← Takaisin
Pegasos
Huom. Ulkasta on kaksi versiota, toinen on toivottu Pegasos-versio ja alhaalta löytyy versio, jossa on normaali hevonen.
Klikkaa kuvaa saadaksesi sen isommaksi!
Copyright
capturedworld.suntuubi.com
www.flickr.com/photos/cindy47452 (Lisenssi)
www.flickr.com/photos/skiwalker79 (Lisenssi)
Textures Pack
Wings
theinspirationgallery.com (Jos otat taustan)
Kuvat (ylä, ala, navi, sisä) Tallentuvat oikean kokoisina!
(Tausta, jos otat)
Yleiset asetukset --> Ulkoasu
Sivujen leveys pikseleinä tai prosentteina: 950px
Sivun ylä- ja alamarginaali: 5px
Sisällön marginaalit (ylä,oikea,ala,vasen): 5px 47px 0px 40px
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: #205A13
Linkkiväri: #205A13
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: 241px
Navigaation marginaali: 0px 16px 0px 20px
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=Tillana|Dancing+Script:700|Montez);
a {
color: #205A13;
-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: #205A13;
text-shadow: 1px 1px 1px #205A13;
text-decoration: line-through;
}
h1 {
font-family: Montez;
font-size: 45px;
color: #CCD7DA;
text-align: center;
margin: 8px 0px 8px 0px;
text-shadow: 1px 0px 0px #1D2B4C,0px 1px 0px #1D2B4C, -1px 0px 0px #1D2B4C, 0px -1px 0px #1D2B4C, -2px 0px 2px #4D5975, 2px 0px 2px #4D5975, 0px -2px 2px #4D5975, 0px 2px 2px #4D5975;
font-weight: normal;
}
h2 {
font-family: Tillana;
color: #F7E3AB;
text-shadow: 1px 0px 0px #734A18, 0px 1px 0px #734A18, -1px 0px 0px #734A18, 0px -1px 0px #734A18, 2px 0px 2px #A77B37, 0px 2px 2px #A77B37, -2px 0px 2px #A77B37, 0px -2px 2px #A77B37;
font-size: 25px;
margin-top: 4px;
margin-bottom: 4px;
border-bottom: 1px solid #7D6038;
border-top: 1px solid #7D6038;
background: beige;
padding-left: 30px;
font-weight: normal;
}
u, underline {
color: #425473;
text-shadow: 1px 0px 1px #475470;
}
i, em {
color: #2F6B30;
text-shadow: 1px 0px 1px #4C913A, 0px 1px 1px #428930;
}
s, strike {
color: #8A5C14;
text-shadow: 1px 0px 2px #D4B16F, 0px 1px 2px #CDAA67;
}
.paalinkit, paalinkit:visited {
font-family: Dancing Script;
text-decoration: none;
font-size: 20px;
border-top: 1px solid green;
border-bottom: 1px solid green;
margin: 0px 4px 0px 0px;
display: block;
background: lightgreen;
padding: 5px;
color: #205a13;
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;
transition: all 0.5s ease-in-out;
}
.paalinkit:hover {
font-family: Dancing Script;
text-decoration: none;
font-size: 20px;
text-shadow: 1px 1px 1px #205A13 !important;
border-top: 1px solid green;
border-bottom: 1px solid green;
margin: 0px 4px 0px 0px;
display: block;
background: #60B760;
padding: 5px;
color: #D6FFC0;
text-align: center;
text-shadow: 0px 0px 3px #582300;
}
.paalinkitactive, paalinkitactive:visited {
font-family: Dancing Script;
text-decoration: none;
font-size: 20px;
border-top: 1px solid green;
border-bottom: 1px solid green;
margin: 0px 4px 0px 0px;
display: block;
background: #60B760;
padding: 5px;
color: #205a13;
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;
transition: all 0.5s ease-in-out;
}
.paalinkitactive:hover {
font-family: Dancing Script;
text-decoration: none;
font-size: 20px;
text-shadow: 1px 1px 1px #205A13 !important;
border-top: 1px solid green;
border-bottom: 1px solid green;
margin: 0px 4px 0px 0px;
display: block;
background: #60B760;
padding: 5px;
color: #D6FFC0;
text-align: center;
text-shadow: 0px 0px 3px #582300;
}
Toinen versio
En laita tästä versiosta mallikuvaa, koska se näyttää juuri samalta kuin ylempi versio, hevoselta puuttuu vain siivet. Jos otat tämän version, asetukset ja kuvat ovat muuten samat kuin ylemmässä, vain pari pientä muutosta pitää tehdä:
1. Jätä copyista kohta "Wings" huomioimatta.
2. Laita tämä yläkuvaksi (Tallentuu oikean kokoisena):
