“Mind Control” is now available as a print in my shop.
[zaraillustrates.com]
si,pasa que no tengo internet en casa (pronto tendre) asi que aprovecho cada vez que puedo para actualizar y que los que pasen no se aburran de ver...
(via: gofuckingnuts)
Por curiosidad y porque cada tanto muestro piezas de código, me dispuse a buscar una forma de hacer que sea más legible.
La solución: un resaltador de sintaxis.
¿Cómo incluir el resaltador de sintaxis en tumblr? Fácil:
Primero necesitamos incluir éste pedazo de código justo antes de la etiqueta </head>:
<script type="text/javascript" src="http://shjs.sourceforge.net/sh_main.min.js">
</script>
<script type="text/javascript"
src="http://shjs.sourceforge.net/lang/sh_css.js">
</script>
<script type="text/javascript"
src="http://shjs.sourceforge.net/lang/sh_html.min.js">
</script>
<script type="text/javascript"
src="http://shjs.sourceforge.net/lang/sh_java.min.js">
</script>
<link type="text/css" rel="stylesheet" href="http://shjs.sourceforge.net/sh_style.css">
Luego hay que agregar una clase a nuestro css de manera que el código se muestre correctamente en todos los navegadores:
pre {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}
Luego tenemos que cambiar nuestra etiqueta <body> para que aparezca de la siguiente manera:
<body onload="sh_highlightDocument();">
De ahora en adelante, para asegurarnos que los códigos que mostremos se lean de manera correcta, vamos a ir a la edición html de nuestras entradas y designaremos al código con la clase correspondiente, por ejemplo:
<pre class = "sh_java">
Para mostrar java
</pre>
<pre class = "sh_css">
Para mostrar CSS
</pre>
<pre class = "sh_html">
Para mostrar html
</pre>
El Resaltador de Sintaxis que estamos usando es SHJS. Allí pueden averiguar más detalles sobre otros lenguajes para incluir y cómo cambiar el estilo CSS para que se adapte mejor a sus blogs. Espero que les haya sido de utilidad.