Avtor: -primož-
11.09.09
| Povezava z obrobo |
| CSS vodiči |
 Mala podrobnost pri oblikovanju povezavDa bi naredili spletno stran bolj nevsakdanja lahko uporabite sledeči efekt na povezavah. Povezava je podčrtana, ne s text-decoration, temveč s spodnjo obrobo. Tako lahko besedilo in obrobo posebej oblikujemo in je vse odvisno od naše kreativnosti. Jaz največ uporabljam način, kjer sta povezava in obroba iste barve, ko pa greste z miško čez povezavo pa povezava spremeni barvo, obroba pa ostane iste barve. HTML in CSS koda: <html>
<head> <style type="text/css"> a.povezava { color: #FF0000; border-bottom: 1px solid #FF0000; text-decoration: none; } a.povezava:hover { color: #3399ff; } </style> </head> <body> <a href="#" class="povezava">povezava z obrobo</a> </body> </html> Prikaz povezave s spodnjo obrobo Lahko uporabite tudi različne stile spodnjih obrob. (vodič: obrobe) *Preizkušeno: Temno ozadje; bele, velike tiskane črke za naslov, podčrtane z belo obrobo. Ko greste z miško čez se črke obarvajo z rdečo (#FF0000). |
| Sorodni vodiči | |
Moje-Mesto.com
Slovenska spletna stran s HTML, CSS, Windows in Photoshop vodiči.
