Forum gratuit: forum de suport al utilizatorilor
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

Personalizarea hastag-urilor

Vezi subiectul anterior Vezi subiectul urmator In jos

Tutorial Personalizarea hastag-urilor

Mesaj Scris de Teodor Lun Mai 11, 2020 12:50 pm

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.
 
Personalizarea hastag-urilor PucePanou de Administrare Personalizarea hastag-urilor Arrow10 Module Personalizarea hastag-urilor Arrow10 HTML & JAVASCRIPT Personalizarea hastag-urilor 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.

 
Personalizarea hastag-urilor PucePanou de Administrare Personalizarea hastag-urilor Arrow10 Afisare Personalizarea hastag-urilor Arrow10 Imagini si culori Personalizarea hastag-urilor Arrow10 Culori Personalizarea hastag-urilor 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;
    }

Teodor

Teodor
Membru onorific
Membru onorific

Mesaje : 371
Varsta : 26
Localizare : Italia
Data înscrierii : 28/03/2016
Mulțumiri : 48
Internet Explorer punBB

http://Lestreghebuone.net
Teodor a fost mulțumit de autorul acestui subiect.

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum