Para aprender como navigar el codigo de "css" hay que jugar con varios ejemplos, nada mas. No se mucho, pero lo que se aprendi por robar de otros!
Por ejemplo en esta galeria:
http://www.pbase.com/defpbase/summerstorm, cambiaba el codigo para los colores a formar el fondo negro, y letras blancas y grises.
Si les gusta este css, lo pueden usar en sus propias galerias. En la galeria donde quieren usarlo, click "edit this gallery" y entonces click "edit style sheets" al lado de "Style Sheets." Bajo de donde dice "Create a New Style Sheet" denle un nombre, y luego copiar este texto en su stylesheet nuevo:
/*a def creation*/
.caption {
font-size : 10pt;
color : #E1E1E1;
font-style : italic;
}
BODY{
background : #000000;
margin-top: 0px;
scrollbar-face-color: #666666;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #00000;
scrollbar-arrow-color: #ffcc00;
}
img{
border: 1px #676767;
}
.message_body
{
background-color: #444444;
color: #E1E1E1;
padding-bottom: 10px;
}
I,B,H2,H4,H5,TH,TR,TABLE,FONT,LI,UL,FORM,
BLOCKQUOTE,P,FONT, CENTER
{
font-family: verdana, arial, sans-serif;
font-size: 10pt;
color: #E1E1E1;
}
H1,H3,FONT, CENTER
{
font-family: verdana, arial, sans-serif;
font-size: 10pt;
font-style : italic;
color: darkgray;
}
DIV,FONT, CENTER
{
font-family: verdana, arial, sans-serif;
font-size: 10pt;
color: lightgray;
}
TH
{
border: 10px; color: #000000}
font
{
color: lightgray; letter-spacing: 1px; font-size: 8pt;
}
h2
{
font-size: 12pt;
font-weight: bold;
text-align: right;
letter-spacing: 8px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 20pt;
margin-left: 0px;
margin-right: 0px;
background-color: gray;
color: #e1e1e1;
}
h4
{
margin-left: 20pt;
margin-right: 20pt;
}
h5
{
font-size: 7pt;
font-weight: bold;
text-align: right;
letter-spacing: 3px;
margin-right: 20pt;
color: #e1e1e1;
}
h6
{
font-size: 10pt;
font-weight: normal;
text-align: left;
color: lightgrey;
}
TEXTAREA
{
background-color: #EEEEEE;
font-family: times new roman;
color: black;
scrollbar-base-color: gray;
scrollbar-3dlight-color: black;
scrollbar-highlight-color: none;
}
A, TD.A, A:link
{
color: gray;
text-decoration: none;
}
A:hover { color: lightgray; text-decoration: underline; }
A:visited { color: darkgray; }
A:active { color : gray; }
TD
{
background-color: none;
}
IMG.thumbnail
{
background-color: black;
vertical-align: middle;
horizontal-align: middle;
border-style : solid;
border-width : 1px;
border-color : gray;
}
TD.thumbnail
{
width: 200px;
border: 1px;
}
.display
{
background-color: black;
border-style : solid;
border-width : 2px;
border-color : gray;
}
BODY { margin-top: 0px;
top: 0px;
}
HR { position : relative;}
BODY { margin-top: 0px; top: 0px; }
HR { position : relative;}
(fin)
La unica razon que yo se los numeros representativos para los colores es debido a esta pagina del web:
http://www.webcolors.freeserve.co.uk/names140.htm. De alli aprendi que es tan facil de copiar los numeros o los titulos de los colores para cambiar los css.
El resto del codigo determina el tamano y color de las letras, cuadras, etc. Recomiendo que juegen con varios css, cambiando un poco del codigo a la vez para ver lo que pasa. Toma un poco de tiempo (OK-- mucho--) pero vale la pena si quieren educarse mas de como funciona la web.
Ya basta, ojala que pueden entender este debil intento en espanol...
Buena suerte, Dianne