Suntuubi-palvelussa käytetään evästeitä. Palvelua käyttämällä hyväksyt evästeiden käytön. Lue lisää. OK

← Takaisin

 Kissaulkoasu 

Klikkaa kuvaa saadaksesi sen isommaksi!

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

capturedworld.suntuubi.com 
www.flickr.com/photos/aussiegold (Lisenssi)
www.flickr.com/photos/ihasb33r (Lisenssi)
www.flickr.com/photos/aoa- (Lisenssi)
www.flickr.com/photos/harvardavenue (Lisenssi)
shizoo-design.de 
backgrounds.mysitemyway.com (Jos otat taustan)

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

 

 (Tausta, jos otat)

Yleiset asetukset --> Ulkoasu

Sivujen leveys pikseleinä tai prosentteina: 730px
Sivun ylä- ja alamarginaali: 5px
Sisällön marginaalit (ylä,oikea,ala,vasen): 5px 45px 5px 15px
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, Arial, Helvetica
CSS määrittelyihin pistettävä navigaation päälinkin ja aktiivisen fontin koko: 12px
Piilotetaanko navigaation pikkukuva?: Kyllä
Navigaation leveys pikseleinä tai prosentteina: 250px
Navigaation marginaali: 0px 8px 20px 25px
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 */
 
h1 {
  text-align: center;
  color: black;
  font-size: 18px;
  padding: 5px;
  text-shadow: 0px 0px 1px #07b8ae;
}
h1:before {
content: "«";
}
h1:after {
content: "»";
padding: 5px;
}
b, strong {
  text-shadow: 0px 0px 2px #07b8ae;
}
i, em {
color: #896d9b;
text-shadow: 0px 0px 2px #bb9acf;
}
u, underline {
text-decoration: none;
border-bottom: 1px dashed #06827b;
  color: #06827b;
}
s, strike {
color: black;
text-shadow: 0px 0px 2px #bb9acf;
}
a {
color: black;
text-shadow: 0px 0px 2px #bb9acf;
-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: black; 
text-shadow: 0px 0px 2px #07b8ae;
text-decoration: none;
}
.paalinkit, paalinkit:visited {
  display: block;
  box-shadow: 0px 0px 6px #c4b3f6;
  padding: 10px;
  border: 2px solid black;
  margin: 3px 6px 3px 0px;
  background: #edeef0;
  color: black;
  opacity: 0.8;
  text-align: center;
  outline: 1px dashed #edeef0;
  text-shadow: 0px 0px 2px #c4b3f6;
-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 {
  display: block;
  box-shadow: 0px 0px 6px #07b8ae;
  padding: 10px;
  border: 2px solid black;
  margin: 3px 6px 3px 0px;
  background: #edeef0;
  color: black;
  opacity: 0.8;
  text-align: center;
  outline: 1px solid #edeef0;
  text-shadow: 0px 0px 2px #07b8ae;
  text-decoration: none;
  letter-spacing: 1px;
}
.paalinkitactive, paalinkitactive:visited {
  display: block;
  box-shadow: 0px 0px 6px #07b8ae;
  padding: 10px;
  border: 2px solid black;
  margin: 3px 6px 3px 0px;
  background: #edeef0;
  color: black;
  opacity: 0.8;
  text-align: center;
  outline: 1px dashed #edeef0;
  text-shadow: 0px 0px 2px #07b8ae;
-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 {
  display: block;
  box-shadow: 0px 0px 6px #07b8ae;
  padding: 10px;
  border: 2px solid black;
  margin: 3px 6px 3px 0px;
  background: #edeef0;
  color: black;
  opacity: 0.8;
  text-align: center;
  outline: 1px solid #edeef0;
  text-shadow: 0px 0px 2px #07b8ae;
  text-decoration: none;
  letter-spacing: 1px;
}
.navimargin {
position: relative;
top: -24px;
}

 

©2020 Cᴀᴘᴛᴜʀᴇᴅ Wᴏʀʟᴅ - suntuubi.com