Kirkko ulkoasu

Klikkaa kuvaa saadaksesi sen isommaksi!

Copyright (Huom. myös lisenssit on linkitettävä!)

capturedworld.suntuubi.com
morguefile.com/creative/EricBerthe
flickr.com/photos/jpeura (Lisenssi)
flickr.com/photos/btnphoto (Lisenssi)
fotobg.ru
pat.design-grafixx.com (Jos otat taustan)

Kuvat (ylä, ala, navi, sisä) Tallentuvat oikean kokoisina!

(Tausta, jos otat)

Yleiset asetukset --> Ulkoasu

Sivujen leveys pikseleinä tai prosentteina: 815px
Sivun ylä- ja alamarginaali: 5px
Sisällön marginaalit (ylä,oikea,ala,vasen): 5px 76px 0px 12px
CSS määrittelyihin pistettävät fontit: Verdana, Arial, Helvetica
CSS määrittelyihin pistettävä normaali fontin koko: 12px
Taustaväri: Taustakuva --> kuva, jonka tallensit ja siirsit suntuubiin --> toistuva
Tekstinväri: #000
Linkkiväri: #000
Sisällön taustaväri: Taustakuva --> kuva, jonka tallensit ja siirsit suntuubiin --> toistuva y-akselilla
Tarkistetaanko muokattujen tyylitiedostojen olemassaoloa?: Kyllä

Yleiset asetukset --> Navigaatio

CSS määrittelyihin pistettävä navigaation fontti: Verdana
CSS määrittelyihin pistettävä navigaation päälinkin ja aktiivisen fontin koko: 12px
Piilotetaanko navigaation pikkukuva?: Kyllä
Navigaation leveys pikseleinä tai prosentteina: 251px
Navigaation marginaali: 0px 2px 0px 65px
Navigaation elementtien marginaali: 5px
Valikon ilmavuus, ylä- ja alamarginaali: 3px
Navigaation taustaväri: Taustakuva --> kuva, jonka tallensit ja siirsit suntuubiin --> toistuva y-akselilla
Laatikkomainen navigaatio: Ei
Piilotetaanko kirjautuneen käyttäjän tiedot?: Kyllä

Yleiset asetukset --> Tulostus

Tarjotaanko sivuista tulostettavaa versiota?: Ei

Css-koodi

Lisää Css-koodi sivuillesi seuraavasti: Kopioi koodi --> Mene sivuillasi osioon grafiikka --> Css-tyylien lisäys --> Liitä koodi --> Päivitä

/* css by lilian */

a {
color: #7b4f2e;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
a:hover {
color: white;
text-shadow: 1px 1px 1px white;
text-decoration: none;
}
h1 {
font-variant: small-caps;
font-size: 20px;
padding: 6px;
color: #7b4f2e;
border: 1px solid white;
text-align: center;
text-shadow: 0px 0px 1px white;
      background: -webkit-radial-gradient(center, #ffe0c9, #ffd5b6, #ffc89f, #ffbe8f, #ffb279, #f9a263);
background: -o-radial-gradient(center, #ffe0c9, #ffd5b6, #ffc89f, #ffbe8f, #ffb279, #f9a263);
background: -moz-radial-gradient(center, #ffe0c9, #ffd5b6, #ffc89f, #ffbe8f, #ffb279, #f9a263);
background: radial-gradient(center, #ffe0c9, #ffd5b6, #ffc89f, #ffbe8f, #ffb279, #f9a263);
}
h2 {
color: #fefdff;
text-shadow: 0px 0px 8px #7b4f2e;
font-size: 18px;
font-variant: small-caps;
text-align: left;
border-bottom: 3px double white;
}
u, underline {
color: #d42501;
text-shadow: 0px 0px 1px #d42501;
}
i, em {
color: #e88943;
text-shadow: 0px 0px 1px #e88943;
}
s, strike {
color: #344418;
text-shadow: 0px 0px 1px #344418;
}
.paalinkit, paalinkit:visited {
font-variant: small-caps;
font-size: 13px;
margin: 0px 3px 0px 3px;
display: block;
padding: 5px;
color: #7b4f2e;
border: 1px solid white;
text-align: center;
text-shadow: 0px 0px 1px white;
    background: -webkit-radial-gradient(center, #f9a263, #ffb279, #ffbe8f, #ffc89f, #ffd5b6, #ffe0c9);
background: -o-radial-gradient(center, #f9a263, #ffb279, #ffbe8f, #ffc89f, #ffd5b6, #ffe0c9);
background: -moz-radial-gradient(center, #f9a263, #ffb279, #ffbe8f, #ffc89f, #ffd5b6, #ffe0c9);
background: radial-gradient(center, #f9a263, #ffb279, #ffbe8f, #ffc89f, #ffd5b6, #ffe0c9);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.paalinkit:hover {
font-variant: small-caps;
font-size: 13px;
margin: 0px 3px 0px 3px;
display: block;
padding: 5px;
color: white;
border: 1px solid white;
text-align: center;
text-shadow: 0px 0px 1px black;
      background: -webkit-radial-gradient(center, #ffe0c9, #ffd5b6, #ffc89f, #ffbe8f, #ffb279, #f9a263);
background: -o-radial-gradient(center, #ffe0c9, #ffd5b6, #ffc89f, #ffbe8f, #ffb279, #f9a263);
background: -moz-radial-gradient(center, #ffe0c9, #ffd5b6, #ffc89f, #ffbe8f, #ffb279, #f9a263);
background: radial-gradient(center, #ffe0c9, #ffd5b6, #ffc89f, #ffbe8f, #ffb279, #f9a263);
}
.paalinkitactive, paalinkitactive:visited {
font-variant: small-caps;
font-size: 13px;
margin: 0px 3px 0px 3px;
display: block;
padding: 5px;
color: #7b4f2e;
border: 1px solid white;
text-align: center;
text-shadow: 0px 0px 1px white;
      background: -webkit-radial-gradient(center, #ffe0c9, #ffd5b6, #ffc89f, #ffbe8f, #ffb279, #f9a263);
background: -o-radial-gradient(center, #ffe0c9, #ffd5b6, #ffc89f, #ffbe8f, #ffb279, #f9a263);
background: -moz-radial-gradient(center, #ffe0c9, #ffd5b6, #ffc89f, #ffbe8f, #ffb279, #f9a263);
background: radial-gradient(center, #ffe0c9, #ffd5b6, #ffc89f, #ffbe8f, #ffb279, #f9a263);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.paalinkitactive:hover {
font-variant: small-caps;
font-size: 13px;
margin: 0px 3px 0px 3px;
display: block;
padding: 5px;
color: white;
border: 1px solid white;
text-align: center;
text-shadow: 0px 0px 1px black;
      background: -webkit-radial-gradient(center, #ffe0c9, #ffd5b6, #ffc89f, #ffbe8f, #ffb279, #f9a263);
background: -o-radial-gradient(center, #ffe0c9, #ffd5b6, #ffc89f, #ffbe8f, #ffb279, #f9a263);
background: -moz-radial-gradient(center, #ffe0c9, #ffd5b6, #ffc89f, #ffbe8f, #ffb279, #f9a263);
background: radial-gradient(center, #ffe0c9, #ffd5b6, #ffc89f, #ffbe8f, #ffb279, #f9a263);
}

Chat