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

← Takaisin

Snautseri

Klikkaa kuvaa saadaksesi sen isommaksi!

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

capturedworld.suntuubi.com
www.flickr.com/photos/eternal_ray (Lisenssi)
www.flickr.com/photos/pareeerica (Lisenssi)
theinspirationgallery.com (Jos otat taustan)

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

 
 (Tausta, jos otat)

Yleiset asetukset --> Ulkoasu

Sivujen leveys pikseleinä tai prosentteina: 824px
Sivun ylä- ja alamarginaali: 5px
Sisällön marginaalit (ylä,oikea,ala,vasen): 5px 85px 0px 5px
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: #775a15
Linkkiväri: #775a15

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: 268px
Navigaation marginaali:
0px 0px 0px 72px
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: #775a15;
-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: #fbf9e6;
  text-shadow: 1px 1px 2px #c2a263, -1px -1px 2px #c2a263;
  text-decoration: none;
}
u {
  color: #5c4a1f;
  text-shadow: 1px 1px 3px #5c4a1f;
}
i, em {
  color: #917637;
  text-shadow: 1px 1px 2px #ae965c;
}
h1 {
  color: #fbf9e6;
  font-variant: small-caps;
  text-decoration: none;
  text-align: center;
  font-size: 23px;
  text-shadow: 0px 0px 3px #fbf9e6;
  margin: inherit;
  padding: 2px;
  border-bottom: 2px solid #fbf9e6;
  border-bottom-left-radius: 3em;
  border-bottom-right-radius: 3em;
  border-top: 2px solid #fbf9e6;
  border-top-left-radius: 3em;
  border-top-right-radius: 3em;
  background: #d1b680;
background: -moz-linear-gradient(left, rgba(239,223,186,1) 0%, rgba(194,162,99,1) 50%, rgba(239,223,186,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(239,223,186,1)), color-stop(50%, rgba(194,162,99,1)), color-stop(100%, rgba(239,223,186,1)));
background: -webkit-linear-gradient(left, rgba(239,223,186,1) 0%, rgba(194,162,99,1) 50%, rgba(239,223,186,1) 100%);
background: -o-linear-gradient(left, rgba(239,223,186,1) 0%, rgba(194,162,99,1) 50%, rgba(239,223,186,1) 100%);
background: -ms-linear-gradient(left, rgba(239,223,186,1) 0%, rgba(194,162,99,1) 50%, rgba(239,223,186,1) 100%);
background: linear-gradient(to right, rgba(239,223,186,1) 0%, rgba(194,162,99,1) 50%, rgba(239,223,186,1) 100%);
}

.paalinkit, paalinkit:visited {
  font-variant: small-caps;
  font-size: 14px;
  margin: 3px 4px 3px 0px;
  display: block;
  padding: 5px;
  color: #fbf9e6;
  text-align: center;
  box-shadow: 0px 0px 4px #fbf9e6;
  border: 1px solid #fbf9e6;
  background: #d1b680;
background: -moz-linear-gradient(left, rgba(239,223,186,1) 0%, rgba(194,162,99,1) 50%, rgba(239,223,186,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(239,223,186,1)), color-stop(50%, rgba(194,162,99,1)), color-stop(100%, rgba(239,223,186,1)));
background: -webkit-linear-gradient(left, rgba(239,223,186,1) 0%, rgba(194,162,99,1) 50%, rgba(239,223,186,1) 100%);
background: -o-linear-gradient(left, rgba(239,223,186,1) 0%, rgba(194,162,99,1) 50%, rgba(239,223,186,1) 100%);
background: -ms-linear-gradient(left, rgba(239,223,186,1) 0%, rgba(194,162,99,1) 50%, rgba(239,223,186,1) 100%);
background: linear-gradient(to right, rgba(239,223,186,1) 0%, rgba(194,162,99,1) 50%, rgba(239,223,186,1) 100%);
-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: 14px;
  margin: 3px 4px 3px 0px;
  display: block;
  padding: 5px;
  color: #c2a263;
  box-shadow: 0px 0px 7px #fbf9e6;
  border: 1px solid #fbf9e6;
  text-align: center;
  background: #e3cea2;
background: -moz-linear-gradient(left, rgba(194,162,99,1) 0%, rgba(239,223,186,1) 50%, rgba(194,162,99,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(194,162,99,1)), color-stop(50%, rgba(239,223,186,1)), color-stop(100%, rgba(194,162,99,1)));
background: -webkit-linear-gradient(left, rgba(194,162,99,1) 0%, rgba(239,223,186,1) 50%, rgba(194,162,99,1) 100%);
background: -o-linear-gradient(left, rgba(194,162,99,1) 0%, rgba(239,223,186,1) 50%, rgba(194,162,99,1) 100%);
background: -ms-linear-gradient(left, rgba(194,162,99,1) 0%, rgba(239,223,186,1) 50%, rgba(194,162,99,1) 100%);
background: linear-gradient(to right, rgba(194,162,99,1) 0%, rgba(239,223,186,1) 50%, rgba(194,162,99,1) 100%);
  text-shadow: 1px 1px 1px #fbf9e6;
}
.paalinkitactive, paalinkitactive:visited {
  font-variant: small-caps;
  font-size: 14px;
  margin: 3px 4px 3px 0px;
  display: block;
  padding: 5px;
  color: #c2a263;
  box-shadow: 0px 0px 4px #fbf9e6;
  border: 1px solid #fbf9e6;
  text-align: center;
  background: #e3cea2;
background: -moz-linear-gradient(left, rgba(194,162,99,1) 0%, rgba(239,223,186,1) 50%, rgba(194,162,99,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(194,162,99,1)), color-stop(50%, rgba(239,223,186,1)), color-stop(100%, rgba(194,162,99,1)));
background: -webkit-linear-gradient(left, rgba(194,162,99,1) 0%, rgba(239,223,186,1) 50%, rgba(194,162,99,1) 100%);
background: -o-linear-gradient(left, rgba(194,162,99,1) 0%, rgba(239,223,186,1) 50%, rgba(194,162,99,1) 100%);
background: -ms-linear-gradient(left, rgba(194,162,99,1) 0%, rgba(239,223,186,1) 50%, rgba(194,162,99,1) 100%);
background: linear-gradient(to right, rgba(194,162,99,1) 0%, rgba(239,223,186,1) 50%, rgba(194,162,99,1) 100%);
-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: 14px;
  margin: 3px 4px 3px 0px;
  display: block;
  padding: 5px;
  color: #fbf9e6;
  box-shadow: 0px 0px 7px #fbf9e6;
  border: 1px solid #fbf9e6;
  text-align: center;
  background: #d1b680;
background: -moz-linear-gradient(left, rgba(194,162,99,1) 0%, rgba(239,223,186,1) 50%, rgba(194,162,99,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(194,162,99,1)), color-stop(50%, rgba(239,223,186,1)), color-stop(100%, rgba(194,162,99,1)));
background: -webkit-linear-gradient(left, rgba(194,162,99,1) 0%, rgba(239,223,186,1) 50%, rgba(194,162,99,1) 100%);
background: -o-linear-gradient(left, rgba(194,162,99,1) 0%, rgba(239,223,186,1) 50%, rgba(194,162,99,1) 100%);
background: -ms-linear-gradient(left, rgba(194,162,99,1) 0%, rgba(239,223,186,1) 50%, rgba(194,162,99,1) 100%);
background: linear-gradient(to right, rgba(194,162,99,1) 0%, rgba(239,223,186,1) 50%, rgba(194,162,99,1) 100%);
  text-shadow: 1px 1px 1px #fbf9e6;
}

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