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;
}
Ten wpis posiada swój wątek na forum
Wszystkie pytania prosimy kierować właśnie tam ponieważ komentarze to miejsce na poprawki do kodu lub alternatywne rozwiązania i pytania nie będą publikowane
http://forum.funkcje.net/forum/viewtopic.php?f=5&t=12747
Dane do logowania na forum są takie same jak na funkcje.net
Wszystkie pytania prosimy kierować właśnie tam ponieważ komentarze to miejsce na poprawki do kodu lub alternatywne rozwiązania i pytania nie będą publikowane
http://forum.funkcje.net/forum/viewtopic.php?f=5&t=12747
Dane do logowania na forum są takie same jak na funkcje.net
Dodano przez: dsds121 Ranga: Poziom 7 Punktów: 248
Komentarze użytkowników
-
-
Treść komentarza
-
:: Losowe artykuły
