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

← Takaisin

Rottweiler

Klikkaa kuvaa saadaksesi sen isommaksi!

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

capturedworld.suntuubi.com
www.flickr.com/photos/mozman7 (Lisenssi)
stockvault.net

dinpattern.com (Jos otat taustan)

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

   
 (Tausta, jos otat)

Yleiset asetukset --> Ulkoasu

Sivujen leveys pikseleinä tai prosentteina: 800px
Sivun ylä- ja alamarginaali: 5px
Sisällön marginaalit (ylä,oikea,ala,vasen): 5px 58px 5px 26px

CSS määrittelyihin pistettävät fontit: Verdana, Arial
CSS määrittelyihin pistettävä normaali fontin koko: 12px
Taustaväri: Taustakuva --> kuva, jonka tallensit ja siirsit suntuubiin --> toistuva
Tekstinväri: #debb98

Linkkiväri: #cf6161
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
CSS määrittelyihin pistettävä navigaation päälinkin ja aktiivisen fontin koko: 12px
Piilotetaanko navigaation pikkukuva?: Kyllä
Navigaation leveys pikseleinä tai prosentteina: 210px
Navigaation marginaali: 0px 8px 0px 41px

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 */

@import url(https://fonts.googleapis.com/css?family=Courgette|Trade+Winds|Tillana:500);
 
body {
background-attachment: fixed;
}
a {
  color: #cf6161;
  text-shadow: 0px 0px 5px #690000;
-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: #debb98;
  text-shadow: 0px 0px 2px #f3d4b5;
  text-decoration: none;
}
h1 {
  font-family: 'Trade Winds', cursive;
  font-size: 30px;
  font-weight: normal;
  padding: 4px;
  color: #e4b283;
  text-shadow: 2px 0px 2px #482806, 0px 2px 2px #000000, -1px 0px 2px #482806, 0px -1px 2px #482806, 0px 0px 30px #b14c4c;
  text-align: center;
  margin-top: 3px;
  margin-bottom: 5px;
}
h2 {
  font-family: 'Courgette', cursive;
  color: #e2b68b;
  font-weight: normal;
  text-align: center;
  box-shadow: 0px 0px 4px #000;
  text-shadow: 0px 0px 5px #480e0e;
  font-size: 17px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 4px 0px 5px 0px;
  background: #ae7d5e;
  background: -moz-linear-gradient(top, #ae7d5e 0%, #724837 44%, #2e1c11 100%);
  background: -webkit-linear-gradient(top, #ae7d5e 0%,#724837 44%,#2e1c11 100%);
  background: linear-gradient(to bottom, #ae7d5e 0%,#724837 44%,#2f1e14 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae7d5e', endColorstr='#2e1c11',GradientType=0 );
}
b, strong {
  color: #d7975e;
  text-shadow: 1px 0px 1px #692424;
}
.paalinkitactive b {
  color: inherit;
  text-shadow: inherit;
  font-weight: normal;
}
.paalinkit b {
  color: inherit;
  text-shadow: inherit;
  font-weight: normal;
}
.paalinkitactive:hover b {
  color: inherit;
  text-shadow: inherit;
  font-weight: normal;
}
u, underline {
  color: #e0ac75;
  text-shadow: 1px 0px 1px #e0ac75;
}
i, em {
  color: #ca8357;
  text-shadow: 1px 0px 1px #ca8357;
}
s, strike {
  color: #714338;
  text-shadow: 0px 0px 1px #552e25;
}
.paalinkit, paalinkit:visited {
  font-family: 'Tillana', cursive;
  font-size: 12px;
  margin: 3px 4px 3px 0px;
  display: block;
  padding: 4px;
  color: #e0af7f;
  text-align: center;
  text-shadow: 0px 0px 5px #480e0e;
  box-shadow: 0px 0px 4px #000;
  background: #724837;
  background: -moz-linear-gradient(top, #ae7d5e 0%, #724837 44%, #2e1c11 100%);
  background: -webkit-linear-gradient(top, #ae7d5e 0%,#724837 44%,#2e1c11 100%);
  background: linear-gradient(to bottom, #ae7d5e 0%,#724837 44%,#2f1e14 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae7d5e', endColorstr='#2e1c11',GradientType=0 );
-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-family: 'Tillana', cursive;
  font-size: 12px;
  margin: 3px 4px 3px 0px;
  display: block;
  padding: 4px;
  color: #ffd4aa;
  text-align: center;
  text-shadow: 0px 0px 3px #655c54;
  box-shadow: 0px 0px 4px #000;
  background: #735043;
  background: -moz-linear-gradient(top, #b5896e 0%, #735043 44%, #2f1e14 100%);
  background: -webkit-linear-gradient(top, #b5896e 0%,#735043 44%,#2f1e14 100%);
  background: linear-gradient(to bottom, #b5896e 0%,#735043 44%,#2f1e14 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5896e', endColorstr='#2f1e14',GradientType=0 ); 
}
.paalinkitactive, paalinkitactive:visited {
  font-family: 'Tillana', cursive;
  font-size: 12px;
  margin: 3px 4px 3px 0px;
  display: block;
  padding: 4px;
  color: #ec9898;
  text-align: center;
  box-shadow: 0px 0px 4px #000;
  text-shadow: 0px 0px 5px #480e0e;
  background: #752424;
  background: -moz-linear-gradient(top, #bb4848 0%, #752424 44%, #350808 100%);
  background: -webkit-linear-gradient(top, #bb4848 0%,#752424 44%,#350808 100%);
  background: linear-gradient(to bottom, #bb4848 0%,#752424 44%,#350808 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb4848', endColorstr='#350808',GradientType=0 );
-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-family: 'Tillana', cursive;
  font-size: 12px;
  text-shadow: 0px 0px 3px #655454;
  margin: 3px 4px 3px 0px;
  display: block;
  padding: 4px;
  color: #f9c6c6;
  text-align: center;
  box-shadow: 0px 0px 4px #000;
  background: #723737;
  background: -moz-linear-gradient(top, #ae5e5e 0%, #723737 44%, #2e1111 100%);
  background: -webkit-linear-gradient(top, #ae5e5e 0%,#723737 44%,#2e1111 100%);
  background: linear-gradient(to bottom, #ae5e5e 0%,#723737 44%,#2e1111 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae5e5e', endColorstr='#2e1111',GradientType=0 );
}
 
©2018 Cᴀᴘᴛᴜʀᴇᴅ Wᴏʀʟᴅ - suntuubi.com