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

← Takaisin

 Hevosaiheinen ulkoasu 

Klikkaa kuvaa saadaksesi sen isommaksi!

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

capturedworld.suntuubi.com 
www.flickr.com/photos/96282742@N07 (Lisenssi)
shizoo-design.de 
theinspirationgallery.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 60px 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: #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 20px 0px 53px
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=Farsan|Nova+Slim|Port+Lligat+Sans');

a {
  color: #461e00;
  text-shadow: 0px 0px 2px #fff;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
a:hover {
  text-decoration: none;
  text-shadow: 0px 0px 2px #134000;
  color: #0a4400;
}
h1 {
  font-family: 'Nova Slim';
  text-align: center;
  color: #3d0800;
  border-bottom: 4px double #3d0800;
  padding: 5px 5px 0px 5px;
  font-size: 23px;
  text-shadow: 0px 0px 5px #fff;
}
h1:before {
  content: "Ω";
  padding-right: 12px;
}
h1:after {
  content: "Ω";
  padding-left: 12px;
}
h2 {
  font-family: 'Port Lligat Sans';
  color: black;
  background: #dbc29d;
  border: 2px solid #ffffff;
  outline: 2px solid black;
  padding: 6px 5px 5px 5px;
  text-align: center;
  text-shadow: 0px 0px 5px #fff;
  font-size: 18px;
}
b, strong {
  text-shadow: 0px 0px 1px #4ea747;
}
i, em {
  color: #086d07;
  text-shadow: 0px 0px 1px #268a25;
}
u, underline {
  color: #842f00;
  text-shadow: 0px 0px 2px #842f00;
}
s, strike {
  color: #6d6248;
  text-shadow: 0px 0px 2px #ab9e70;
}
.paalinkit, paalinkit:visited {
  font-family: 'Farsan';
  font-size: 15px;
  color: black;
  display: block;
  padding: 8px;
  border: 2px solid #ffffff;
  background: #e4e4e4;
  outline: 2px solid black;
  text-shadow: 0px 0px 10px #ffffff;
  box-shadow: 0px 0px 5px black;
  text-align: center;
  margin: 4px 6px 4px 0px;
  letter-spacing: 2px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.paalinkit:hover {
  font-family: 'Farsan';
  font-size: 15px;
  color: black;
  display: block;
  outline: 2px solid black;
  background: #e4e4e4;
  padding: 8px;
  border: 2px solid #ffffff;
  text-shadow: 0px 0px 10px #ffffff;
  text-align: center;
  text-decoration: none;
  margin: 4px 6px 4px 0px;
  letter-spacing: 0px;
  box-shadow: none;
  border-radius: 40px;
}
.paalinkitactive, paalinkitactive:visited {
  font-family: 'Farsan';
  font-size: 15px;
  color: black;
  display: block;
  outline: 2px solid black;
  background: #e4e4e4;
  padding: 8px;
  border: 2px solid #ffffff; 
  text-align: center;
  text-decoration: none;
  text-shadow: 0px 0px 10px #ffffff;
  letter-spacing: 0px;
  box-shadow: 0px 0px 5px black;
  margin: 4px 6px 4px 0px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.paalinkitactive:hover {
  font-family: 'Farsan';
  font-size: 15px;
  color: black;
  display: block;
  outline: 2px solid black;
  background: #e4e4e4;
  padding: 8px;
  border: 2px solid #ffffff;
  text-shadow: 0px 0px 10px #ffffff;
  text-align: center;
  text-decoration: none;
  margin: 4px 6px 4px 0px;
  letter-spacing: 2px;
  box-shadow: none;
}
.tekstihtml {
  position: relative;
  top: -15px;
}
.navimargin {
  position: relative;
  top: -430px;
}

©2017 Kopiointisivusto Captured World - suntuubi.com