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

Kissaulkoasu #4

Klikkaa kuvaa saadaksesi sen isommaksi!

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

capturedworld.suntuubi.com 
www.flickr.com/photos/thomasmorkeberg (Lisenssi)
Shizoo 
Pngimg
theinspirationgallery.com (Jos otat taustan)

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

   

 (Tausta, jos otat)

Yleiset asetukset --> Ulkoasu

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

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

Linkkiväri: #00388c
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: Arial
CSS määrittelyihin pistettävä navigaation päälinkin ja aktiivisen fontin koko: 13px
Piilotetaanko navigaation pikkukuva?: Kyllä
Navigaation leveys pikseleinä tai prosentteina: 230px
Navigaation marginaali: 0px 12px 0px 42px

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=Marck+Script|Farsan|Arima+Madurai');

a {
  color: #00388c;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
a:hover {
  color: #00388c;
  text-shadow: 0px 0px 1px #00388c;
  text-decoration: none;
}
h1 {
  font-family: 'Arima Madurai';
  font-size: 35px;
  display: block;
  padding: 4px;
  color: #3a4fa5;
  text-shadow:  0px -1px 1px #d8f0f4, -1px 0px 1px #9adcd8, -2px 0px 1px #2a2970;
  text-align: center;
  margin-top: 3px;
  margin-bottom: 5px;
  font-weight: normal;
}
h2 {
  font-family: 'Farsan';
  text-align: center;
  color: #3a4fa5;
  text-shadow: 1px 1px 1px #3a4fa5;
  font-size: 24px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 2px 4px 2px 4px;
  background: url('http://i24.photobucket.com/albums/c23/EveLilian/Osat/kissaotsikko_zps8a4g8jk8.png');
  font-weight: normal;
  border: 1px solid #3a4fa5;
  box-shadow: 0px 0px 5px #6073b5;
}
b, strong {
  font-weight: normal;
  color: #061d7b;
  text-shadow: 1px 1px 1px #3a4fa5;
}
.paalinkitactive b {
  font-weight: normal;
  color: inherit;
  text-shadow: inherit;
}
.paalinkit b {
  font-weight: normal;
  color: inherit;
  text-shadow: inherit;
}
.paalinkitactive:hover b {
  color: inherit;
  text-shadow: inherit;
}
u, underline {
  color: #4d75bb;
  text-shadow: 1px 1px 1px #c0dde6;
}
i, em {
  color: #52859f;
  text-shadow: 1px 1px 1px #5e7ab6;
}
s, strike {
  color: #5ac4d6;
  text-shadow: 0px 0px 1px #bae5eb;
}
.paalinkit, paalinkit:visited {
  font-family: 'Marck Script';
  font-size: 18px;
  display: block;
  padding: 3px;
  color: #3a4fa5;
  background: url('http://i24.photobucket.com/albums/c23/EveLilian/Osat/kissanavitausta_zpsdairbrbi.png');
  border: 1px solid #3a4fa5;
  box-shadow: 0px 0px 5px #6073b5;
  text-shadow: 1px 1px 1px #cbe5ed;
  margin: 0px 5px 0px 0px;
  text-align: center;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.paalinkit:hover {
  font-family: 'Marck Script';
  font-size: 18px;
  display: block;
  padding: 3px;
  color: #ffffff;
  background: url('http://i24.photobucket.com/albums/c23/EveLilian/Osat/kissanavitausta2_zpsv06ckwps.png');
  border: 1px solid #3a4fa5;
  box-shadow: 0px 0px 5px #6073b5;
  margin: 0px 5px 0px 0px;
  text-align: center;
  text-shadow:  0px -1px 1px #3a4fa5, -1px 0px 1px #3a4fa5, 0px 1px 1px #e7f0f3, 1px 0px 1px #e7f0f3;
}
.paalinkitactive, paalinkitactive:visited {
  font-family: 'Marck Script';
  font-size: 18px;
  display: block;
  padding: 3px;
  color: #3a4fa5;
  background: url('http://i24.photobucket.com/albums/c23/EveLilian/Osat/kissanavitausta2_zpsv06ckwps.png');
  border: 1px solid #3a4fa5;
  box-shadow: 0px 0px 5px #6073b5;
  text-shadow: 1px 1px 1px #849ad8;
  margin: 0px 5px 0px 0px;
  text-align: center;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.paalinkitactive:hover {
  font-family: 'Marck Script';
  font-size: 18px;
  display: block;
  padding: 3px;
  color: #ffffff;
  background: url('http://i24.photobucket.com/albums/c23/EveLilian/Osat/kissanavitausta_zpsdairbrbi.png');
  border: 1px solid #3a4fa5;
  box-shadow: 0px 0px 5px #6073b5;
  margin: 0px 5px 0px 0px;
  text-align: center;
  text-shadow:  0px -1px 1px #3a4fa5, -1px 0px 1px #3a4fa5, 0px 1px 1px #e7f0f3, 1px 0px 1px #e7f0f3;
}
.navimargin {
  position: relative;
  top: -20px;
}

©2017 Kopiointisivusto Captured World - suntuubi.com