Ne vždy jsme spokojeni s tím, co nám designe našeho blogu nabízí. Máme sice na výběr několik šablon, ale přesto bychom chtěli být originálnější a vzhled blogu upravit k obrazu svému. Proto máme v administraci blogu rubriku Nastavení blogu, která nás dostane až k -vlastnímu css stylu. Tady se skrývají kódy, ze kterých je složena estetická stránka blogu.
Speciálně pro Slánku. ;) Snad to půjde pochopit. :D
Dnes se vám pokusím vysvětlit, jak změnit barvu odkazu nadpisu článku a zároveň odkazu rubriky. Modře orámovaný nápis na obrázku a rubrika vpravo (to u mě nejde ukázat, protože klasické odkazy nepoužívám, ale víte, co myslím :D.)
Jak už jsem se zmiňovala, začneme v Administraci blogu, kde následně vklouzneme do rubriky Nastavení blogu.
Pokračujeme dál na odkaz -vlastní css styl.
Přehlédneme první odstavec -body a přeskočíme do druhého, tedy tam, co máte napsáno A: link,...atd. Tady se zaměříme na nápis COLOR, což znamená barvu písma odkazů. Vedle tohoto nápisu máme kód stávající barvy. Ten vždy začíná křížkem (#) a pak pokračuje změtí šesti různých písmen či číslic. Na konci musí být oddělen středníkem (;). (ukázka COLOR: #B7A58F; )
Stávající kód vymažeme s tím, že křížek na začátku a středník na konci zůstává. Změní se jen šest čísel nebo písmen. Ty nahradíme naší barvou. Kde ale takový kód vzít, když chceme, aby měl přesně takovou barvu jakou chceme? Nejpoužívanější barvy jako černá a bílá mají jednoduché kódy (černá #000000 a bílá #FFFFFF). K tomu, abychom dostali kód jakékoli barvy použijeme nějaký program pro úpravu obrázku. Já například používám Photofilter. (Návod jak získat kód barvy ve Photofilteru najdete ZDE. Nebo si můžete kód barvy okopírovat ZDE.)
Dejte pozor na středník, kterým musí být kód zakončen.
Povedlo se? Pokud ano, máte za sebou jednu část úkolu. Nyní změníme barvu odkazu po té, co na něj najedeme myší. ( Např. Nadpis má světle fialovou barvu, ale když na něj najedeme myší, má ji tmavě fialovou a tu nechceme, tak ji teď změníme. Okopírujte si kód té barvy, kterou tam chcete a vrhneme se na odstavec, který je hned pod tím, kde jsme právě barvu měnili. Je u něj napsáno A: hover...Nás bude opět zajímat COLOR. Kód stávající barvy u této kolonky smaženeme a vložíme ten, co jsme si vybrali.
Stejnou změnu provedeme ještě trochu níž u odstavců #menu A:link....; a #menu A:hover ...
Nakonec tohle všechno potvrdíme. Nahoře "odfajfkneme" použít vlastní css styl, pokud ho už nepoužíváme.
Změnili jsme barvu všech odkazů na blogu. Změna se možná neprojeví hned, záleží na prohlížeči, který používáte.
Jestli se vám něco zdálo nesrozumitelné (na vysvětlování moc nejsem :D ), ptejte se.
