Aloitetetaampa vaikka tälläisellä pohjan koodin ottasmisesta =)

Elikkäs elikkäs, aloitetaan tekeminen pohjalla, johon tulee kuva, jossa on otsikko. Aloitetaampa vaikka tälläisellä koodilla( löytyy blogistani nimellä "Kaniini" ) :

Koodi

1. Kopioi koko koodirimpsu

2. Kirjaudu blogiisi , mene blogin hallinta --> Ulkoasuasetukset --> Luo uusi ulkoasu

3. Liitä äsken kopioimasi koodi isompaan lootaan ja anna nimi pohjallesi =)

4. Tahdon varmastikkin vaihtaa kuvan ? No, minäpä hieman neuvon sinua tässä. Suosittelen rekisteröitymään Photobuckettiin

----

1. Kun olet rekisteröitynyt photobuckettiin, niin on kaksi vaihtoehtoa:

a) Jos tahdot Kanin kohdalle oman kuvasi, niin menet kohtaan my album ja painat selaa nappia, etsit kuvan, jonka haluat kaniini kuvan kohdalle, ja painat muutaman selaa napin alta upload nappia ja näin lataat kuvasi

b) Jos tahdot netistä jonkun kuvan, käytä joko Googlea, Invision-graphicsia tai pics.amia.Tallenna kuva paikkaan, josta löydät sen, esim Työpöytä tai Omat tiedostot. Lataa kuva kohdan a ohjeilla.

----

1. Etsitäämpä kopioimastasi koodirimpsusta kohta:

Heipähei taas!

Nyt olisi aika vaihtaa kuva, joka on tuossa kaniini pohjassa tuollainen vihreä =)

1. Etsitään koodista tälläinen pätkä, kuin: (koodipätkä aika ylhäällä)

<!--

body {

background-image: url('http://i222.photobucket.com/albums/dd3/cicuri/raitapohja.gif');

background-repeat: repeat-x, repeat-y;

font-family: Tahoma, Verdana, Arial, Lucida, Helvetica, MS Sans Serif;

font-size: 10pt;

margin-top: 32px;

color: #39C5C5;

2. Nyt sinulla pitäisi olla luoto tunnus Photobuckettiin, mikäli katsoit osan 1 (osasta 1 löydät linkin photobuckettiin ja muutkin tarpeelliset ohjeet)

3. Nyt etsitään hieno pohjakuva, vaikkapa täältä: google, Backgroundcity ja All Free Backgrounds. Tallenna kuva ja laita se photobuckettiin.(Jos et muista, kuinka kuva laitettiin photobuckettiin, katso osa1 )

5. Nyt olet löytänyt, tallentanut ja siirtänyt hienon pohjakuvan phtobuckettiin, tulee (ylläriylläri) seuraava ohje:

6. Photobuckettiin lisäämäsi kuvan alta pitäisi löytyä "tekstilaatikoita" , klikkaa toiseksi ylintä ja klikkaa nyt ilmestynyttä copy tekstiä.

7. Mene nyt tuon pohjakoodin luokse, ja korvaa äsken kopioimasi linkki tuohon minulla paksunnetun kohdan tilalle. Nyt vain tallennat pohjan, ja otat sen käyttöösi.

Ja muistathan, jos tuo ei jostain syystä onnistu, laita postia osoitteeseen jansquaq[at]hotmail.com Muista korvata [at] @:lla

 

EXTRA:

Jos et tahdokkaan tuohon pohjaan vihreän tilalle kuvaa, vaan värin, se käy seuraavasti:

1. Elikkäs etsitään taas tuo koodipätkä....:

<!--

body {

background-image: url('http://i222.photobucket.com/albums/dd3/cicuri/raitapohja.gif');

background-repeat: repeat-x, repeat-y;

font-family: Tahoma, Verdana, Arial, Lucida, Helvetica, MS Sans Serif;

font-size: 10pt;

margin-top: 32px;

color: #39C5C5;

2. Korvaa paksuunnettu kohta tällä: color: #00000 ;

3. Mene osoitteeseen: http://koti.mbnet.fi/winuus/varikartta.php?hue_x=56&hue_y=61&light_y=72

4. VAlitse väri ja muokkaa mieleiseksi se. Kopioi nyt koodi, joka on aivan värikartan alapuolella, ja korvaa kolmoskohda alleviivattu kohta juuri kopioimallasi koodilla.

5. Nyt vain tallennat pohjan ja otat sen käyttöön.