Forum gratuit: forum de suport al utilizatorilor

Forum gratuit: ajutor și asistență pentru utilizatorii Forumgratuit. Creează și administrează un forum performant. Descoperă funcţionalităţile, tutorialele și ponturile de pe Forumul de suport!

Data/ora curentă este: Vin Apr 19, 2024 5:46 pm

1 rezultat gasit pentru hastag

Personalizarea hastag-urilor

Personalizarea hastag-urilor

Salutare  La revedere ,

Cu ajutorul acestui tutorial veti afla cum sa personalizati functia #hastag prin intermediul codurilor CSS.

 

Cod-ul JAVASCRIPT


In primul rand, vom adauga un nou cod javascript.
 
Tag hastag pe Forum gratuit: forum de suport al utilizatorilor PucePanou de Administrare Tag hastag pe Forum gratuit: forum de suport al utilizatorilor Arrow10 Module Tag hastag pe Forum gratuit: forum de suport al utilizatorilor Arrow10 HTML & JAVASCRIPT Tag hastag pe Forum gratuit: forum de suport al utilizatorilor Arrow10 Gestiunea codurilor JavaScript



  • Titlu: La alegere
  • Amplasare: Toate paginile sau doar in topicuri (depinde unde doriti sa modificati aceasta functie)
  • Cod:

    Cod:

        $(function() {
           var a = document.getElementsByTagName('A'), i = 0, j = a.length;

        for (; i<j; i++) {
           if (a[i].title && /\/tags\//.test(a[i].href) && /^#/.test(a[i].innerHTML)) {
        a[i].className += ' fa-hashtag';
        }
        }});




CSS


Acum adaugam un cod css in foaia de stil a forumului. Acesta va permite sa modificati dupa bunul plac aspect-ul hastag-ului.

 
Tag hastag pe Forum gratuit: forum de suport al utilizatorilor PucePanou de Administrare Tag hastag pe Forum gratuit: forum de suport al utilizatorilor Arrow10 Afisare Tag hastag pe Forum gratuit: forum de suport al utilizatorilor Arrow10 Imagini si culori Tag hastag pe Forum gratuit: forum de suport al utilizatorilor Arrow10 Culori Tag hastag pe Forum gratuit: forum de suport al utilizatorilor Arrow10 Foaie de stil css


Cod:
    a.fa-hashtag {
      color: #1C9AB8 !important;
      text-decoration: none;
      background-color: #ECF6FA;
      border: 1px solid #97C6D7;
      border-radius: 3px;
      display: inline-block;
      padding: 3px;
    }



Tutorial tradus de catre Emanuel si actualizat de catre TEODOR
Echipa Forumgratuit
Scris de Teodor
la data de Lun Mai 11, 2020 12:50 pm
 
Cauta in: Tutoriale
Subiect: Personalizarea hastag-urilor
Raspunsuri: 0
Vizualizari: 955

Sus

Mergi direct la: