různé chování odkazů na stránce

• odkaz v běžném textu

definice stylu na začátku šablony (dnes už to mám v samostatném .css souboru):

a {font-weight: bold;
font-size: 11px;
text-decoration: none;
color: #3366bb;} /* default modrý tučný, o 1px menší než běžný text */

a:hover {color: #0036ff;
background: #C3C8D9;
text-decoration: underline;}
/* tmavší pozadí při ukázání, změna odstínu modrého odkazu.
podtržení je celkem hnus, mám to kvůli otestování odlišnosti */


výchozí použití pro všechny odkazy bez class:
<a href="www">odkaz v běžném textu</a>


•   odkazy v levém menu  

definice stylu:

.links {font-size: 11px;
color: #3366bb;} /* základní nastavení pro levý sloupec s vlastností "links" */

.links a {font-weight: bold;
text-decoration: none;} /* výchozí vzhled odkazů vlevo je stejný: tučný, nepodtržený */

.links a:hover {color: #0036ff;
background: #e6ebf0;
text-decoration: none;} /* ale pozadí při ukázání zesvětlá, odkaz zůstane nepodtržen */


použití jen pro levé menu (links):
<div class="links"><a href="www">odkazy v levém menu</a></div>
odkazy dědí od svého div class="links" všechny ty vlasnosti, které si dále samy nepřepíšou. o omezení na ty správné .links se stará právě kaskádování ".links a {...}"

takto si tu s šablonou vyhrálo více blogerů, hlavně jsem se inspiroval u vdonati.bloguje.cz, taky tricatnik.bloguje.cz.
updatnuto: koukám že 30 měl stejný nápad s odlišením odkazů – vlevo pozadím, vpravo podtržením, hm až tak moc zas kopírovat nemusím :( tak až se mi bude chtít tak to zruším



• z lední obory


nakonec se mi zachtělo mít ještě odlišné i klikací textové záhlaví s názvem blogu. přitom jsem objevil že ve firefoxu můžu klidně nadpisu přiřadit událost h2:hover, s pořadím
<a href="index.php"><h2>$BlogTitle$</h2></a>
a ve stylu měním vlastnosti h2. ale mrchosoftí ie to nechápe, on zná událost :hover jen pro odkaz (a=...).
kromě přehození pořadí kvůli ie tak musím ještě ve stylu svázat definici "h2 a {...}", čili jen pro odkaz který je zároveň nadpisem

definice stylu:

h2 {margin-bottom: 1px;
margin-left: 20px;
text-transform: uppercase;} /* výchozí parametry nadpisu h2 */

h2 a {background: #737680;
color: white;
font-size: 32px;} /* změny proti malým modrým odkazům */

h2 a:hover {color: #e6ebf0;
background: #737680;
text-decoration: none;} /* při ukázání myšem ať se nezmění pozadí, text mírně zešedne */


použití v záhlaví stránky:
<h2><a href="http://brtnik.bloguje.cz/">z lední obory</a></h2> podobně má řešený nadpis třeba kretka.bloguje.cz

----
update: chtělo se mi vyzkoušet jak fungují accesskey = klávesové zkratky v odkazech.
v levém sloupci jsou pod rubrikou s seznamem témat i linky na některé starší články: lze se na ně dostat přes alt + podtržené písmeno. popis přidám do hromady "tipů a triků" brtnik.bloguje.cz/ptakoviny nebo viz zdroják



---


neděle: maminky vlastní i cizí necháme oslavovat svátek, a my si zatím schrupnem.