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

Gen6legend

Valmistunut 28.10.2013
Copyright 
# # # #

Kuvat

Ylägraffu (2) | Alagraffu | Sisältö (4) | Navi (4) | Tausta (3)
       

Asetukset

Yleiset Asetukset→ Ulkoasu

Sivujen leveys pikseleinä tai prosentteina 742px
Sisällön marginaalit 0px 85px 0px 0px
Taustaväri Taustakuva → EeveeTausta.jpg →Toistuva
Sisällön taustaväri auto
Trakistetaanko muokattujen tyylitiedostojen olemassaoloa? Kyllä

Yleiset Asetukset → Navigaatio

Navigointi Vasen
Piilotetaanko navigaation pikkukuva? Kyllä
Navigaation leveys pikseleinä tai prosentteina auto
Navigaation marginaali 0px
Navigaation elementtien marginaali 0px
Valikon ilmavuus, ylä- ja alamarginaali 0px
Navigaation taustaväri auto
Laatikkomainen navigaatio Ei

Grafiikka → CSS-Tyylien Lisäys

/* Koodi © Benna */

 

h1, h2, a, .paalinkit, .paalinkitactive {

  transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

}

 

h1 {

  opacity: 0.5;

  width: 500px;

  margin: auto;

  background:  url(/datafiles/userfiles/Image/Gen6Legendh1.jpg);

  box-shadow: 0px 0px 5px #000;

  text-align: center;font: 30px Georgia;

  font-weight: bold;

  letter-spacing: 2px;

  color: #0cf; 

  text-shadow: 0px 0px 5px #f6f;

  text-transform: capitalize;

}

h1:first-letter {

  color: #f6f; 

  text-shadow: 0px 0px 5px #0cf;

}

h1:after {

  content: "☆";

  color: #f3c;

  text-shadow: 0px 0px 3px #06f;

  padding-left: 5px;

}

h1:hover {

  opacity: 0.9;

  box-shadow: 0px 0px 15px #000;

}

 

h2 {

  opacity: 0.4;

  margin-left: 40%;

  text-align: right;

  border-bottom: #f00 2px dotted;

  font: 21px Georgia;

  font-style: italic;

  font-variant: small-caps;

  color: #c00;

  text-shadow: -1px 1px 3px #900;

  text-transform: capitalize;

}

h2:first-letter {

  color: #00f;

}

h2:hover {

  opacity: 0.6;

  border-bottom: #f00 2px dashed;

}

 

a:link, a:visited {

  color: #606;

  font-weight: bold;

  text-shadow: 0px 0px 2px #c0f;

  text-decoration: none;

}

a:hover {

  color: #c0f;

  text-shadow: 0px 0px 2px #606;

  text-decoration: none;

}

 

b, strong {

  color: #f00;

  text-shadow: 0px 0px 3px #000;

}

 

i, em {

  color: #06f;

  text-shadow: 0px 0px 3px #ff0;

}

 

u {

  color: #0ff;

  text-shadow: 0px 0px 3px #c00;

}

 

p {

  -webkit-margin-before: 0px !important;

  -webkit-margin-after: 0px !important;

  font-family: Georgia;

  font-size: 13px;

  color: #606;

}

body {

background:

    url('/datafiles/userfiles/Image/Gen6LegendTaustaVasen.png') left repeat-y,

    url('/datafiles/userfiles/Image/Gen6LegendTaustaOikea.png') right repeat-y,

    url('/datafiles/userfiles/Image/Gen6LegendTausta.jpg') top repeat;

}

.sisaltobg {

  width: 742px;

  height: 353px;

  background:

    url('/datafiles/userfiles/Image/Gen6LegendSisaYla.png') top no-repeat,

    url('/datafiles/userfiles/Image/Gen6LegendSisaAla.png') bottom no-repeat,

    url('/datafiles/userfiles/Image/Gen6LegendSisa.png') top repeat-y;

}

 

.valikko {

  background:

    url('/datafiles/userfiles/Image/Gen6LegendNaviYla.png') top no-repeat,

    url('/datafiles/userfiles/Image/Gen6LegendNaviAla.png') bottom no-repeat,

    url('/datafiles/userfiles/Image/Gen6LegendNavi.png') top repeat-y;

}

.navi{

  text-align: right;

  font-style: bold;

  font-variant: small-caps;

  display: block;

  width: 125px;

  height: 135px;

  border-radius: 5px;

  position: relative;

  z-index: 75;

  top: -160px;

  right: -550px;

  padding: 5px;

  background: url(http://spectryline.suntuubi.com/datafiles/userfiles/Image/Gen6LegendhNaviBoxi.png);

  box-shadow: 0px 0px 10px #606;

  opacity: 0.8;

}

.paalinkit, paalinkit:visited, .paalinkitactive, paalinkitactive:visited{

  color: #606 !important;

  text-shadow: 0px 0px 2px #fff !important;

}

.paalinkit:hover, .paalinkitactive:hover {

  color: #fff !important;

  text-shadow: 0pc 0pc 2px #606 !important;

}

.navimargin {

  width: 70px;

}

 

img.extra {

  position: relative;

  left: -107px;

  top: -32px;

  z-index: 25;

}

.puteditinplace:p {

  height:0px;

}

.putbox {

  position: relative;

  z-index: 50;

}

 

Grafiikka → Ylägrafiikan edistynyt muokkaus

Klikkaa koodi ja korvaa siellä oleva koodi seuraavalla:

<p style="height: 0px;"><img alt="" class="extra" src="/datafiles/userfiles/Image/Gen6LegendExtra.png" style="width: 77px; height: 119px;" /></p>

©2020 Future Sight - suntuubi.com