16 JavaScript Para Resaltar los códigos de tus Post.

Advanced Mensajes : 131 Edad: : 30

Si suelen publicar en sus blog fragmentos de códigos CSS, php, html y demás, pero solo lo publican con un montón de texto en negro sencillo donde es realmente difícil encontrar cosas específicas, encontraran este articulo muy útil. 16 free javascript code syntax highlighters for better programming, es un artículo que les presentara 16 propuestas para utilizar a la hora de resaltar los códigos introducidos en los post de sus web. La idea es que al igual que los programas Pspad o Notepad + + entre otros, podamos resaltar diferentes relieves en las partes del código. Además, lo interesante de estos script, es que no solo debemos utilizarlo tal cual los encontramos, personalizarlos y adaptarlos al diseño de nuestro blog es realmente sencillo.

Enlace 16 free javascript code syntax highlighters for better programming.
Fuente: xiberneticos.com

Syntax Highlighter

Para resaltar tus codigos de todo el texto Syntax Highlighter es la mejor opcion. Puedes usar los archivos ya subidos a la web o descargarlos desde la Página Official de Syntax.

El siguiente codigo deberas colocarlo despues de la etiqueta

Código:: <script type="text/javascript" src="http://axtp.site50.net/syntaxhighlighter/src/shCore.js"/script>

<script type="text/javascript" src="http://xtremeplugs.co.cc/wp-content/syntax/scripts/shBrushJscript.js"/script>
<script type="text/javascript" src="http://xtremeplugs.co.cc/wp-content/syntax/scripts/shBrushCss.js"/script>
<script type="text/javascript" src="http://xtremeplugs.co.cc/wp-content/syntax/scripts/shBrushXml.js"/script>
<script type="text/javascript" src="http://xtremeplugs.co.cc/wp-content/syntax/scripts/shBrushPhp.js"/script>

<link href="http://xtremeplugs.co.cc/wp-content/syntax/styles/shCore.css" rel="stylesheet" type="text/css" />
<link type="text/css" rel="Stylesheet" href="http://xtremeplugs.co.cc/wp-content/syntax/styles/shThemeDefault.css"/>

<script type="text/javascript">
SyntaxHighlighter.all()
</script>

Para Resaltar tus codigos.

Html:
CÓDIGO:

Código:: <pre class="brush: xml">
Tu codigo Aqui
</pre>

Javascript
CÓDIGO:

Código:: <pre class="brush: js">
Tu codigo Aqui
</pre>

CSS
CÓDIGO:

Código:: <pre class="brush: css">
Tu codigo Aqui
</pre>

Cambiar el estilo
Bueno para cambiar el estilo del SyntaxHighlighter solo tenes que cambiar esto

Citación :: /styles/shThemeDefault.css"/>

Por algunos de estos y listo Contento

# shThemeDefault.css
# shThemeDjango.css
# shThemeEclipse.css
# shThemeEmacs.css
# shThemeFadeToGrey.css
# shThemeMidnight.css
# shThemeRDark.css

Espero que les guste el code saludos! :(king):

Admin Mensajes : 991 Edad: : 33

Muy weno xulo!!! pero veo que hay css de por medio...weno da =!!! muxas asias por el aporte Plugs cuco

Advanced Mensajes : 138

a probar el Resaltador de codigos


Hola!!
Como Estan??
quiero decirles que me Gusta como Escribe esto xD

no se puede hacer algo para que al postear aki salga siempre asi


mmmm..


ehh?=?

Admin Mensajes : 991 Edad: : 33

pues dime como XDDD

Advanced Mensajes : 138

xDDDD