Tooltip peste ultimele subiecte

Scris de **Mihai** Lun Mai 11, 2020 12:14 am

Tooltip peste ultimele subiecte

Salutari

,

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

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

Cod::  <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />

Apoi il inlocuim cu:

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

Salvam si publicam template-ul.

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.