{"version":"1.0","provider_name":"St\u00edlusosan","provider_url":"https:\/\/stilus.cafeblog.hu","author_name":"Holli","author_url":"https:\/\/stilus.cafeblog.hu\/author\/Holli\/","title":"!fontos; linkek","html":"

Egy linkr\u0151l akkor ord\u00edt a links\u00e9g, ha k\u00e9k sz\u00edn\u0171, \u00e9s al\u00e1 van h\u00fazva. Csak ilyenkor nem el\u00e9g sz\u00e9p, az a baj.<\/P>\r\n

Lehet a linkekkel sok mindent csin\u00e1lni, elt\u00fcntetni az al\u00e1h\u00faz\u00e1st, kisz\u00ednezni, k\u00e9pekkel helyettes\u00edteni, villogtatni, mittudom\u00e9n. Az\u00e9rt arra j\u00f3 vigy\u00e1zni, hogy az arra j\u00e1r\u00f3k sejts\u00e9k, hogy amit l\u00e1tnak, az nem sima sz\u00f6veg, hanem egy link.<\/P>\r\n

Az eny\u00e9m egy aranyos kis honlapocska, k\u00fcl\u00f6nben is oda van \u00edrva, hogy \"Linkek\", \u00fagyhogy nem gond, ha ezeket is pirosra sz\u00ednezem, megvastag\u00edtom, \u00e9s elt\u00fcntetem az al\u00e1h\u00faz\u00e1st:<\/P>\r\n

\r\n

a {
 text-decoration:   none;
 font-weight:     bold;
 color:   #CC0033;
 }<\/P><\/BLOCKQUOTE>\r\n

M\u00e1smilyen kin\u00e9zetet szeretn\u00e9k azoknak a linkeknek, amire mostan\u00e1ban r\u00e1kattintott a l\u00e1togat\u00f3, ez\u00e9rt a l\u00e1togatott linkek sz\u00fcrk\u00e9k lesznek:<\/P>\r\n

\r\n

a:visited {
 text-decoration:   none;
 color:   #888888;
 }<\/P><\/BLOCKQUOTE>\r\n

Amelyik link felett \u00e9ppen ott \u00e1ll az eg\u00e9r, az legyen al\u00e1h\u00fazva:<\/P>\r\n

\r\n

a:hover {
 text-decoration:   underline;
 color:   #CC0033;
 weight:     bold;
}<\/P><\/BLOCKQUOTE>\r\n

Most m\u00e9g mag\u00e1t a link-blokkot kell megform\u00e1znom. Nem szeretn\u00e9m az elej\u00fckre a mostani kis p\u00f6tty\u00f6ket, \u00e9s a c\u00edm al\u00e1 akarom \u0151ket igaz\u00edtani, mert most jobbra be van h\u00fazva az \u00f6sszes linkem. Null\u00e1ra \u00e1ll\u00edtom a marg\u00f3t:<\/P>\r\n

\r\n

ul {
 margin:   0; 
 list-style-type: none;
 }<\/P><\/BLOCKQUOTE>\r\n

\u00cdgy most akkor minden ok\u00e9, a p\u00f6tty\u00f6k elt\u0171ntek, a piros, f\u00e9lk\u00f6v\u00e9r bet\u0171s linkek balra igazodnak, eg\u00e9rrel f\u00f6l\u00e9j\u00fck \u00e1llva al\u00e1h\u00faz\u00f3dnak, l\u00e1togatva besz\u00fcrk\u00fclnek. Explorerrel.
Az Opera \u00e9s a Firefox beh\u00fazva hagyta a list\u00e1t. Egy \u00e9rdekes tr\u00fckk j\u00f6n, amire magamt\u00f3l soha az \u00e9letben r\u00e1 nem j\u00f6ttem volna, viszont m\u00e1r tal\u00e1lkoztam vele: nem ugyanazt az utas\u00edt\u00e1st kapja az Explorer, mint a t\u00f6bbi b\u00f6ng\u00e9sz\u0151. K\u00e9t marg\u00f3s sorom lesz:<\/P>\r\n

\r\n

ul {
 margin: 0 0 0 -35px !important; 
 margin:   0; \/*IE*\/
 list-style-type: none;
 }<\/P><\/BLOCKQUOTE>\r\n

Az \"!important\" jelz\u00e9s semmit nem mond az IE6-nak, ez\u00e9rt tov\u00e1bb ugrik a k\u00f6vetkez\u0151 sorra. A t\u00f6bbi b\u00f6ng\u00e9sz\u0151 is tov\u00e1bb ugrana, \u00e9s az utols\u00f3 vari\u00e1ci\u00f3t fogadn\u00e1 el, csakhogy nekik sz\u00f3ltam, hogy az \u00fajabb utas\u00edt\u00e1ssal ne foglalkozzanak, mert az els\u0151 a fontos. \u00cdgy most n\u00e1lam mindh\u00e1rom b\u00f6ng\u00e9sz\u0151vel egyforma a kin\u00e9zet, itt<\/STRONG> <\/A>lehet megn\u00e9zni.<\/P>\r\n

A tutorial<\/STRONG><\/A>-on tal\u00e1ltam egy j\u00f3 kis p\u00e9ld\u00e1t, ki lehet pr\u00f3b\u00e1lni, itt a h\u00e1tt\u00e9r sz\u00edne v\u00e1ltozik meg, ha eg\u00e9rrel r\u00e1megy\u00fcnk a linkre. (Picike megnyugv\u00e1s nekem, hogy ez se mutat sz\u00e9pen Firefoxszal \u00e9s Oper\u00e1val...)<\/P>","type":"rich"}