Converse shoes

Copyt

Taustaväri - Hex, Hexin testisivut
CSS-koodi - Razeback, Desing Castle & muokkaus ja otsikoiden laitto Hex, Hexin testisivut

Kuvat

Klikkaa kuvat suuremmiksi!

Yleiset asetukset -> Ulkoasu

Sivujen leveys pikseleinä tai prosentteina 780px
CSS määrittelyihin pistettävät fontit Verdana, Arial, Helvetica
CSS määrittelyihin pistettävä normaali fontin koko 12px
Taustaväri Taustakuva --> taustakuva jonka tallensit koneellesi ja suntuubin tiedostoihin --> toistuva
Tekstinväri #000000
Sisällön taustaväri Taustakuva --> taustakuva jonka tallensit koneellesi ja suntuubiin --> toistuva
Tarkistetaanko muokattujen tyylitiedostojen olemassaoloa? Kyllä

Yleiset asetukset -> Navigaatio

Piilotetaanko navigaation pikkukuva? Kyllä
Navigaation leveys pikseleinä tai prosentteina 220px
Navigaation elementtien marginaali 0px
Navigaation taustaväri  Taustakuva --> taustakuva jonka tallensit koneellesi ja suntuubin tiedostoihin --> toistuva
Laatikkomainen navigaatio Ei

Yleiset asetukset -> Tulostus

Tarjotaanko sivuista tulostettavaa versiota? Ei

CSS-koodi

b, strong { color: #0d7200; text-shadow: 1px 1px 3px #35bd23;}

i, em { color: #35bd23; }

u, underline { color: #0d7200;
  border-bottom: 4px double #5aff00; }

s, strike { color: #6f935c;}

a:link, a:visited {
color: green;
text-decoration: none;
text-shadow: 0px 0px 2px #60b067;
}

a:hover {
color: #09b71a;
text-shadow: 0px 0px 3px #56cd16;
text-decoration: none;
}


h1 {
font-size: 19px;
color: #18501e;
text-align: left;
background:#78e583;
box-shadow: 0px 0px 5px #78e583;
text-shadow: 0px 0px 8px #18501e;
letter-spacing: 3px;
}
h1:before{
content:"~ ";
}
h1:after{
content:" ~";
}


h2 {
font-size: 13px;
color: #579d5e;
text-align: center;
border-bottom: double;
border-color: #10771a;
letter-spacing: 1px;
}

h3 {
font-size: 15px;
color: green;
text-align: right;
border-bottom: dotted;
border-color: #00cc99;
letter-spacing: 2px;
}

h4 {
font-size: 16px;
color: #339900;
text-align: center;
text-shadow: 0px 0px 15px green;
letter-spacing: 3px;
}
h4:before{
content:".: ";
}
h4:after{
content:" :.";
}

h5 {
font-size: 12px;
color: #ccffaa;
text-align: center;
text-shadow: 0px 0px 8px brown;
letter-spacing: 3px;
}

h6 {
font-size: 18px;
color: #88ff88;
text-align: left;
text-shadow: 0px 0px 8px yellow;
letter-spacing: 3px;
}
h6:before{
content:">> ";
}
h6:after{
content:" <<";
}

.paalinkit,paalinkit:visited {
display: block;
text-align: center;
padding: 4px;
margin-right: 5px;
background-color: #aaffbb;
box-shadow: 0px 0px 4px #aaffbb;
}
.paalinkit:before{
content:"~ ";
}
.paalinkit:after{
content:" ~";
}

.paalinkitactive,paalinkitactive:active {
display: block;
text-align: center;
margin-right: 5px;
padding: 5px;
background-color: #99ff99;
border-radius : 20px;
box-shadow: 0px 0px 4px #99ff99;}

.paalinkitactive:hover {
display: block;
text-align: center;
color: #000000;
margin-right: 5px;
background-color: #aaffbb;
border-radius : 20px;
box-shadow: 0px 0px 4px #3f8045;}