Lo que dice el titulo, hay algún script o programa que me transforme el código que hago copy past y se coloque en colores en mi pagina web??
los códigos de programación son java y python
Gracias :D
El mas conocido y usado en los blogs es este: SyntaxHighlighter (http://alexgorbatchev.com/SyntaxHighlighter/).
Aquí (http://alexgorbatchev.com/SyntaxHighlighter/integration.html) tienes las referencias de como implementarlo.
Cita de: madpitbull_99 en 2 Marzo 2011, 21:50 PM
El mas conocido y usado en los blogs es este: SyntaxHighlighter (http://alexgorbatchev.com/SyntaxHighlighter/).
Aquí (http://alexgorbatchev.com/SyntaxHighlighter/integration.html) tienes las referencias de como implementarlo.
muchas graciassss, estaba cansado de buscar en google, pero para paginas web sirve tambien no?
edito por segunda ves
si se puede D:D
Pues yo me quedo con Geshi que es el que usa este foro: http://qbnz.com/highlighter/
Cita de: madpitbull_99 en 2 Marzo 2011, 21:50 PM
El mas conocido y usado en los blogs es este: SyntaxHighlighter (http://alexgorbatchev.com/SyntaxHighlighter/).
Aquí (http://alexgorbatchev.com/SyntaxHighlighter/integration.html) tienes las referencias de como implementarlo.
me andubo perfeectoo
pero mi problema es q queda el code muy grandee, se puede achicar? :)
Si, se puede achicar. Para cambiarle las dimensiones tienes que editar el fichero: /styles/shCoreDefault.css o shCore.css, depende cual estés usando (en el ejemplo que viene con el script hay que modificar shCoreDefault.css ).
Para ajustarle el ancho buscas la linea 56 (la clase .syntaxhighlighter) y le cambias el valor.
.syntaxhighlighter {
width: 10% !important;
margin: 1em 0 1em 0 !important;
position: relative !important;
overflow: auto !important;
font-size: 1em !important;
}
En el ejemplo de arriba es la linea resaltada. Si el código es demasiado largo y no cabe te agregara una barra de scroll (de desplazamiento).
Prueba y cuéntanos.
bien pero esa es la barra de abajo no la otra ^^, queda horrible
cual linea tengo q tokar para modificar el % de la otra barra?
no conozco nada de css, perdon!!
excelente pagina web tienes :)
Citarbien pero esa es la barra de abajo no la otra ^^, queda horrible
Entonces supongo que te refieres a la altura a al tamaño de la fuente. El tamaño se define en la propriedad
font-size en la misma clase (bloque de código).
Prueba cambiando el valor de la linea resaltada por el valor que he puesto aquí.
.syntaxhighlighter {
width: 100% !important;
margin: 1em 0 1em 0 !important;
position: relative !important;
overflow: auto !important;
font-size: 0.7em !important;
}Juega un poco con el valor hasta llegar al resultado que quieres. Supongo que a eso te refieres con "la otra barra".
Otra cosa que puedes hacer es indicarle una altura máxima. Te quedara algo como en la imagen de abajo:
(http://madzone.comoj.com/image_host/images/capturkpk.png)
Para cambiarle la altura máxima permitida usas la propriedad
height seguido del valor y la unidad.
Te dejo el código que he utilizado para el ejemplo de la imagen de arriba:
.syntaxhighlighter {
width: 30% !important; //Es el ancho
height: 100px !important; //Es la altura medida en pixels
margin: 1em 0 1em 0 !important;
position: relative !important;
overflow: auto !important;
font-size: 0.7em !important; //El tamanio de la fuente
}Te sugiero la pagina: LibrosWeb (http://librosweb.es/) y el tutorial de CSS (http://librosweb.es/referencia/css/index.html).
de 10 :D
ahora voy a investigar como pongo fondo negro y letras grises :D y las setencias verdes :)
Gracias!
talvez te interesen los ultimos 4
http://alexgorbatchev.com/SyntaxHighlighter/manual/themes/
Cita de: Nakp en 11 Marzo 2011, 02:44 AM
talvez te interesen los ultimos 4
http://alexgorbatchev.com/SyntaxHighlighter/manual/themes/
tremendo!!!!
en serio gracias