Loading:


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?


BoxHelp



Napisz Artyku³

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;
}




Dodano przez: dsds121 Ranga: Poziom 7 Punktów: 248
Komentarze użytkowników
    • Tre¶æ komentarza
      Kod do komentarza (opcjonalnie)
      PHP JavaScript MySQL Smarty SQL HTML CSS ActionScript
      Autor
      Token
      token

       

       








funkcje.net
Wszelkie prawa zastrzeżone©. | Funkcje.net 2008-2024 v.1.5 | design: diviXdesign & rainbowcolors