Tooltip peste ultimele subiecte

Vezi subiectul anterior Vezi subiectul urmator In jos

Tutorial Tooltip peste ultimele subiecte

Mesaj Scris de Emanuel la data de Joi 21 Apr - 0:04

Tooltip peste ultimele subiecte
Salutari  La revedere ,

Cu ajutorul acestui tutorial invatam cum sa aplicam un efect de tooltip pe titlurile ultimelor subiecte.

1. Javascript







Panou > Module > HTML & JAVASCRIPT > Gestiunea codurilor javascript > Creati un nou cod JavaScript

  • Titlu: Tooltip
  • Amplasare: Toate paginile
  • Cod:

    Cod:

    $(document).ready(function(){
        $('.my-tooltip').tooltipster();
    });



2. Template-uri de modificat







Intrati in : Panou de administrare > Afisare > Template-uri > General > index_box > si cautam urmatorul cod:

Cod:
<!-- BEGIN switch_topic_title -->
 <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
 <!-- END switch_topic_title -->

Apoi il inlocuim cu:

Cod:
<!-- BEGIN switch_topic_title -->
 <a href="{catrow.forumrow.U_LATEST_TOPIC}" class="my-tooltip" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
 <!-- END switch_topic_title -->

Salvam si publicam template-ul.

3. Documentatie







Pentru a adauga tooltip si in alte locuri, folositi urmatoarele atribuite pentru a activa functia tooltip.

  • class="my-tooltip"
    Adauga acest atribut la un fragment html (de exemplu, link-uri) pentru a activa tooltip-ul.
  • title="continutul tooltip-ului"
    Adauga acest atribut atunci cand doresti sa adaugi un tooltip.




Tutorial scris de Niko, tradus de Emanuel
Copyright ˆForumgratuit.ro Nici o parte a acestui tutorial nu poate fi reprodusa, transmisa sau stocata in orice forma fara acordul scris al detinatorului dreptului de autor, in conformitate cu articolul L122-1 apartinand ICC.

Emanuel
Administrator
Administrator

masculin

Mesaje : 2992
Varsta : -12
Data de inscriere : 06/11/2012
Multumiri : 822
Niciun avertisment

http://www.infinigame.org/

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum