CSS:n säätäminen: Dreamworks Redux

29.10.2008 - 17:22 / Rami Rautkorpi.


Teemassa hyvin kommentoitu css.

Perusjutut: Taustaväri, tekstin fontti, koko ja väri:

body {
background: #333 url('images/pattern.jpg') repeat;
color: #b9b9b9;
font-family: Arial, Verdana, sans-serif;
font-size: 62.5%;
text-align: center;
font-weight: normal;
}

Linkit:

a {
color: #53abd5;
text-decoration: none;
}

a:hover {
color: #FFF;
}

Otsikkokuva:

#header {
width: 871px;
position: relative;
height: 236px;
margin-top: 100px;
background: #333 url('images/header.jpg') no-repeat;
}

Otsikkoteksti:

#header h1.main_title {
padding-right: 22px;
position: absolute;
bottom: 219px;
}

Kuvausteksti:

#header h3.slogan {
padding-right: 22px;
position: absolute;
font-size: 21px;
bottom: 160px;
left: 100px;
font-weight: normal;
}

Sivupalkki muokattavissa, mutta edellyttää joiltain osin hyvää CSS:n tuntemusta. Firebug on ystäväsi.

Kategoria: Ylläpito.
Tagit: ,



Trackback URI | Kommenttien RSS

Jätä vastaus




Sivut

Viimeisimmät artikkelit

Viimeisimmät kommentit

Kategoriat

Arkistot

Muiden blogit

Muut blogini

Sosiaalinen media