FTP | CCD | Buscar | Trucos | Trabajo | Foros |
|
Registrarse | FAQ | Miembros | Calendario | Guía de estilo | Temas de Hoy |
|
Herramientas | Buscar en Tema | Desplegado |
#1
|
||||
|
||||
hojas de estilo .css
hola señores foristas como andan espero que de maravillas,,
bueno mi duda que me ha atormentado toda la mañana es la siguiente ustedes saben que uno puede incluir una hoja de estilo a una pagina bueno bamos bien, hora les pregunto coma hacen aqui en este foro para colocar el codigo de delphi dentro de un cuadro y que incluso resalte su sintaxis, lo que yo quiero hacer es algo parecido tengo una base de datos con unos trucos de html y necesito mostrar el codigo del truco igual como lo muestran en este foro dentro del rectangulo con un borde, color de fondo y que me resalte la sintaxis ojala no sea mucho pedir grasias de antemano gulder
__________________
|
#2
|
||||
|
||||
Lo del cuadro es lo más fácil. Pones todo dentro de etiquetas div:
Código:
<div class='truco'> <!--- Aquí el texto del truco --> </div> Código:
div.truco { border: 1px solid green; background-color: silver; } El resaltado es más difícil. El del código delphi se hace con un script php que lee el texto y "envuelve" las palabras reservadas con etiquetas <span>. Por ejemplo, el código original: Código:
procedure MiProc; begin ... end; Código:
<span class='keyword'>procedure</span> MiProc; <span class='keyword'>begin</span> ... <span class='keyword'>end</span>; Además, hay scripts ya hechos, como Geshi para el resaltado de sintaxis y otras monerías. // Saludos |
#3
|
||||
|
||||
grasias roman
grasias roman boy a mirar lo que dises despues comento algo
__________________
|
#4
|
||||
|
||||
como centrar el cuadro
una duda roman o algun forista lo que pasa es que necesito centrar le cuadro lo intente colocandolo dentro de <center></center> funciono pero el texto que se encontraba dentro del cuador lo alineo al centro les muestro como lo hice
Código:
<center>
__________________
|
#5
|
||||
|
||||
Actualmente, la etiqueta <center> está en desuso y no se recomienda porque todo el formato debería estar en una hoja de estilo. Lo que buscas puedes hacerlo, por ejemplo, con el estilo:
Código:
div.truco { width: 60%; margin-left: auto; margin-right: auto; } // Saludos |
#6
|
||||
|
||||
que mas foro
hola foro, roman como estas mira lo que me dices no me funciono, puesto que sigui sin centrar el cuadro aqui te pongo el ejemplo para ver si me dices que pasa grasias de antemano gulder
__________________
Última edición por gulder fecha: 16-08-2008 a las 06:10:58. |
#7
|
||||
|
||||
Según veo, se debe al tipo de documento:
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> En tu caso, funciona si omites el width y especificas los porcentajes en los márgenes: Código:
div.truco { border: 1px solid green; background-color: silver; margin-left: 10%; margin-right: 10%; } |
#8
|
||||
|
||||
grasias roman
grasias roman y disculpa por la demora lo boy a mirar gulder
__________________
|
#9
|
||||
|
||||
grasis roman sirvio de maravillas a
__________________
|
#10
|
||||
|
||||
__________________
El malabarista. |
|
|
Temas Similares | ||||
Tema | Autor | Foro | Respuestas | Último mensaje |
Columnas y hojas de estilo | roman | HTML, Javascript y otros | 4 | 26-04-2006 23:37:56 |
Hojas de estilo en PHP | roman | PHP | 3 | 12-04-2005 16:07:05 |
Reporte de 2 hojas | Carlex | Impresión | 5 | 07-05-2004 02:04:38 |
Reporte de 2 hojas | jsanchez | Impresión | 5 | 28-01-2004 18:52:36 |
Excel con varias hojas | Ricardo Alfredo | Varios | 0 | 22-01-2004 15:07:33 |
|