Pontozott, szaggatott, dupla vonal a linknek
Dem pontozott alhzsra - hozd ide az egeret.
Nem ignyel semmi nagy trkkt a megolds, egyszeren csak keretet kell adni a linknek az albbi sorral:
border-bottom: #77445b 2px dotted;
A dotted jelenti, hogy pontozott, ha szagatottat szeretnl, rd t erre: dashed, illetve, ha dupla vonalat, akkor: double. rtelemszeren a sznkd lesz a vonal szne, a 2px pedig a vastagsga. Ajnlott csak a hover rsznl hasznlni - teht akkor jelenik meg, mikor a ltogat rviszi az egeret a linkre.
Ha nincs CSS az oldaladon, itt vannak egszben a kdok, amik jobb/bal oldalon lv modulba beillesztve mkdnek is:
Pontozott alhzs:
<style type="text/css">
/* itt a linkek tulajdonsgait llthatod be; ez a men modulra nincs hatssal, csak a tbbi linkre! */
A:link, A:visited /* link tulajdonsgai */
{color: #77445b;
text-decoration: none;
font-family: verdana;
font-size: 7pt;
font-weight: none; }
A:hover /* ha rviszed az egeret, ilyen tulajdonsgokat vesz fel a link */
{color: #77445b;
cursor: crosshair;
text-decoration: none;
border-bottom: #77445b 2px dotted;
font-family: verdana;
font-size: 7pt;
font-weight: none; }
/* ez lnyegben ugyanaz, mint a fenti linkkd, viszont ez a men modulra hat! */
A.menu:link, A.menu:visited /* link tulajdonsgai */
{color: #77445b;
text-decoration: none;
font-family: verdana;
font-size: 7pt;
font-weight: none; }
A.menu:hover /* ha rviszed az egeret, ilyen tulajdonsgokat vesz fel a link */
{color: #77445b;
cursor: crosshair;
text-decoration: none;
border-bottom: 77445b 2px dotted;
font-family: verdana;
font-size: 7pt;
font-weight: none; } </style>
Szagatott alhzs:
<style type="text/css">
/* itt a linkek tulajdonsgait llthatod be; ez a men modulra nincs hatssal, csak a tbbi linkre! */
A:link, A:visited /* link tulajdonsgai */
{color: #77445b;
text-decoration: none;
font-family: verdana;
font-size: 7pt;
font-weight: none; }
A:hover /* ha rviszed az egeret, ilyen tulajdonsgokat vesz fel a link */
{color: #77445b;
cursor: crosshair;
text-decoration: none;
border-bottom: #77445b 2px dashed;
font-family: verdana;
font-size: 7pt;
font-weight: none; }
/* ez lnyegben ugyanaz, mint a fenti linkkd, viszont ez a men modulra hat! */
A.menu:link, A.menu:visited /* link tulajdonsgai */
{color: #77445b;
text-decoration: none;
font-family: verdana;
font-size: 7pt;
font-weight: none; }
A.menu:hover /* ha rviszed az egeret, ilyen tulajdonsgokat vesz fel a link */
{color: #77445b;
cursor: crosshair;
text-decoration: none;
border-bottom: 77445b 2px dashed;
font-family: verdana;
font-size: 7pt;
font-weight: none; } </style>
Dupla vonal alhzs:
<style type="text/css">
/* itt a linkek tulajdonsgait llthatod be; ez a men modulra nincs hatssal, csak a tbbi linkre! */
A:link, A:visited /* link tulajdonsgai */
{color: #77445b;
text-decoration: none;
font-family: verdana;
font-size: 7pt;
font-weight: none; }
A:hover /* ha rviszed az egeret, ilyen tulajdonsgokat vesz fel a link */
{color: #77445b;
cursor: crosshair;
text-decoration: none;
border-bottom: #77445b 1px double;
font-family: verdana;
font-size: 7pt;
font-weight: none; }
/* ez lnyegben ugyanaz, mint a fenti linkkd, viszont ez a men modulra hat! */
A.menu:link, A.menu:visited /* link tulajdonsgai */
{color: #77445b;
text-decoration: none;
font-family: verdana;
font-size: 7pt;
font-weight: none; }
A.menu:hover /* ha rviszed az egeret, ilyen tulajdonsgokat vesz fel a link */
{color: #77445b;
cursor: crosshair;
text-decoration: none;
border-bottom: 77445b 1px double;
font-family: verdana;
font-size: 7pt;
font-weight: none; } </style>
|