Smudge Designs

Hola!! Actualmente Smudge se encuentra INACTIVO.


Podras encontrarnos en un nueblo Blog sobre Diseño Grafico llamado: BubbleBox



Te esperamos!




 
Smudge ForoPortalÍndiceDeviantArtBlogBuscarMiembrosConectarseRegistrarseCalendarioFAQ
Smudge esta buscando Staff. Si estas interesado pulsa AQUI
Accede a nuestro sistema de Intercambio de Puntos

Comparte | 
 

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

Ver el tema anterior Ver el tema siguiente Ir abajo 
AutorMensaje
PlugsAdvancedAdvanced
avatarMensajes : 131
Edad: : 24

Ver perfil de usuario http://gooin.es.tl/
MensajeTema: 16 JavaScript Para Resaltar los códigos de tus Post.   Dom Abr 25, 2010 7:13 pm


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"rencor/script>
 
<script type="text/javascript" src="http://xtremeplugs.co.cc/wp-content/syntax/scripts/shBrushJscript.js"rencor/script>
<script type="text/javascript" src="http://xtremeplugs.co.cc/wp-content/syntax/scripts/shBrushCss.js"rencor/script>
<script type="text/javascript" src="http://xtremeplugs.co.cc/wp-content/syntax/scripts/shBrushXml.js"rencor/script>
<script type="text/javascript" src="http://xtremeplugs.co.cc/wp-content/syntax/scripts/shBrushPhp.js"rencor/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):
Volver arriba Ir abajo
DFucKAdminAdmin
avatarMensajes : 991
Edad: : 27

Ver perfil de usuario http://rodrigojimenez.deviantart.com/
MensajeTema: Re: 16 JavaScript Para Resaltar los códigos de tus Post.   Lun Abr 26, 2010 4:47 am

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




Cumple las Normas o seras sancionado.
Revisa las funciones del Staff Aqui


Regalito de Tobi!! Muchas Gracias
Volver arriba Ir abajo
statingsAdvancedAdvanced
avatarMensajes : 138

Ver perfil de usuario
MensajeTema: Re: 16 JavaScript Para Resaltar los códigos de tus Post.   Mar Mayo 11, 2010 7:14 pm

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?=?
Volver arriba Ir abajo
DFucKAdminAdmin
avatarMensajes : 991
Edad: : 27

Ver perfil de usuario http://rodrigojimenez.deviantart.com/
MensajeTema: Re: 16 JavaScript Para Resaltar los códigos de tus Post.   Mar Mayo 11, 2010 7:20 pm

pues dime como XDDD




Cumple las Normas o seras sancionado.
Revisa las funciones del Staff Aqui


Regalito de Tobi!! Muchas Gracias
Volver arriba Ir abajo
statingsAdvancedAdvanced
avatarMensajes : 138

Ver perfil de usuario
MensajeTema: Re: 16 JavaScript Para Resaltar los códigos de tus Post.   Mar Mayo 11, 2010 7:22 pm

xDDDD
Volver arriba Ir abajo
Contenido patrocinado
MensajeTema: Re: 16 JavaScript Para Resaltar los códigos de tus Post.   

Volver arriba Ir abajo
 

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

Ver el tema anterior Ver el tema siguiente Volver arriba 
Página 1 de 1.

Permisos de este foro:No puedes responder a temas en este foro.
Smudge Designs :: Informatica :: Webmaster :: Biblioteca de Codigo :: HTML-