Personalizarea hastag-urilor

Vezi subiectul anterior Vezi subiectul urmator In jos

Tutorial Personalizarea hastag-urilor

Mesaj Scris de Emanuel la data de Mar 24 Noi - 19:32

Personalizarea hastag-urilor
Salutare  La revedere ,

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

 
1. Javascript

In primul rand, vom adauga un nou cod javascript.
 
Panou de Administrare Module HTML & JAVASCRIPT 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';
        }
        }});



2. CSS

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

 
Panou de Administrare Afisare Imagini si culori Culori 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;
    }

Rezultat:




Tutorial scris de iChees 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.
avatar
Emanuel
Membru onorific
Membru onorific

masculin

Mesaje : 3187
Varsta : -12
Data înscrierii : 06/11/2012
Multumiri : 844
Niciun avertisment

http://www.infinigame.biz/

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum