![](http://www.glitter-graphics.com"><img src="http://dl7.glitter-graphics.net/pub/642/642017ccaq7v1frb.gif "Hlavní stránka tohoto blogu")
Jak na vlastní design
1)Nejdřív si promyslíme, jak by měl design vipadat.
2)Začneme v Nastavení blogu:
• Do URL loga:Najdeme si nebo vyrobíme nějaké logo a zjistíme si její URL, kterou vložíme do políčka
•Do HTML sloupku dáme základní věci:
Pozadí <body background="URL adresa"bgproperties=fixed>
Kurzor-si najdeme,okopírujeme kód
Posuvník-II-
3)A teď CSS.
• Pozice loga
Vlevo-left
Vpravo-right
Uprostřed-center
Na střed.logo { text-align: center; display: block; float: none; }
• Sloupeček
Do leva
zarovnání kategorií
left- zarovnání doleva
right- zarovnání doprava
center- zarovnání doprostřed
.sloupek {text-align: center;}
Průhledný sloupek
.sloupek {background-color: transparent; }
.kategorie-blok, .uzivatel-blok, .html-blok, .archiv-blok { background-color: transparent; }
Obarvený sloupek
.sloupek {background-color: transparent; }
.kategorie-blok, .uzivatel-blok, .html-blok, .archiv-blok { background-color: barva; }
Kompletní úprava sloupečku
.sloupek {border: 3px ridge #5efb6e;
border-left: 3px ridge #5efb6e;
left: 870px;
margin-right: 10px;
padding: 0px; top: 214;
background-color: ffffff;}
• Příspěvky
Orámování nadpisu
h2 { font-size: velikost písmapx; font-style: normal; font-family: Comic Sans MS; font-weight: bold; color: barva písma; background color:barva pozadí; border: 6px double #barva rámečku; text-align: center; }
Změna písma
.oprispevku .cas { color: BARVA; font-family: Comic Sans MS; font-size: 10px; }
Kmpletní úprava příspěvku
.prispevek {border: 3px ridge #5efb6e;
border-left: 3px ridge #5efb6e;
border-right: 3px ridge #5efb6e;
padding: 10px;
font-family: Arial; font-size: 10px; color:#5efb6e;
background-color: ffffff}
Vzdálenost příspěvku
.prispevky {margin-left: 130px;
margin-right: 360px;}
Úprava komentářů
.kalendar .clanky { color: #BARVA; font-size: 8px;
background-color: white; font-family: Comic Sans MS; border: 1px solid
#BARVA; }
.kalendar .vikend {background-color: #BARVA; font-size: 8px; }
.kalendar .nadpis { font-size: 8px; color: black; font-family: Comic Sans MS; background-color: #BARVA; }
.kalendar A { color: #BARVA; font-size: 8px; font-family: Comic Sans MS; background-color: white; }
.kalendar { font-size: 8px; font-family: Comic Sans MS; }
• Smazání věcí na blogu
Chcete odstranit autora blogu?.uzivatel-blok { display: none; }
Chcete odstranit kategorii nezařazeno?.sloupek .kategorie.nezarazeno { display:none; }
Chcete vymazat název blogu?.nazevblogu { display: none; }
Chcete vymazat popis blogu?.popisblogu { display: none; }
Chcete smazat archiv blogu?.archiv-blok { display: none; }
Chcete smazat rss blogu?.rss {display: none;}
• Odkazy
Orámování odkazu
a:hover {color: #barva odkazu; background-color: #barva pozadí; text-decoration: none; font-weight: bold; border: 3px double #barva rámečku; }
a:link {color: barva;} - NENAVŠTÍVENÝ
a:visited {color: barva;} - NAVŠTÍVENÝ
a:hover {color: barva;} - PŘEJÍŽDĚNÝ MYŠÍ
Odkaz se podtrhne i nadrhne (nebo jak to říct)
Bude mít nad sebou čáru
Odkaz se rozmaže
• Archív
Nadpis (měsíc)
.kalendar .nadpis { font-size: 10px; color: white; font-family: Arial; background-color: #barva; }
Víkend
.kalendar .vikend {background-color: #cc0066 ; font-size: 10px; }
Archiv obecně
.kalendar { font-size: 10px; font-family: Arial; border: 2px solid #barva; }
Články
.kalendar .clanky { color: #barva; font-size: 8px; background-color: barva; font-family: Arial; border: 1px solid #barva; }
• Ostatní
Obrázky bez rámečku
image {border-style:none;}
Na tomhle návodu jsem pracovala hóóódně dlouho, navíc jsem měla co dělat, aby se mi to sem všechno vešlo...
Kurzory-kočky
<STYLE TYPE="text/css">
BODY{cursor: url(http://www.mbif.net/cursors/catpic.ani);}
A{cursor: url(http://www.mbif.net/cursors/catpic.ani);}
STYLE TYPE="text/css">
BODY{cursor: url(http://www.mbif.net/cursors/greycat.ani);}
A{cursor: url(http://www.mbif.net/cursors/greycat.ani);}
<STYLE TYPE="text/css">
BODY{cursor: url(http://www.mbif.net/cursors/palecatstill.ani);}
A{cursor: url(http://www.mbif.net/cursors/palecatstill.ani);}
<STYLE TYPE="text/css">
BODY{cursor: url(http://www.mbif.net/cursors/skinnycatstill.ani);}
A{cursor: url(http://www.mbif.net/cursors/skinnycatstill.ani);}
<STYLE TYPE="text/css">
BODY{cursor: url(http://www.mbif.net/cursors/whitecat.ani);}
A{cursor: url(http://www.mbif.net/cursors/whitecat.ani);}
<STYLE TYPE="text/css">
BODY{cursor: url(http://www.mbif.net/cursors/whitekitty.ani);}
A{cursor: url(http://www.mbif.net/cursors/whitekitty.ani);}
<STYLE TYPE="text/css">
BODY{cursor: url(http://www.mbif.net/cursors/naturaltabby.ani);}
A{cursor: url(http://www.mbif.net/cursors/naturaltabby.ani);}
<STYLE TYPE="text/css">
BODY{cursor: url(http://www.mbif.net/cursors/orangetabby.ani);}
A{cursor: url(http://www.mbif.net/cursors/orangetabby.ani);}
Obrázek vedle odkazu na komentáře
LINK
Obtékání
vlevo-vlevo-vlevo-vlevo-vlevovlevo-vlevo-vlevo
vpravo-vpravo-vpravo-vpravo-vpravo
vpravo-vpravo
| březen 2010 | ||||||
| Po | Út | St | Čt | Pá | So | Ne |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 | 31 | - | - | - | - |
leden 2010 / vše (1)
prosinec 2009 / vše (2)
listopad 2009 / vše (4)
září 2009 / vše (3)
srpen 2009 / vše (1)
červen 2009 / vše (2)
květen 2009 / vše (15)
duben 2009 / vše (32)
březen 2009 / vše (20)
únor 2009 / vše (9)
leden 2009 / vše (7)
prosinec 2008 / vše (19)
říjen 2008 / vše (2)
srpen 2008 / vše (12)
červenec 2008 / vše (11)
červen 2008 / vše (5)
květen 2008 / vše (7)
březen 2008 / vše (20)
únor 2008 / vše (29)
leden 2008 / vše (30)
prosinec 2007 / vše (29)
listopad 2007 / vše (9)
říjen 2007 / vše (1)