Esto sirve para darle sintaxis a los codigos puestos en nuestra web...
Preview:
http://alexgorbatchev.com/wiki/SyntaxHighlighter:Demo
Al principio se ve el codigo utilizado para generar lo que se ve abajo

Funciones:
Ver el codigo con difernicias de colores
iluminar cierta parte del codigo
copiar codigo
muestra la cantidad de lineas
imprimir codigo.

Y mas
____
Empezemos

Lo primero que debemos hacer es descargar el archivo que viene con todo...
O lo otro que podemos hacer, es usar el hosting de ellos (Legal y con permiso, ya que esta para eso).
Vamos a hacerl ode las dos formas:
1- Descarga
Descarga el siguiente archivo:
http://alexgorbatchev.com/downloads/grab.php?name=sh

Luego subimos las carpetas
scripts
styles
__
Esperemos un momento aca...

Aca podemos empezar con los que eligieron tener los archivos ya subidos.

Osea estamos todos iguales con los archivos subidos... Entonces sigamos

Ahora que tenemos los archivos subidos debemos pegar y editar el siguiente codigo en tu sitio:

Cita:

<script type="text/javascript" src="/scripts/shCore.js"></script>
<script type="text/javascript" src="/scripts/shBrushCss.js"></script>
<script type="text/javascript" src="/scripts/shBrushJScript.js"></script>
<script type="text/javascript" src="/scripts/shBrushPhp.js"></script>
<script type="text/javascript" src="/scripts/shBrushXml.js"></script>
<link type="text/css" rel="stylesheet" href="/styles/shCore.css"/>
<link type="text/css" rel="stylesheet" href="/styles/shThemeFadeToGrey.css"/>

<script type="text/javascript">
SyntaxHighlighter.config.clipboardSwf = '/scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>


En donde esta lo verde
Hay que cambiarlo por la ruta de nuestra web en donde suvimos los archivos
Ejemplo
http://example.com/scripts/☻☻☻☻☻.js
La parte verde la dejamos como esta lo unico que debemos cambiar es lo que esta en marron por los datos correspondientes tuyos.

Podemos agregar mas lenguajes Solo agregamos caulquiera de las partes que empiezan con script y terminan con script
Código:

<script type="text/javascript" src="/pub/sh/2.0.320/scripts/shBrushBash.js"></script>

<script type="text/javascript" src="/pub/sh/2.0.320/scripts/shBrushCpp.js"></script>

<script type="text/javascript" src="/pub/sh/2.0.320/scripts/shBrushCSharp.js"></script>

<script type="text/javascript" src="/pub/sh/2.0.320/scripts/shBrushCss.js"></script>

<script type="text/javascript" src="/pub/sh/2.0.320/scripts/shBrushDelphi.js"></script>

<script type="text/javascript" src="/pub/sh/2.0.320/scripts/shBrushDiff.js"></script>

<script type="text/javascript" src="/pub/sh/2.0.320/scripts/shBrushGroovy.js"></script>

<script type="text/javascript" src="/pub/sh/2.0.320/scripts/shBrushJava.js"></script>

<script type="text/javascript" src="/pub/sh/2.0.320/scripts/shBrushJScript.js"></script>

<script type="text/javascript" src="/pub/sh/2.0.320/scripts/shBrushPhp.js"></script>

<script type="text/javascript" src="/pub/sh/2.0.320/scripts/shBrushPlain.js"></script>

<script type="text/javascript" src="/pub/sh/2.0.320/scripts/shBrushPython.js"></script>

<script type="text/javascript" src="/pub/sh/2.0.320/scripts/shBrushRuby.js"></script>

<script type="text/javascript" src="/pub/sh/2.0.320/scripts/shBrushPerl.js"></script>

<script type="text/javascript" src="/pub/sh/2.0.320/scripts/shBrushScala.js"></script>

<script type="text/javascript" src="/pub/sh/2.0.320/scripts/shBrushSql.js"></script>

<script type="text/javascript" src="/pub/sh/2.0.320/scripts/shBrushVb.js"></script>

<script type="text/javascript" src="/pub/sh/2.0.320/scripts/shBrushXml.js"></script>

<script type="text/javascript" src="/pub/sh/2.0.320/scripts/shBrushAS3.js"></script>

<script type="text/javascript" src="/pub/sh/2.0.320/scripts/shBrushJavaFX.js"></script>

<script type="text/javascript" src="/pub/sh/2.0.320/scripts/shBrushPowerShell.js"></script>




_________
Esta parte es mas facil debido a que no hay que cambiar nada. Es solo copiarla y pegarla

Cita:
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shCore.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushCss.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushJScript.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushPhp.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushXml.js"></script>
<link type="text/css" rel="stylesheet" href="http://alexgorbatchev.com/pub/sh/2.0.320/styles/shCore.css"/>
<link type="text/css" rel="stylesheet" href="http://alexgorbatchev.com/pub/sh/2.0.320//styles/shThemeFadeToGrey.css"/>

<script type="text/javascript">
SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/2.0.320/scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>


Ya todo configurado copiamos y pegamos el codigo en texto por encima de la pagina.

Bien ahora nos queda el agregarlo al sitio...

Para agregar el codigo y visualizarlo debemos introducir el siguiente codigo:

Cita:
<pre class="brush:js">
alert("Hello world");
</pre>


Leyenda:
Rojo Significa que n odebemos editarlo...
Verde Es el lenguaje a utilizar para nuestro codigo...
Azul El codigo.

Estando todo editamos lo pegamos en nuestro Sitio


Cita:

NOTA
Si el visualizador del codigo... No se llega a ver... Intenta cambiando el caracter < por &lt; en tu codigo. Puedes cambiar todos los caracteres o los que consideres conflictivos. Creo que no va a ver mayores problemas con esto


Bien asi lo concluimos...
Y para que vean que funciona pueden verlo aqui...
http://todobanners.es.tl/Menu-circular.htm

Saludos.

A partir de aca empiezan a dejarse los <textarea> para contener codigo.

Libre distribucion bajo las siguientes condiciones
Mencionar autoria
Sin fines comerciales
Avisarme. (http://todobanners.es.tl/Contacto.htm)