Pagina principală → Lecții și sfaturi HTML → Cum se face o referință frumoasă pentru o legătură
Linkul pentru link le ajută pe utilizator să navigheze mai repede pe site și să obțină astfel informații mai rapide. Bara de instrumente standard pare a fi plictisită și trebuie să așteptați aproximativ 3 secunde pentru a apărea. În acest articol voi descrie cum să faceți un indiciu frumos pentru linkurile care apar instantaneu când plasați mouse-ul peste link. Un exemplu de acest sfat este implementat pe acest site.
Merită să spunem că pentru aceasta există multe modalități de implementare, dar aproape toți aceștia își asumă o încărcătură mare datorită unei varietăți de efecte. Metoda mea este simplă prin faptul că practic nu încarcă browserul și nu necesită încărcarea imaginilor. Mergem direct la descriere.
1. Descărcați următoarea arhivă: podskazka.rar.
2. Arhiva va fi singurul dosar podskazka.js:
3. Includeți acest fișier pe site-ul dvs. (îl puteți redenumi). Pentru aceasta, scrieți oriunde pe site:
ajustare
În partea de sus a fișierului podskazka.js sunt următoarele linii:
Parametrul qTipTag specifică ce etichete html va funcționa pe instrument. În qTipX, specificați linia degetului de pe axa X, în qTipY pe axa Y. Puteți modifica acești parametri și le puteți face așa cum doriți. M-am oprit la aceste valori.
4. Acum trebuie să prescrieți stilul pentru sugestia noastră, astfel încât să apară într-un cadru frumos. Pentru a face acest lucru, deschideți fișierul cu stilurile Css (stiluri) și scrieți în final:
Există patru parametri importanți:
- border: 1px solid # 666 - setarea grosimii cadrului și a culorii acestuia
- background: # e6fff5 - setarea fundalului cadrului
- font-size: 14px - dimensiune font
- culoare: # 000 - culoarea fontului
După aceea, pe site-ul tuturor legăturilor în care este înregistrat atributul de titlu, apare un sfat de instrucțiuni cu descrierea pe care o specificați.
Articole similare
Trimiteți-le prietenilor: