Ver Mensaje Individual
  #1 (permalink)  
Antiguo 27/10/2008, 15:48
RabidFish
 
Fecha de Ingreso: julio-2008
Ubicación: Córdoba, Argentina
Mensajes: 266
Antigüedad: 15 años, 9 meses
Puntos: 26
style.css de foro SMF

Hola a todos.
Estoy modificando el style.css para cambiarle los colores a un foro SMF. Ya logré cambiar todo a mi gusto excepto un color, les dejo una imagen para que se den cuenta:
http://img225.imageshack.us/my.php?image=thumbnailhb3.gif
El color que quiero cambiar es el que está donde dice "Forum name", o sea, el blanco de fondo por otro color. El theme que uso es el classic (o Tema Clásico YaBB SE). Quisiera saber qué valor tengo que cambiar en el style.css o qué debo agregar.
Saludos y gracias de antemano.

Editado: Acá dejo el style.css, también agrego otra imagen más precisa (no se preocupen por los textos que no se ven, sólo me interesa el fondo blanco): http://img356.imageshack.us/my.php?image=deleteom1.jpg

/* Normal, standard links. */
a:link, a:visited
{
color: #C0C0C0;
background-color: transparent;
text-decoration: none;
}
a:hover
{
color: #666666;
background-color: transparent;
text-decoration: none;
}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
color: #FFFFFF;
background-color: transparent;
text-decoration: none;
}
a.nav:hover
{
font-weight: bold;
color: #666666;
background-color: transparent;
text-decoration: underline;
}

/* Tables should show empty cells too. */
table
{
empty-cells: show;
}

/* By default (td, body..) use Verdana in black. */
body, td, th
{
color: #FFFFFF;
font-size: x-small;
font-family: verdana, sans-serif;
background-color: #545B53
}

/* The main body of the entire forum. */
body {
background: #000000
}


/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea
{
font-size: 8pt;
color: #FFFFFF;
font-family: verdana, sans-serif;
background-color: #313630;
border: 1px solid black;
}

/* Checkboxes shouldn't have a background color. */
input.check
{
background-color: transparent;
}

/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
font-size: 8pt;
font-weight: normal;
color: #FFFFFF;
font-family: verdana, sans-serif;
background-color: #313630;
border: 1px solid black;
}

/* Standard horizontal rule.. */
hr
{
color: #6394bd;
background-color: transparent;
}
/* A more colorful hr.. */
.hrcolor
{
height: 1px;
border: 0;
color: #313630;
background-color: #313630;
}

/* A quote, perhaps from another post. */
.quote
{
color: #FFFFFF;
background-color: #dee7ef;
border: 1px solid black;
margin: 1px;
padding: 1px;
font-size: x-small;
}

/* A code block - maybe even PHP ;). */
.code
{
color: #000000;
background-color: #cccccc;
border: 1px solid black;
margin: 1px;
padding: 1px;
font-size: x-small;
line-height: 1.3em;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
color: #FFFFFF;
text-decoration: none;
font-style: normal;
font-weight: bold;
font-size: x-small;
line-height: 1.2em;
}

/* Generally, those [?] icons. */
.help
{
cursor: help;
background-color: transparent;
}

/* /me uses this a lot. */
.meaction
{
color: red;
background-color: transparent;
}

/* The main post box - this makes it as wide as possible. */
.editor
{
width: 100%;
}

/* Highlighted text - such as search results. */
.highlight
{
background-color: yellow;
font-weight: bold;
color: black;
}

/* Alternating backgrounds... */
.windowbg
{
color: #FFFFFF;
background-color: #454A44;
}
.windowbg2
{
color: #FFFFFF;
background-color: #545B53;
}

/* Titles - such as table headers. */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg a:link, .titlebg a:visited, .titlebg2, tr.titlebg2 th, tr.titlebg2 td, .titlebg2 a:link, .titlebg2 a:visited
{
font-weight: bold;
font-style: normal;
color: #ffffff;
background-color: #363B35;
}
.titlebg a:hover, .titlebg2 a:hover
{
color: #ffffff;
text-decoration: underline;
}

/* The category headers, page indexes, and such things. */
.catbg, .catbg3
{
font-weight: bold;
background-color: #6F766E;
background-image: url(images/catbg.gif);
color: #FFFFFF;
}

/* The borders around things. */
.bordercolor
{
background-color: #363B35;
}
.tborder
{
border: 1px solid #363B35;
}

/* Default font sizes. */
.smalltext
{
font-size: x-small;
}
.normaltext
{
font-size: ;
}
.largetext
{
font-size: large;
}
/* No image should have a border when linked */
a img{
border: 0;
}

/* The AJAX notifier */
#ajax_in_progress
{
background: #32CD32;
color: white;
text-align: center;
font-weight: bold;
font-size: 18pt;
padding: 3px;
width: 100%;
position: fixed;
top: 0;
left: 0;
}

Lo que está en anaranjado son cosas que agregué yo para lograr color en ciertos lugares, el resto está sin tocar a excepción de los valores de colores.

Última edición por RabidFish; 27/10/2008 a las 19:48