Busca Preguntas

como ver el codigo css de esta pagina?

el nene - 2007-08-13 08:08:25 - Programming Design

http://usuarios.lycos.es/byron12/ necesito ver el codigo css de esta pagina para poder ver como puso los bordes con imagenes!!

Mejor Respuesta:

- Abres http://usuarios.lycos.es/byron12/ en tu navegador de internet. -Para internet explorer: te vas al menú ver, seleccionas la opción origen o código fuente, se abrirá el codigo fuente con bloc de notas. -En el bloc de notas presionas ctrl+b, escribes .css y buscas ya sea hacia arriba o hacia abajo. -La búsqueda te llevara a esta linea: <link rel ="stylesheet" type="text/css" href="estilo2.css"/> -Concatena http://usuarios.lycos.es/byron12/ con el archivo del href estilo2.css: resultado: http://usuarios.lycos.es/byron12/estilo2.css Escribe esta URL en el navegador y te llevara al archivo css, guardalo, abrelo y analiza el codigo que te interese. Revisando el archivo te das cuenta que el estilo del borde esta hecho con imagenes: Archivo estilo2.css hr{border-style:dashed;} p{font-size:19; color:#ffffff;} h1{font-size:30; color: #FF0000 ; font-style: normal;} body{color:#CC9900; background-image: url(fondo4.jpg);} td.t{ background-image: url(fondot.jpg); } td.no{background-image: url(ex.JPG);height:15px;} td.a{background-image: url(arr3.JPG);height:15px;} td.i{background-image: url(izq2.JPG);width:15px;} td.d{background-image: url(der2.JPG);width:15px;} td.ab{background-image: url(aba.JPG);height:15px;} td.blo1{background-image: url(blo2.jpg);height:15px;} td.blo2{background-image: url(blo3.jpg);height:15px;} Espero que te sirva...

Respuestas:

- Abres http://usuarios.lycos.es/byron12/ en tu navegador de internet. -Para internet explorer: te vas al menú ver, seleccionas la opción origen o código fuente, se abrirá el codigo fuente con bloc de notas. -En el bloc de notas presionas ctrl+b, escribes .css y buscas ya sea hacia arriba o hacia abajo. -La búsqueda te llevara a esta linea: <link rel ="stylesheet" type="text/css" href="estilo2.css"/> -Concatena http://usuarios.lycos.es/byron12/ con el archivo del href estilo2.css: resultado: http://usuarios.lycos.es/byron12/estilo2.css Escribe esta URL en el navegador y te llevara al archivo css, guardalo, abrelo y analiza el codigo que te interese. Revisando el archivo te das cuenta que el estilo del borde esta hecho con imagenes: Archivo estilo2.css hr{border-style:dashed;} p{font-size:19; color:#ffffff;} h1{font-size:30; color: #FF0000 ; font-style: normal;} body{color:#CC9900; background-image: url(fondo4.jpg);} td.t{ background-image: url(fondot.jpg); } td.no{background-image: url(ex.JPG);height:15px;} td.a{background-image: url(arr3.JPG);height:15px;} td.i{background-image: url(izq2.JPG);width:15px;} td.d{background-image: url(der2.JPG);width:15px;} td.ab{background-image: url(aba.JPG);height:15px;} td.blo1{background-image: url(blo2.jpg);height:15px;} td.blo2{background-image: url(blo3.jpg);height:15px;} Espero que te sirva...