elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Los 10 CVE más críticos (peligrosos) de 2020


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  Poner codigo de programacion en colores en una pagina web
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] 2 Ir Abajo Respuesta Imprimir
Autor Tema: Poner codigo de programacion en colores en una pagina web  (Leído 7,214 veces)
Aeros

Desconectado Desconectado

Mensajes: 199


Ver Perfil
Poner codigo de programacion en colores en una pagina web
« en: 2 Marzo 2011, 21:40 pm »

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


En línea

madpitbull_99
Colaborador
***
Desconectado Desconectado

Mensajes: 1.911



Ver Perfil WWW
Re: Poner codigo de programacion en colores en una pagina web
« Respuesta #1 en: 2 Marzo 2011, 21:50 pm »

El mas conocido y usado en los blogs es este: SyntaxHighlighter.

Aquí tienes las referencias de como implementarlo.


En línea



«Si quieres la paz prepárate para la guerra» Flavius Vegetius

[Taller]Instalación/Configuración y Teoría de Servicios en Red
Aeros

Desconectado Desconectado

Mensajes: 199


Ver Perfil
Re: Poner codigo de programacion en colores en una pagina web
« Respuesta #2 en: 2 Marzo 2011, 21:55 pm »

El mas conocido y usado en los blogs es este: SyntaxHighlighter.

Aquí 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
« Última modificación: 2 Marzo 2011, 22:01 pm por Aeros » En línea

Spider-Net


Desconectado Desconectado

Mensajes: 1.165


Un gran poder conlleva una gran responsabilidad


Ver Perfil WWW
Re: Poner codigo de programacion en colores en una pagina web
« Respuesta #3 en: 3 Marzo 2011, 10:40 am »

Pues yo me quedo con Geshi que es el que usa este foro: http://qbnz.com/highlighter/
En línea

Aeros

Desconectado Desconectado

Mensajes: 199


Ver Perfil
Re: Poner codigo de programacion en colores en una pagina web
« Respuesta #4 en: 9 Marzo 2011, 22:49 pm »

El mas conocido y usado en los blogs es este: SyntaxHighlighter.

Aquí tienes las referencias de como implementarlo.

me andubo perfeectoo

pero mi problema es q queda el code muy grandee, se puede achicar? :)
En línea

madpitbull_99
Colaborador
***
Desconectado Desconectado

Mensajes: 1.911



Ver Perfil WWW
Re: Poner codigo de programacion en colores en una pagina web
« Respuesta #5 en: 9 Marzo 2011, 23:24 pm »

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.

Código
  1. .syntaxhighlighter {
  2.   width: 10% !important;
  3.   margin: 1em 0 1em 0 !important;
  4.   position: relative !important;
  5.   overflow: auto !important;
  6.   font-size: 1em !important;
  7. }

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.
En línea



«Si quieres la paz prepárate para la guerra» Flavius Vegetius

[Taller]Instalación/Configuración y Teoría de Servicios en Red
Aeros

Desconectado Desconectado

Mensajes: 199


Ver Perfil
Re: Poner codigo de programacion en colores en una pagina web
« Respuesta #6 en: 10 Marzo 2011, 09:58 am »

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 :)
En línea

madpitbull_99
Colaborador
***
Desconectado Desconectado

Mensajes: 1.911



Ver Perfil WWW
Re: Poner codigo de programacion en colores en una pagina web
« Respuesta #7 en: 10 Marzo 2011, 11:43 am »

Citar
bien 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í.

Código
  1. .syntaxhighlighter {
  2.  width: 100% !important;
  3.  margin: 1em 0 1em 0 !important;
  4.  position: relative !important;
  5.  overflow: auto !important;
  6.  font-size: 0.7em !important;
  7. }

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:



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:

Código
  1. .syntaxhighlighter {
  2.  width: 30% !important; //Es el ancho
  3.  height: 100px !important; //Es la altura medida en pixels
  4.  margin: 1em 0 1em 0 !important;
  5.  position: relative !important;
  6.  overflow: auto !important;
  7.  font-size: 0.7em !important; //El tamanio de la fuente
  8. }

Te sugiero la pagina: LibrosWeb y el tutorial de CSS.
En línea



«Si quieres la paz prepárate para la guerra» Flavius Vegetius

[Taller]Instalación/Configuración y Teoría de Servicios en Red
Aeros

Desconectado Desconectado

Mensajes: 199


Ver Perfil
Re: Poner codigo de programacion en colores en una pagina web
« Respuesta #8 en: 11 Marzo 2011, 01:00 am »

de 10 :D

ahora voy a investigar como pongo fondo negro y letras grises :D y las setencias verdes :)

Gracias!
En línea

Nakp
casi es
Ex-Staff
*
Desconectado Desconectado

Mensajes: 6.336

he vuelto :)


Ver Perfil WWW
Re: Poner codigo de programacion en colores en una pagina web
« Respuesta #9 en: 11 Marzo 2011, 02:44 am »

talvez te interesen los ultimos 4

http://alexgorbatchev.com/SyntaxHighlighter/manual/themes/
En línea

Ojo por ojo, y el mundo acabará ciego.
Páginas: [1] 2 Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Separar en colores codigo visual basic 6
Programación Visual Basic
Castg! 1 3,550 Último mensaje 19 Septiembre 2009, 02:46 am
por seba123neo
Codigo de Colores Esencial
Diseño Gráfico
peib0l 3 8,650 Último mensaje 1 Octubre 2009, 13:49 pm
por leook
Colores en codigo ASM (MASM32)
ASM
Riki_89D 2 7,025 Último mensaje 18 Octubre 2009, 18:47 pm
por Riki_89D
Tono de colores para este tipo de pagina? cual seria el ideal?
Desarrollo Web
XXXXXX 3 3,658 Último mensaje 10 Enero 2011, 18:39 pm
por Fluflu
Obtener colores de una pagina web y generar paleta para Adobe
PHP
Graphixx 0 1,787 Último mensaje 8 Abril 2012, 23:00 pm
por Graphixx
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines