Ver Mensaje Individual
  #5 (permalink)  
Antiguo 28/10/2008, 00:12
Avatar de ivor
ivor
 
Fecha de Ingreso: abril-2005
Ubicación: Venezuela
Mensajes: 673
Antigüedad: 19 años
Puntos: 2
Respuesta: style.css de foro SMF

Hola RabidFish,

Antes de empezar a explicarte te doy una recomendación, si tu problema está en no saber como identificar los ID o CLASS en los CSS te recomiendo que uses las extensiones Firebug, WebDeveloper y ColorZilla y por supuesto el mejor navegador en estos momentos Firefox

Ahora si, ahi vamos a lo que nos interesa:

Paso 1

La barra Web Developer tiene una utilidad que permite añadir un CSS externo, en este caso copié todo el código CSS que colocaste arriba y procedí a editarlo.

Imagen 1


Por lo que veo lo que no puedes editar es el espacio blanco que queda entre las tablas que están ahí.

Imagen 2


Paso2 (aqui es donde viene lo emocionante)

Abres tu Firebug

Imagen 3


Luego le das click a 'Inspeccionar'

Imagen 4


Al pasar el cursor por toda la web te vas a dar cuenta como Firebug actúa, resaltando cada uno de los elementos del estilo. Abajo te dejo un ejemplo de como se resalta con una línea azul.

Imagen 5


Cuando se resalte lo que deseas editar solo haz click y Firebug se detiene en la línea que afecta el diseño. Aqui es la línea 37.

Imagen 6


Luego le agregas el color que desees,



Te vas a tu código y haces las modificaciones que acabas de hacer en Firebug. Esta extensión es una herramienta LiveEdit (Edición en Vivo), edita pero no guarda cambios, esto es importante mencionartelo.

Luego de guardar los cambios en tu editor de texto favorito te queda el sitio como lo deseas =)




Aqui te dejo el código:

Código:
body, td, th {
background-color:#545B53;
color:#FFFFFF;
font-family:verdana,sans-serif;
font-size:x-small;
}

Espero que te sea de utilidad, es la 1:35am y tengo que trabajar más tarde jeje!
un saludo hermanos.


PD. No se si me vayas a creer, pero veo que en tu CSS tienes el color que escogí al azar en Photoshop para el ejemplo #545B53 me sorprendí al verlo mientras revisaba el post ya publicado jeje!
__________________
Twitter: ipad

Última edición por ivor; 28/10/2008 a las 00:19 Razón: Algo muy casual