Una piccola guida per utilizzare le mie basi.
Per sostituire i colori guarda i codici dei colori principali qui
Nel codice troverete questo:
/* IMPOSTAZIONI COLORI E FONTS */
body {
color: #FFFFFF;
text-align: center;
tutti gli scrollbar controllano il colore della barra di scorrimento della pagina
scrollbar-face-color: #000000;
scrollbar-highlight-color: #182D4E;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #182D4E;
scrollbar-arrow-color: #182D4E;
scrollbar-track-color: #000000;
il background il colore dello sfondo della pagina
background: #000000;
il font dimensione e nome carattere utilizzato per i testi
font: 8.5pt Tahoma;
}
gli a: controllano le impostazioni dei links. In questo caso impostano solo il colore ma è possibile aggiungerci bordi o sottolineature
a:link {
color: #63884A;
}
a:visited {
color: #FFCC66;
}
a:hover {
color: #666666;
border: 1px dotted #FFCC00;
}
a:active {
color: #FF6600;
}
gli h controllano le impostazioni dei titoletti
h1 {
font-size: 10pt;
color: #368D55;
}
h2 {
font-size: 8pt;
color: #336699;
font-weight: 400;
letter-spacing: 0.5em;
border-bottom-style: solid;
margin-right: 5%;
margin-left: 5%;
border-width: 1px;
}
h3 {
font-size: 8pt;
color: #718763;
border-bottom-width: 3px;
border-bottom-style: double;
text-align: right;
}
il blog-pager controlla le impostazioni del tag blog-pager di splinder, in questo caso è specificata un bordo inferiore con il colore
#blog-pager {
border-top: 1px dotted #336699;
}
/* IMPOSTAZIONI LAYOUT */
ciascun # è una specie di tabellina che contiene la grafica ed i testi. Container contiene tutte le altre.
#container {
margin-left: auto;
margin-right: auto;
width: 100%;
background-color: transparent;
border: 2px solid #CCCCCC;
}
#header {
width: 100%;
padding-bottom: 5px;
padding-top: 5px;
text-align: center;
height: 150px;
}
#menusinistro {
float: left;
width: 25%;
font-size: 12px;
height: 500px;
}
#menudestro {
float: right;
width: 25%;
font-size: 12px;
height: 500px;
text-align: center;
}
#bloccopost{
margin-left: 195px;
margin-right: 195px;
padding: 10px 5px;
font-size: 12px;
color: #FFFFFF;
height: 500px;
}
#credits {
clear: both;
border-top: 2px solid #182D4E;
border-bottom: 2px solid #182D4E;
margin-top: 20px;
}