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

← Takaisin

 Pupuaiheinen ulkoasu 

Klikkaa kuvaa saadaksesi sen isommaksi!

Copyright

capturedworld.suntuubi.com
pngimg.com
backgroundlabs.com (Jos otat taustan)

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

    (tausta, jos otat)

Yleiset asetukset --> Ulkoasu

Sivujen leveys pikseleinä tai prosentteina: 790px
Sivun ylä- ja alamarginaali: 5px
Sisällön marginaalit (ylä,oikea,ala,vasen): 5px 55px 0px 30px
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: #003d01
Linkkiväri: #003d01
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: 236px
Navigaation marginaali: 0px 15px 0px 40px
Navigaation elementtien marginaali: 3px
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=Walter+Turncoat|Indie+Flower|Kalam');

a {
  color: #003d01;
-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: #bfffc8;
  text-shadow: 0px 0px 1px #395d35, 0px 0px 2px #395d35;
  text-decoration: none;
}
h1 {
  font-family: 'Walter Turncoat';
  font-size: 40px;
  padding: 4px;
  color: #5e9e61;
  text-shadow: 1px 1px 1px #004c00, 2px 2px 1px green;
  text-align: center;
  font-weight: normal;
  margin-top: 3px;
  margin-bottom: 5px;
}
h2 {
  font-family: 'Indie Flower';
  color: #13461f;
  text-align: left;
  text-shadow: 1px 1px 1px darkgreen;
  font-size: 25px;
  font-weight: normal;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 4px 2px 2px 0px;
}
h2:before {
  content: '►';
  font-size: 15px;
  padding-right: 10px;
  text-shadow: 0px 0px 1px darkgreen;
}
.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;
}
b, strong {
  color: #0e500e;
  text-shadow: 0px 0px 1px #22951b;
}
u, underline {
  color: #175f1a;
  text-shadow: 0px 0px 1px #214e1b;
}
i, em {
  color: #3f8c37;
  text-shadow: 1px 0px 1px #4d9246;
}
s, strike {
  color: #7ec381;
  text-shadow: 0px 0px 1px #22951b;
}
.paalinkit, paalinkit:visited {
  font-family: 'Kalam';
  font-size: 15px;
  margin: 2px 0px 2px 0px;
  text-align: left;
  color: #003d01;
  background: #96dc99;
  display: block;
  border-style: dashed solid solid dashed;
  border-width: 1px 2px 2px 1px;
  padding: 5px 2px 5px 8px;
-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: 'Kalam';
  font-size: 15px;
  margin: 2px 0px 2px 0px;
  text-decoration: none;
  text-shadow: 0px 1px 1px #557d4f;
  color: #003d01;
  background: #96dc99;
  display: block;
  border-style: solid;
  border-width: 1px 2px 2px 1px;
  padding: 5px 2px 5px 20px;
}
.paalinkitactive, paalinkitactive:visited {
  font-family: 'Kalam';
  font-size: 15px;
  margin: 2px 0px 2px 0px;
  text-align: center;
  color: #bbefba;
  background: #339040;
  display: block;
  border-style: solid;
  border-width: 1px 2px 2px 1px;
  border-color: #003d01;
  padding: 5px;
-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: 'Kalam';
  font-size: 15px;
  margin: 2px 0px 2px 0px;
  text-decoration: none;
  text-align: center;
  color: #003d01;
  display: block;
  border-style: solid;
  border-width: 1px 2px 2px 1px;
  border-color: #003d01;
  padding: 5px;
}

©2017 Kopiointisivusto Captured World - suntuubi.com