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: Poziom 7 Punktów: 248
Komentarze użytkowników
:: 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 |
Zend Framework 3. Developer's Guide |
IT Books Reviews and Programming: JS, JAVA, PHP, ANDROID, CSS |
Katalog roślin |
Programming articles of: JAVA, PHP, C++, Pyth, JavaScript and so on..