tag:blogger.com,1999:blog-5415513870832441455.post3977523612047525462..comments2024-03-27T04:47:32.689+01:00Comments on TecnoBlog | Espacio de Tecnología : Resalta el código fuente de tu web con Google Code PrettifyJosé María Acuña Morgadohttp://www.blogger.com/profile/00061847142830881655noreply@blogger.comBlogger15125tag:blogger.com,1999:blog-5415513870832441455.post-88026278436653603802022-09-05T09:34:25.747+02:002022-09-05T09:34:25.747+02:00La sintaxis correcta es rel="nofollow noopene...La sintaxis correcta es <b>rel="nofollow noopener noreferrer"</b>. Cualquier otra sintaxis será errónea y los navegadores no validarán estos atributos por lo que nos los tendrán en cuentaJosé María Acuña Morgadohttps://www.blogger.com/profile/00061847142830881655noreply@blogger.comtag:blogger.com,1999:blog-5415513870832441455.post-14077160997853281092022-09-04T18:01:17.090+02:002022-09-04T18:01:17.090+02:00Excelente post. empero, la lectura me lleva a form...Excelente post. empero, la lectura me lleva a formular una pregunta. Sucede que en la lectura de otro post, pude apreciar que el autor colocaba los atributos separadamente, o sea: no opener, no referrer, no follow. Y mi pregunta es si con esa sintaxis puede funcionar el atributo, es decir, ¿puede interpretarse esa sintaxis como una manera igualmente válida?. De antemano, gracias.Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-5415513870832441455.post-43136853567041628792020-08-18T11:02:58.352+02:002020-08-18T11:02:58.352+02:00Muchísimas gracias Mónica,
ya sabes que puedes con...Muchísimas gracias Mónica,<br />ya sabes que puedes contar conmigo para lo que quieras :)<br /><br />Un abrazo!José María Acuña Morgadohttps://www.blogger.com/profile/00061847142830881655noreply@blogger.comtag:blogger.com,1999:blog-5415513870832441455.post-31224533170213486522020-08-18T00:42:23.764+02:002020-08-18T00:42:23.764+02:00¡Listo! Otra vez, ¡¡¡GRACIAS!!!
Aguegué los espac...¡Listo! Otra vez, ¡¡¡GRACIAS!!!<br /><br />Aguegué los espacios que dijiste y coloqué el <b>white-space</b> en <b>pre-wrap</b>, porque en caso contrario no se generaban las multilíneas.<br /><br />Como siempre, "sacas las papas del fuego" en tiempo récord.<br /><br />Los blogueros, agradecidos. Ni idea tienes lo que significa contar contigo "charco" de por medio.<br /><br />¡Saludos!MoniAlushttps://www.blogger.com/profile/10728240436534171565noreply@blogger.comtag:blogger.com,1999:blog-5415513870832441455.post-32206323883787420332020-08-17T10:05:15.897+02:002020-08-17T10:05:15.897+02:00Sí, hay una forma Mónica.
La etiqueta <pre> ...Sí, hay una forma Mónica.<br />La etiqueta <pre> representa un bloque de texto preformateado donde los espacios y los saltos de línea son respetados.<br />Partiendo de esa premisa, bastaría con dejar espacios en blanco en la línea que genera el scroll horizontal de la siguiente forma:<br /><br /><b>.contenedor {position:relative!important; width:95%; height:auto; margin:10px auto; color:#ffffff; padding: 10px 0px 10px 0px; background:#3d84c6; font-size:16px; font-family:Arial; border-radius:10px 0px 10px 0px; text-align:center;}</b><br /><br />Saludos!!José María Acuña Morgadohttps://www.blogger.com/profile/00061847142830881655noreply@blogger.comtag:blogger.com,1999:blog-5415513870832441455.post-26426645008337195672020-08-17T04:39:00.957+02:002020-08-17T04:39:00.957+02:00Mil gracias. Todavía me falta "afinar" e...Mil gracias. Todavía me falta "afinar" el código (confieso que he copiado tu idea del iframe).<br /><br />¿Hay alguna manera, por favor, de que las líneas aparezcan en todo el "scroll" horizontal?<br /><br />Hice esto hasta ahora: https://monialus.github.io/iframe.html.MoniAlushttps://www.blogger.com/profile/10728240436534171565noreply@blogger.comtag:blogger.com,1999:blog-5415513870832441455.post-15007535707567085442020-08-16T23:35:04.038+02:002020-08-16T23:35:04.038+02:00Hola Mónica,
en este caso la solución era muy senc...Hola Mónica,<br />en este caso la solución era muy sencilla.<br /><br />Tienes que añadir lo siguiente:<br /><br />1- a continuación del body, añade el siguiente bloque de código css:<br /><br /><b><style>li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8{list-style-type:decimal!important}</style></b><br /><br />2- dentro de la etiqueta pre añade style="white-space:pre;overflow:auto;"<br /><br />Tal que así: <br /><b><pre class="prettyprint linenums" style="white-space:pre;overflow:auto;"></b><br /><br />Saludos!!<br /><br /><br />José María Acuña Morgadohttps://www.blogger.com/profile/00061847142830881655noreply@blogger.comtag:blogger.com,1999:blog-5415513870832441455.post-35118193137672404242020-08-16T03:12:20.537+02:002020-08-16T03:12:20.537+02:00Por otro lado, te iba a subir el html con el códig...Por otro lado, te iba a subir el html con el código cargado y me vengo a enterar del fin de RawGit. Por lo visto, los enlaces viejos siguen funcionando.<br />Lo dejo por acá: https://github.com/MoniAlus/Codiguitos/blob/master/Index.html<br />Mil disculpas.MoniAlushttps://www.blogger.com/profile/10728240436534171565noreply@blogger.comtag:blogger.com,1999:blog-5415513870832441455.post-65687455675147998752020-08-16T00:54:40.973+02:002020-08-16T00:54:40.973+02:00Hola. Siempre las ovejitas vuelven al redil... y e...Hola. Siempre las ovejitas vuelven al redil... y esta beta-tester no es la excepción. Acá ando, tratando de poder utilizar "prettyprint linenums" y se me numeran las líneas de a 5 y el texto se sale del margen... ¿Se puede corregir?<br />Mil gracias.MoniAlushttps://www.blogger.com/profile/10728240436534171565noreply@blogger.comtag:blogger.com,1999:blog-5415513870832441455.post-8138629518629869972018-05-22T09:31:27.888+02:002018-05-22T09:31:27.888+02:00Hola Anny,
me puedes especificar en qué página del...Hola Anny,<br />me puedes especificar en qué página del blog estás haciendo las pruebas para echarle un vistazo?<br /><br />Gracias.José María Acuña Morgadohttps://www.blogger.com/profile/00061847142830881655noreply@blogger.comtag:blogger.com,1999:blog-5415513870832441455.post-61597831589995087172018-05-22T00:55:02.319+02:002018-05-22T00:55:02.319+02:00No se ven los colores, que podría estar pasando?No se ven los colores, que podría estar pasando?Anny Guilartehttps://www.blogger.com/profile/04017955134176795452noreply@blogger.comtag:blogger.com,1999:blog-5415513870832441455.post-14023307878757248212016-09-05T09:05:14.685+02:002016-09-05T09:05:14.685+02:00Hola Lilian,
gracias a ti por visitar el blog y po...Hola Lilian,<br />gracias a ti por visitar el blog y por comentar :)<br /><br />La librería <b>Syntax Highlighter</b> funciona perfectamente pero como indicas, pero prefiero usar <b>Google Code Prettify</b> por la facilidad de uso y su rápida ejecución.<br /><br />Si es posible marcar las palabras reservadas del lenguaje SQL, para ello hay que hacer unos pequeños ajustes de forma muy simple:<br /><br />- a continuación de la librería run_prettify, tienes que importar el fichero <b>lang-sql.js</b><br />- y en el tag <b>PRE</b> debes indicar que se trata de codificación sql especificando el atributo <b>lang-sql</b><br /><br /><br />Este sería un ejemplo muy sencillo que puedes probar en local:<br /><br /><!DOCTYPE html><br /><html><br /><body><br /><script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?autoload=true&skin=sunburst" defer="defer"></script><br /><script src="https://cdn.rawgit.com/google/code-prettify/master/loader/lang-sql.js" defer="defer"></script><br /><pre class="prettyprint lang-sql"><br />SELECT<br /> t1.constraint_type AS tipo_restriccion,<br /> t4.table_name AS tabla_referencia,<br /> t4.column_name AS columna_referencia<br />FROM information_schema.table_constraints t1<br /> LEFT JOIN information_schema.key_column_usage t2<br /> ON t1.constraint_catalog = t2.constraint_catalog<br /> AND t1.constraint_schema = t2.constraint_schema<br /> AND t1.constraint_name = t2.constraint_name<br /> LEFT JOIN information_schema.referential_constraints t3<br /> ON t1.constraint_catalog = t3.constraint_catalog<br /> AND t1.constraint_schema = t3.constraint_schema<br /> AND t1.constraint_name = t3.constraint_name<br /> LEFT JOIN information_schema.constraint_column_usage t4<br /> ON t3.unique_constraint_catalog = t4.constraint_catalog<br /> AND t3.unique_constraint_schema = t4.constraint_schema<br /> AND t3.unique_constraint_name = t4.constraint_name<br />WHERE<br /> t1.table_schema = '[NOMBRE_ESQUEMA]' AND<br /> t1.table_name = '[NOMBRE_TABLA]' AND<br /> t2.column_name = '[NOMBRE_COLUMNA]'<br />ORDER BY<br /> t1.constraint_type DESC;<br /></pre><br /></body><br /></html>José María Acuña Morgadohttps://www.blogger.com/profile/00061847142830881655noreply@blogger.comtag:blogger.com,1999:blog-5415513870832441455.post-37134752316643248462016-09-03T06:47:13.823+02:002016-09-03T06:47:13.823+02:00Muchas gracias por compartir, lo estoy probando en...Muchas gracias por compartir, lo estoy probando en mi blog, se ve muy bien. Lo único malo es que en el caso del SQL no me lo resalta como me gustaría con sus palabras reservadas ¿Lo has probado con SQL?. Hasta ahora usaba Syntax Highlighter del que no tenía quejas, pero la carga de los scripts es algo pesada.Lilian Armas - La Chica Informáticahttps://www.blogger.com/profile/13585847569465668475noreply@blogger.comtag:blogger.com,1999:blog-5415513870832441455.post-68769899771700543172016-09-01T12:29:35.884+02:002016-09-01T12:29:35.884+02:00Gracias a ti Jose Antonio por visitar el blog y po...Gracias a ti Jose Antonio por visitar el blog y por dejar el comentario :)<br />Un saludo!!José María Acuña Morgadohttps://www.blogger.com/profile/00061847142830881655noreply@blogger.comtag:blogger.com,1999:blog-5415513870832441455.post-57503908297241258932016-08-24T10:15:31.550+02:002016-08-24T10:15:31.550+02:00Muy buena entrada, me ha sido de utilidad.
Gracias...Muy buena entrada, me ha sido de utilidad.<br />GraciasPepehttps://www.blogger.com/profile/05008793476887675684noreply@blogger.com