mainos
mainos

CSS koodia

Tässä tämän sivuston CSS koodi, tehty white wash pohjalle. Kun tämän copy pastaa Appearance kohdan CSS-osioon, niin pääsee vähän alkuun oman blogin muokkailussa.

Koodi siis löytyy klikkaamalla tämä postaus auki tuosta alhaalta.

/*muokkaa blogin ulkomuotoa tällä CSS koodilla*/

/*taustaväri, fontit, tekstien koot ja värit*/

body {
background: url("http://kuva.jpg") no-repeat bottom right;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
color: #000000;
}
/*yläpalkin kuva*/

div#header {
background: url("http://kuva.jpg")
no-repeat bottom left;
}

/*yläpalkin korkeus*/
#header {
height: 227px;
border-bottom: none;
}

/*Blogin nimi yläpalkissa*/
#header h1 {
font-size: 40px;
font-weight: 100;
font-family: Arial, Helvetica, sans-serif;
padding: 30px 200px;
text-align: right;
}

#header h1 a {
color: #99CC00;
text-decoration: none;
}

#header h1 a:hover {
color: #CCFF00;
text-decoration: none;
}

/*Blogin kuvaus yläpalkissa*/
#header h2 {
color: #000033;
font-size: 19px;
font-weight: 100;
padding: 0 0 0 0;
letter-spacing: -1px;
line-height: 12px;
}

/*menu, joka näyttää pysyvät sivut*/
#menu {
font-size: 15px;
font-weight: 10;
font-family: Arial, Helvetica, sans-serif;
padding: 100px 0px;
text-align: left;
text-decoration: none;
}

#menu a {
color: #99CC00;
text-decoration: none;
}

#menu a:hover {
color: #CCFF00;
text-decoration: none;
}

/*vasen puoli blogia*/
}

.left {
width: 568px;
float: left;
text-align: justify;
color: #99CC00;
}

.left h2 {
color: #99CC00;
font-size: 20px;
font-weight: 100;
padding : 15px 0 15px 0;
}

.left h2 a {
color: #99CC00;
}

.left h2 a:hover {
color: #99CC00;
text-decoration: none;
}

.left ul {
padding-left: 3em;
}

.left ol {
padding-left: 3em;
}

/*oikea puoli blogia*/
.right {
width: 160px;
float: right;
padding: 10px;
border-left: none;
}

.right ul {
list-style-type: none;
padding: 0px 0px 0px 0px;
}

.right ul ul{
margin:0.1667em 0;
padding: 5px 0 0 15px;
}

.right h2 {
height: 15px;
font-size: 15px;
color: #99CC00;
line-height: 15px;
text-decoration: none;
padding: 5px 0px 10px;
}

.right a {
text-decoration: none;
color: #666;
}

.right a:hover {
text-decoration: none;
color: #99CC00;
}

/*RSS syöte*/

.nomove {
width: 160px;
float: right;
padding: 10px;
border-left: none;
}

.nomove ul {
list-style-type: none;
padding: 5px 10px 10px 10px;
}

.nomove h2 {
height: 30px;
font-size: 10px;
color: #99CC00;
line-height: 30px;
}

.nomove a {
font-size: 10px;
color: #99CC00;
}

.nomove a:hover {
text-decoration: underline;
color: #99CC00;
}
#spacer {
padding-top: 10px;
border-bottom: none;
}

Plus tässä vielä jotain lisävinkkejä:

/* Koko blogin ympäröivä laatikko */
#wrap {

font-family: verdana;

background: rgb(255,255,255);

/* Kokeile solid / dashed / dotted */
border: 0px solid rgb(200,200,200);

/* Sivun yläreunan ja reunuksen väli */
margin-top: 20px;

/* Reunuksen ja sisällön väli: ylä oikea ala vasen */
padding: 0px 20px 10px 20px;

}

/* Tagit listaava laatikko */
#content .showtags { background: rgb(253,253,253); }

/* Turha rivinvaihto pois blogin otsikon ja kuvauksen välistä */
#header br { display: none; }

/* Vähän väliä kuitenkin otsikon ja kuvauksen väliin */
#header h1 { margin-bottom: 0px;}

/* Tekstiotsikot piiloon sivupalkissa */
.right h2 { display: none; }

/* Vähän väliä kuvaotsikon alle */
.right .textwidget { margin-bottom: 5px; }

/* RSS-linkit piiloon hakulaatikon yläpuolelta */
.nomove ul { display: none; }

Tags: , ,

Trackback from your site.

Comments (2)

  • Avatar

    ahokoivu

    |

    Jostain syystä (en oo keksiny vielä mistä), ”” -merkit muuttuu tyyllitellyiksi kun tän koodin kopioi tästä.

    Eli jos esim. yläpalkin kuva ei näy, vaihda ””-merkit tavallisiksi (shift+2). Sitten pitäis toimia.

  • Avatar

    tuomastee

    |

    Haku piiloon:

    #search {
    display: none;
    }

Comments are closed

pienlehtimainos
Kaunis Mieli Kääntää Katseensa Sisäänpäin

Mainosta sarjakuvaasi tässä!
http

Sarjakuvablogit.comin toimintaa tukee taiteilijan tavaratalo Tempera. Temperalla on myymälä osoitteessa Uudenmaankatu 16, Helsinki sekä verkkokauppa.

Suomen laajin valikoima laadukkaita piirustus- ja taiteilijaintarvikkeita! Myymälästä Suomen sarjakuvaseuran jäsenkortilla 10–20 % alennus tuotteista.

Tempera.com/shop

mainos
mainos
Suomen sarjakuvaseura ry
Suomen sarjakuvaseura ry4 days ago
"Helsingin Sanomat sensuroi Pertti Jarlan 5.12. lehteen piirtämän Fingerpori-sarjakuvan. Lehti vaati alkuperäisessä stripissä esiintyneen muotitalo H&M:n logon poistamista. Se korvattiin geneerisellä Finger-Vaate-­logolla."
HS: "Katsottiin, että ollaan lähellä elinkeinotoiminnan haittaamis -pykälää."


http

Sarjakuvablogit.com on Suomen sarjakuvaseuran 2008 perustama ilmainen palvelu, johon voi perustaa oman sarjakuvablogin. Sivusto on kehitetty erityisesti kuvapainotteisia blogeja ajatellen, ja muokkausmahdollisuuksia on paljon. Voit ehdottaa mielenkiintoista blogia Kuukauden blogiksi. Sivustoa pyöritetään vapaaehtoisvoimin ja otamme mielellämme vastaan myös apua WordPress-pohjaisen sivuston kehittämisessä.

Tiimin ja Suomen sarjakuvaseuran tavoitat osoitteesta info@sarjakuvaseura.fi.
Ongelmatilanteissa ota yhteyttä palvelun ylläpitäjään osoitteessa webmaster@sarjakuvaseura.fi.

Käyttöehdot
Sarjainfo

Suomen sarjakuvaseura ry
Sarjakuvakeskus
Porthaninkatu 9
00530 Helsinki
info@sarjakuvaseura.fi

Liity Suomen sarjakuvaseuraan! Liittymällä saat Sarjainfo-lehden kotiisi sekä jäsenkortin ja rahanarvoisia etuja. Samalla tuet suomalaista sarjakuvaa. Jäsenenä voit myös perustaa sarjakuvablogin tänne! sarjakuvaseura.fi