VOIT KOMMENTEISSA TAI VIEKUSSA KERTOA
JOS HALUAT POHJAN !
Ohjeet miten sivupohjan saa:
1. Kopioi koodi kuvan alta.
2. Kirjaudu sisään vuodatukseen.
3. Mene ulkoasu-asetuksiin
4. Paina luo oma sivupohja
5. Liitä tai paina CTRL Ja V:tä pohjan koodi siihen.
4. Sitten tallenna. Ja kun pääset takaisin enelliselle sivulle paina
ota käyttöön!¨
5.Sen jälkeen mene blogin julkaisuun.
6.Paina Julkaise indeksi.
7.Sitten mene blogiisi ja TÖTÖTÖTTÖRRÖÖ! Valmis :)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/> <? headOsio ?> <title><? bloginNimi ?></title> <style type="text/css"> <!-- body { background-image: url('http://www.geocities.com/netti_apua/tausta8.gif'); background-repeat: repeat-x, repeat-y; font-family: Comic Sans MS, Verdana, Arial, Lucida, Helvetica, MS Sans Serif; font-size: 10pt; margin-top: 26px; color: #000000; } #vasenreuna { width: 190px; margin-top: 0px; } #blogialue { width: 580px; } #oikeareuna { width: 210px; margin-top: 0px; } .blogiotsikko { background-image: url('http://img62.imageshack.us/img62/4321/flora48mo.png'); background-repeat: no-repeat; background-position: center; font-size: 22pt; font-weight: bold; padding-top: 300px; padding-bottom: 10px; text-align: center; border: 1px #000000 solid; font-family: Comic Sans MS, Verdana, Arial, Lucida, Helvetica, MS Sans Serif; } .blogiotsikko a { color: ##66CC00; text-decoration: none; } .blogiotsikko a:hover { color: ##66CC00; text-decoration: underline; } /* .laatikko_kirjoittaja, .laatikko_kategoriat, .laatikko_arkisto { */ .laatikko { padding: 4px; background-color: #FFFFFF; border: 1px #000000 solid; } .laatikko_otsikko { font-weight: bold; text-align: center; text-transform: uppercase; font-size: 8pt; } .laatikko_syndikaatio { border: none; text-align: right; } .laatikko_syndikaatio img { border: 0px; margin-bottom: 2px; } .laatikko_syndikaatio .laatikko_otsikko { display: none; } .otsikko { font-weight: bold; } .kontaktirivi { text-transform: uppercase; font-size: 8pt; } .laatikko a { color: ##6699FF; text-decoration: none; } .laatikko a:hover { color: #000000; text-decoration: underline; } .kirjoitusaika, .kommenttiaika { font-size: 8pt; text-transform: uppercase; text-align: center; } .kirjoitusotsikko { font-family: Comic Sans MS, Verdana, Arial, Lucida, Helvetica, MS Sans Serif; font-size: 14pt; text-align: center; } .kirjoitusotsikko a { color: #FF0000; text-decoration: none; } .kirjoitusotsikko a:hover { color: #000000; text-decoration: underline; } .kirjoitus, #page { padding: 0.5em; background-color: #FFFFFF; border: 1px #000000 solid; } .kirjoitusteksti { font-size: 10pt; } .kirjoitusteksti a { color: #FF0000; text-decoration: none; } .kirjoitusteksti a:hover { color: #000000; text-decoration: underline; } .kirjoituslinkit { padding-top: 0.3em; font-size: 7pt; text-align: center; text-transform: uppercase; } .kirjoituslinkit a { color: #FF0000; text-decoration: none; } .kirjoituslinkit a:hover { color: #000000; text-decoration: underline; } .arkisto_vuosi { font-weight: bold; } .arkisto_kuukausi { margin-left: 2em; } .kommentti, #kommentointilaatikko { padding: 0.5em; background-color: #FFFFFF; border: 1px #000000 solid; } .kommentoija { font-size: 9pt; font-weight: bold; text-align: center; text-transform: uppercase; } .kommentoija a { color: #FF0000; text-decoration: none; } .kommentoija a:hover { color: #000000; text-decoration: none; } #kommentointilaatikko input[type="text"] { width: 275px; border: 1px #000000 solid; } #kommentointilaatikko textarea { width: 375px; height: 75px; border: 1px #000000 solid; } --> </style> </head> <body> <? banner ?> <table cellpadding="0" cellspacing="0" border="0" align="center"> <tr> <td valign="top"> <div id="vasenreuna"> <? laatikot{kirjoittaja} ?> <? laatikot{kategoriat} ?> <? laatikot{arkisto} ?> <? laatikot{sivut} ?> <? laatikot{syndikaatio} ?> </div> </td> <td valign="top"> <div class="blogiotsikko"> <a href="/"><? bloginNimi ?></a> </div> <div id="blogialue"> <? sisalto ?></div> </td> <td valign="top"> <div id="oikeareuna"> <? laatikot{ei(kirjoittaja,kategoriat,arkisto,sivut,syndikaatio)} ?> </div> </td> </tr> </table> </body> </html>
Laylafani9:lle (Sori en oikeen lyötänyt mitään..)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/> <? headOsio ?> <title><? bloginNimi ?></title> <style type="text/css"> <!-- body { background-image: url('http://www.tahkonviihdepalvelut.com/ruusu.jpg'); background-repeat: repeat-x, repeat-y; font-family: Tahoma, Verdana, Arial, Lucida, Helvetica, MS Sans Serif; font-size: 10pt; margin-top: 32px; color: #000000; } #vasenreuna { width: 180px; } #blogialue { width: 570px; } #oikeareuna { width: 200px; } .blogiotsikko { background-image: url('http://www.winx-candy-witch.pl/dodatki/tapety/wp18.jpg'); background-repeat: no-repeat; background-position: center; font-size: 24pt; padding-top: 40px; padding-bottom: 270px; text-align: center; border: 1px #27408B solid; margin-left: 0.2em; margin-right: 0.2em; margin-bottom: 0.2em; font-family: Tahoma, Verdana, Arial, Lucida, Helvetica, MS Sans Serif; } .blogiotsikko a { color: #FFFFFF; text-decoration: none; } .blogiotsikko a:hover { color: #FFFFFF; text-decoration: underline; font-weight: bold; } /* .laatikko_kirjoittaja, .laatikko_kategoriat, .laatikko_arkisto { */ .laatikko { padding: 4px; margin-bottom: 0.5em; background-color: #F0F8FF; border: 1px #27408B solid; } .laatikko_otsikko { font-weight: bold; text-align: center; text-transform: uppercase; font-size: 8pt; } .laatikko_syndikaatio { border: none; text-align: right; } .laatikko_syndikaatio img { border: 0px; margin-bottom: 2px; } .laatikko_syndikaatio .laatikko_otsikko { display: none; } .otsikko { font-weight: bold; } .kontaktirivi { text-transform: uppercase; font-size: 8pt; } .laatikko a { color: #27408B; text-decoration: none; } .laatikko a:hover { color: #27408B; text-decoration: underline; font-weight: bold; } .kirjoitusaika, .kommenttiaika { font-size: 8pt; text-transform: uppercase; text-align: center; color: #000000; } .kirjoitusotsikko { font-family: Tahoma, Verdana, Arial, Lucida, Helvetica, MS Sans Serif; font-size: 14pt; text-align: center; } .kirjoitusotsikko a { color: #27408B; text-decoration: none; } .kirjoitusotsikko a:hover { color: #27408B; text-decoration: underline; font-weight: bold; } .kirjoitus, #page { color: #000000; padding: 0.5em; margin-left: 0.5em; margin-right: 0.5em; margin-bottom: 0.5em; background-color: #F0F8FF; border: 1px #27408B solid; } .kirjoitusteksti { font-size: 10pt; } .kirjoitusteksti a { color: #27408B; text-decoration: none; } .kirjoitusteksti a:hover { color: #27408B; text-decoration: underline; font-weight: bold; } .kirjoituslinkit { padding-top: 0.3em; color: #000000; font-size: 7pt; text-align: center; text-transform: uppercase; } .kirjoituslinkit a { color: #27408B; text-decoration: none; } .kirjoituslinkit a:hover { color: #27408B; text-decoration: underline; font-weight: bold; } .arkisto_vuosi { font-weight: bold; } .arkisto_kuukausi { margin-left: 2em; } .kommentti, #kommentointilaatikko { padding: 0.5em; margin-left: 0.5em; margin-right: 0.5em; margin-bottom: 0.5em; background-color: #F0F8FF; border: 1px #27408B solid; } .kommentoija { color: #000000; text-align: center; text-transform: uppercase; } .kommentoija a { color: #27408B; text-decoration: none; } .kommentoija a:hover { color: #27408B; text-decoration: underline; font-weight: bold; } #kommentointilaatikko input[type="text"] { width: 275px; background-color: #F0F8FF; border: 1px #27408B solid; } #kommentointilaatikko textarea { width: 375px; height: 75px; background-color: #F0F8FF; border: 1px #27408B solid; } --> </style> </head> <body> <? banner ?> <table cellpadding="0" cellspacing="0" border="0" align="center"> <tr> <td valign="top"> <div id="vasenreuna"> <? laatikot{kirjoittaja} ?> <? laatikot{kategoriat} ?> <? laatikot{arkisto} ?> <? laatikot{sivut} ?> <? laatikot{syndikaatio} ?> </div> </td> <td valign="top"> <div class="blogiotsikko"> <a href="/"><? bloginNimi ?></a> </div> <div id="blogialue"> <? sisalto ?></div> </td> <td valign="top"> <div id="oikeareuna"> <? laatikot{ei(kirjoittaja,kategoriat,arkisto,sivut,syndikaatio)} ?> </div> </td> </tr> </table> </body> </html>
Flora-Mixsille laylapohja (Toivottavasti pidät!)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/> <? headOsio ?> <title><? bloginNimi ?></title> <style type="text/css"> <!-- body { background-color: #F6F5FA; background-image: url('http://mediaserver-virtual-3.vuodatus.net/g/42718/1403769.jpg'); background-repeat: repeat-x, repeat-y; font-family: Verdana, Arial, Lucida, Helvetica, MS Sans Serif; color: #000000; font-size: 10pt; padding: 0px; margin-top: 26px; } #blogialue { width: 630px; border: 2px #A0684D solid; } #oikeareuna { width: 250px; border: 2px #A0684D solid; } .blogiotsikko { background-image: url('http://mediaserver-virtual-3.vuodatus.net/g/42718/1403759.jpg'); background-repeat: no-repeat; background-position: bottom; font-family: Verdana, Arial, Lucida, Helvetica, MS Sans Serif; width: 800px; font-size: 26pt; text-align: center; padding-top: 220px; padding-bottom: 5px; border: 2px #A0684D solid; } .blogiotsikko a {color: #FFFFFF; text-decoration: none; } .blogiotsikko a:hover {color: #F6F5FA; text-decoration: none; font-weight: bold; } /* .laatikko_kirjoittaja, .laatikko_kategoriat, .laatikko_arkisto { */ .laatikko { padding: 4px; background-color: #F6F5FA; border-bottom: 1px #A0684D solid; } .laatikko_otsikko { text-align: center; text-transform: capitalize; } .laatikko_syndikaatio { border: none; text-align: right; } .laatikko_syndikaatio img { border: 0px; margin-bottom: 2px; } .laatikko_syndikaatio .laatikko_otsikko { display: none; } .otsikko { font-weight: bold; } .laatikko a {color: #A0684D; text-decoration: none; } .laatikko a:hover {color: #C39176; text-decoration: none; font-weight: bold; } .kontaktirivi { text-transform: uppercase; font-size: 8pt; } .kirjoitusaika, .kommenttiaika { font-size: 7pt; text-transform: uppercase; text-align: center; color: #000000; } .kirjoitusotsikko { font-family: Verdana, Arial, Lucida, Helvetica, MS Sans Serif; font-size: 13pt; text-align: center; } .kirjoitusotsikko a {color: #A0684D; text-decoration: none; } .kirjoitusotsikko a:hover {color: #C39176; text-decoration: none; font-weight: bold; } .kirjoitus, #page { color: #000000; padding: 0.5em; background-color: #F6F5FA; border-bottom: 1px #A0684D solid; } .kirjoitusteksti { font-size: 10pt; } .kirjoitusteksti a {color: #A0684D; text-decoration: none; } .kirjoitusteksti a:hover {color: #C39176; text-decoration: none; font-weight: bold; } #page a {color: #A0684D; text-decoration: none; } #page a:hover {color: #C39176; text-decoration: none; font-weight: bold; } .kirjoituslinkit { padding-top: 0.3em; color: #000000; font-size: 8pt; text-align: center; } .kirjoituslinkit a {color: #A0684D; text-decoration: none; } .kirjoituslinkit a:hover {color: #C39176; text-decoration: none; font-weight: bold; } .arkisto_vuosi { font-weight: bold; } .arkisto_kuukausi { margin-left: 2em; } .kommentti, #kommentointilaatikko { padding: 0.5em; background-color: #F6F5FA; border-bottom: 1px #A0684D solid; } .kommentoija { text-align: center; color: #000000; } .kommentoija a {color: #A0684D; text-decoration: none; } .kommentoija a:hover {color: #C39176; text-decoration: none; font-weight: bold; } #kommentointilaatikko input[type="text"] { width: 275px; background-color: #F6F5FA; border: 1px #A0684D solid; } #kommentointilaatikko textarea { width: 375px; height: 75px; background-color: #F6F5FA; border: 1px #A0684D solid; } --> </style> </head> <body> <? banner ?> <table align="center"><tr> <td align="center" valign="top" colspan="2"> <div class="blogiotsikko"><a href="/"><? bloginNimi ?></a></div></td></tr> <tr> <td valign="top"> <div id="blogialue"> <? sisalto ?> </div></td> <td valign="top"> <div id="oikeareuna"> <? laatikot{kirjoittaja} ?> <? laatikot{kategoriat} ?> <? laatikot{arkisto} ?> <? laatikot{sivut} ?> <? laatikot{syndikaatio} ?> <? laatikot{ei(kirjoittaja,kategoriat,arkisto,sivut,syndikaatio)} ?> </div></td> </tr></table> </body> </html>
Jennalle sivupohja
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/> <? headOsio ?> <title><? bloginNimi ?></title> <style type="text/css"> <!-- a:link {color: #664785; text-decoration: none; } a:visited {color: #664785; text-decoration: none; } a:hover { color: #F5F5F5; text-decoration: none; background-color: #664785; } a:active {color: #F5F5F5; text-decoration: none; background-color: #664785; } body { font-family: Helvetica, Arial, Verdana, Lucida, MS Sans Serif; font-size: 10pt; color: #000000; background-image: url('http://devilcry.org/shotspic/fr_1920.jpg'); background-repeat: repeat-x, repeat-y; padding: 0px; margin: 0px; } #sivu { background-image: url('http://i180.photobucket.com/albums/x209/muratelic/winxclub/enchantix_stella.jpg'); background-repeat: no-repeat; background-position: top left; width: 920px; margin-top: 30px; } #vasenreuna { width: 270px; margin-top: 382px; margin-right: 5px; } #blogialue { width: 630px; } .blogiotsikko { font-size: 26pt; font-weight: bold; font-family: Helvetica, Arial, Verdana, Lucida, MS Sans Serif; text-align: center; padding-bottom: 0.6em; margin-top: 80px; } /* .laatikko_kirjoittaja, .laatikko_kategoriat, .laatikko_arkisto { */ .laatikko { padding: 4px; margin-bottom: 0.4em; background-color: #F5F5F5; border: 1px #000000 solid; } .laatikko_otsikko { text-transform: uppercase; font-weight: bold; text-align: center; font-size: 8pt; } .laatikko_syndikaatio { border: none; text-align: right; } .laatikko_syndikaatio img { border: 0px; margin-bottom: 2px; } .laatikko_syndikaatio .laatikko_otsikko { display: none; } .otsikko { font-weight: bold; } .kontaktirivi { text-transform: uppercase; font-size: 8pt; } .kirjoitusaika, .kommenttiaika { font-size: 8pt; text-transform: uppercase; text-align: center; color: #000000; } .kirjoitusotsikko { font-family: Helvetica, Arial, Verdana, Lucida, MS Sans Serif; font-size: 14pt; text-align: center; } .kirjoitus, #page { color: #000000; background-color: #F5F5F5; padding: 0.5em; margin-bottom: 0.4em; border: 1px #000000 solid; } .kirjoitusteksti { font-size: 10pt; } .kirjoituslinkit { padding-top: 0.3em; color: #000000; font-size: 7pt; text-align: center; text-transform: uppercase; } .arkisto_vuosi { font-weight: bold; } .arkisto_kuukausi { margin-left: 2em; } .kommentti, #kommentointilaatikko { padding: 0.5em; margin-bottom: 0.4em; background-color: #F5F5F5; border: 1px #000000 solid; } .kommentoija { font-weight: bold; text-align: center; color: #000000; text-transform: uppercase; } #kommentointilaatikko input[type="text"] { width: 275px; background-color: #F5F5F5; border: 1px #000000 solid; } #kommentointilaatikko textarea { width: 375px; height: 75px; background-color: #F5F5F5; border: 1px #000000 solid; } --> </style> </head> <body> <? banner ?> <table cellpadding="0" cellspacing="0" border="0" align="center"><tr><td> <div id="sivu"> <table align="center" valign="top"></td></tr> <tr> <td valign="top"> <div id="vasenreuna"> <? laatikot{kirjoittaja} ?> <? laatikot{kategoriat} ?> <? laatikot{arkisto} ?> <? laatikot{sivut} ?> <? laatikot{syndikaatio} ?> <? laatikot{ei(kirjoittaja,kategoriat,arkisto,sivut,syndikaatio)} ?> </div> </td> <td valign="top"> <div class="blogiotsikko"> <a href="/"><? bloginNimi ?></a> </div> <div id="blogialue"> <? sisalto ?></div> </td> </div> </tr> </table> </table> </body> </html> |