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

← Takaisin

 Maisema ulkoasu 

Klikkaa kuvaa saadaksesi sen isommaksi!

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

capturedworld.suntuubi.com
www.flickr.com/photos/stuckincustoms (Lisenssi)
www.flickr.com/photos/nonoq8 (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: 730px
Sivun ylä- ja alamarginaali: 5px
Sisällön marginaalit (ylä,oikea,ala,vasen): 5px 70px 5px 10px
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: 220px
Navigaation marginaali: 0px 10px 0px 65px
Navigaation elementtien marginaali: 0px
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=Milonga|Cantora+One);

a {
  color: #000;
-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: #000;
  text-shadow: 1px 0px 1px #585858;
  text-decoration: none;
}
h1 {
  font-family: 'Milonga';
  font-size: 35px;
  padding: 4px;
  color: #79664d;
  text-shadow: -2px 0px 1px #fff8e9, 2px 0px 1px #fff8e9, 0px -2px 1px #fff8e9, 0px 2px 1px #fff8e9;
  text-align: center;
  font-weight: normal;
  margin-top: 3px;
  margin-bottom: 5px;
}
h2 {
  font-family: 'Cantora One';
  color: #796c4d;
  border: 1px dashed #8e7e64;
  text-align: center;
  background: #e7dfcd;
  box-shadow: 0px 0px 6px #caaa56 inset;
  text-shadow: -1px 0px 1px #e8dcbc, 1px 0px 1px #ffecb9, 0px -1px 1px #e8dcbc, 0px 1px 1px #ffecb9, 0px 0px 3px #ffffff;
  font-size: 22px;
  font-weight: normal;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 5px;
}
.paalinkitactive b {
  color: inherit;
  text-shadow: inherit;
}
.paalinkit b {
  color: inherit;
  text-shadow: inherit;
}
.paalinkitactive:hover b {
  color: inherit;
  text-shadow: inherit;
}
b, strong {
  color: #954a1b;
  text-shadow: 0px 0px 1px #954a1b;
}
u, underline {
  color: #132655;
  text-shadow: 0px 0px 1px #132655;
}
i, em {
  color: #339129;
  text-shadow: 1px 0px 1px #339129;
}
s, strike {
  color: #888e8e;
  text-shadow: 0px 0px 1px #888e8e;
}
.paalinkit, paalinkit:visited {
  font-family: 'Cantora One';
  font-size: 14px;
  margin: 3px 4px 0px 0px;
  display: block;
  padding: 6px;
  color: #64798e;
  border: 1px dashed #64798e;
  text-align: center;
  background: #cdd9e7;
  box-shadow: 0px 0px 6px #5c748c inset;
-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: 'Cantora One';
  font-size: 14px;
  margin: 3px 4px 0px 0px;
  display: block;
  padding: 6px;
  color: #6c8e64;
  text-align: center;
  background: #d1e7cd;
  text-shadow: 0px 0px 3px #cbffc2;
  border: 1px solid #6c8e64;
  box-shadow: 0px 0px 6px #678c5c inset;
}
.paalinkitactive, paalinkitactive:visited {
  font-family: 'Cantora One';
  font-size: 14px;
  margin: 3px 4px 0px 0px;
  display: block;
  padding: 6px;
  color: #6c8e64;
  border: 1px solid #6c8e64;
  text-align: center;
  background: #d1e7cd;
  box-shadow: 0px 0px 6px #678c5c inset;
  text-shadow: 0px 0px 1px #cbffc2;
-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: 'Cantora One';
  font-size: 14px;
  text-shadow: 0px 0px 1px #cbffc2;
  margin: 3px 4px 0px 0px;
  display: block;
  padding: 6px;
  color: #6e9c69;
  text-align: center;
  background: #bfdebf;
  border: 1px solid #6e9c69;
  box-shadow: 0px 0px 4px #4a5d47;
}

©2017 Kopiointisivusto Captured World - suntuubi.com