kuti
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

Kaunis Mieli Kääntää Katseensa Sisäänpäin
Sira Moksi

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

kuti
seura
Suomen sarjakuvaseura ry
Suomen sarjakuvaseura ry6 hours ago
"Sarjakuva on hauska, vaikkei kukaan hahmoista varsinaisesti vitsailekaan. Kommunikointikeinona näyttää olevan lähes yksinomaan pilkka ja iva.

Itse juoni ei ole erityisen mieleenpainuva, mutta se on sivuseikka. Tasamittaisiin lukuihin jaettu Ada viidakossa on ennen muuta satiirinen teos, joka sivaltaa terävällä pilkallaan esimerkiksi ihmisen pohjatonta ahneutta ja menneen maailman jäykkää luokkayhteiskuntaa."
Suomen sarjakuvaseura ry
Suomen sarjakuvaseura ry4 days ago
Making Money from Webcomics is the joint effort of an international group of webcomics artists, Finnish comics makers and the funding from Kone Foundation. I started the project two years ago and in August 2018 a bunch of webcomics artists traveled to Finland for a joint two-week artist residency. The end result is a free PDF book. Spread it around and help anyone with a comics career!

Contents include:

I Starting Out. 1 Finding your brand – 2 Basics of social media – 3 Going viral
II Monetizing. 4 Being professional – 5 Subscription models – 6 Freelancing – 7 Contracts and negotiating
III Expanding. 8 Conventions – 9 Merchandise – 10 Kickstarter and funding – 11 Beyond comics
IV Keeping it together. 12 Day job – 13 Avoiding burnout –14 Community

Contributors: Alex Norris, David Daneman, Eelis Nilukka, Enzo, H-P Lehkonen, Jose Rojas, Laura Romagnoli, Megan McKay, Olivia Walch, Paju Ruotsalainen, Sara Valta.


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