1.0Stílusosanhttps://stilus.cafeblog.huHollihttps://stilus.cafeblog.hu/author/Holli/<P>Egy linkről akkor ordít a linkség, ha kék színű, és alá van húzva. Csak ilyenkor nem elég szép, az a baj.</P> <P>Lehet a linkekkel sok mindent csinálni, eltüntetni az aláhúzást, kiszínezni, képekkel helyettesíteni, villogtatni, mittudomén. Azért arra jó vigyázni, hogy az arra járók sejtsék, hogy amit látnak, az nem sima szöveg, hanem egy link.</P> <P>Az enyém egy aranyos kis honlapocska, különben is oda van írva, hogy "Linkek", úgyhogy nem gond, ha ezeket is pirosra színezem, megvastagítom, és eltüntetem az aláhúzást:</P> <BLOCKQUOTE dir=ltr style="MARGIN-RIGHT: 0px"> <P>a { <BR> text-decoration:   none;<BR> font-weight:     bold;<BR> color:   #CC0033;<BR> }</P></BLOCKQUOTE> <P>Másmilyen kinézetet szeretnék azoknak a linkeknek, amire mostanában rákattintott a látogató, ezért a látogatott linkek szürkék lesznek:</P> <BLOCKQUOTE dir=ltr style="MARGIN-RIGHT: 0px"> <P>a:visited {<BR> text-decoration:   none;<BR> color:   #888888;<BR> }</P></BLOCKQUOTE> <P>Amelyik link felett éppen ott áll az egér, az legyen aláhúzva:</P> <BLOCKQUOTE dir=ltr style="MARGIN-RIGHT: 0px"> <P>a:hover {<BR> text-decoration:   underline;<BR> color:   #CC0033;<BR> weight:     bold;<BR>}</P></BLOCKQUOTE> <P dir=ltr>Most még magát a link-blokkot kell megformáznom. Nem szeretném az elejükre a mostani kis pöttyöket, és a cím alá akarom őket igazítani, mert most jobbra be van húzva az összes linkem. Nullára állítom a margót:</P> <BLOCKQUOTE dir=ltr style="MARGIN-RIGHT: 0px"> <P>ul {<BR> margin:   0; <BR> list-style-type: none;<BR> }</P></BLOCKQUOTE> <P>Így most akkor minden oké, a pöttyök eltűntek, a piros, félkövér betűs linkek balra igazodnak, egérrel föléjük állva aláhúzódnak, látogatva beszürkülnek. Explorerrel. <BR>Az Opera és a Firefox behúzva hagyta a listát. Egy érdekes trükk jön, amire magamtól soha az életben rá nem jöttem volna, viszont már találkoztam vele: nem ugyanazt az utasítást kapja az Explorer, mint a többi böngésző. Két margós sorom lesz:</P> <BLOCKQUOTE dir=ltr style="MARGIN-RIGHT: 0px"> <P>ul {<BR> margin: 0 0 0 -35px !important; <BR> margin:   0; /*IE*/<BR> list-style-type: none;<BR> }</P></BLOCKQUOTE> <P>Az "!important" jelzés semmit nem mond az IE6-nak, ezért tovább ugrik a következő sorra. A többi böngésző is tovább ugrana, és az utolsó variációt fogadná el, csakhogy nekik szóltam, hogy az újabb utasítással ne foglalkozzanak, mert az első a fontos. Így most nálam mindhárom böngészővel egyforma a kinézet, <A href="https://stilus.cafeblog.hu/files/felforma5.htm"><STRONG>itt</STRONG> </A>lehet megnézni.</P> <P>A <A href="http://www.tutorial.hu/node/538"><STRONG>tutorial</STRONG></A>-on találtam egy jó kis példát, ki lehet próbálni, itt a háttér színe változik meg, ha egérrel rámegyünk a linkre. (Picike megnyugvás nekem, hogy ez se mutat szépen Firefoxszal és Operával...)</P>rich