Dymek z podpowiedzią przy linkach
Czy nie chciałbyś na swojej stronie udostępnić dla użytkowników małą podpowiedź przy ważnych linkach? Teraz to już możliwe. Wystarczy, że przypiszesz linkowi klasę "BoxHelp" i umieścisz treść w znaczniku span.
Przykład:
<a href="#" class="BoxHelp"><span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sodales risus sit amet nisi accumsan ornare. Integer vehicula eros sed orci fringilla adipiscing.</span>funkcje.net</a>
Jak to wygląda?
Listing
.BoxHelp {
color: #000;
text-decoration: none;
font: 13px Verdana, sans-serif;
}
.BoxHelp span {
display: none;
}
.BoxHelp:hover span {
margin: 25px 25px;
padding: 5px;
display: block;
width: 250px;
position: absolute;
font-size: 11px;
border: 1px solid #777;
background-color: #fdfdfd;
color: #333;
border-radius: 3px;
box-shadow: 3px 3px 3px #aaa;
}
color: #000;
text-decoration: none;
font: 13px Verdana, sans-serif;
}
.BoxHelp span {
display: none;
}
.BoxHelp:hover span {
margin: 25px 25px;
padding: 5px;
display: block;
width: 250px;
position: absolute;
font-size: 11px;
border: 1px solid #777;
background-color: #fdfdfd;
color: #333;
border-radius: 3px;
box-shadow: 3px 3px 3px #aaa;
}
Dodano przez: dsds121 Ranga: 0 Punktów: 0
Komentarze użytkowników
-
-
Tre¶æ komentarza
-
:: Losowe artykuły
:: Wymiana linków
Modowe inspiracje |
Android Gry i Aplikacje |
ZaplanujTransport.pl: Przeprowadzki, transport, aukcje |
Logo dla firmy |
Change Tires - Car Weather Forecast Reminder |
Laminas: MVC Framework for PHP |
IT Books Reviews and Programming: JS, JAVA, PHP, ANDROID, CSS |
Katalog roślin |
Programming articles: JAVA, PHP, C++, Python, JavaScript |
Kancelaria Adwokacka Łukasz Huszno
