Loading:

PHP 7 News & Updates v7.0 - 7.4 - book

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


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



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-17 v.1.5 | design: diviXdesign & rainbowcolors