Conectare

Distribuiţi

descriptionPersonalizarea hastag-urilor

more_horiz
Personalizarea hastag-urilor
Salutare  [Trebuie sa fiti înscris şi conectat pentru a vedea această imagine] ,

Cu ajutorul acestui tutorial veti afla cum sa personalizati functia [Trebuie sa fiti inscris si conectat pentru a vedea acest link]  prin intermediul codurilor CSS.

  
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]1. Javascript

In primul rand, vom adauga un nou cod javascript.
  
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]Panou de Administrare [Trebuie sa fiti înscris şi conectat pentru a vedea această imagine] Module [Trebuie sa fiti înscris şi conectat pentru a vedea această imagine] HTML & JAVASCRIPT [Trebuie sa fiti înscris şi conectat pentru a vedea această imagine] 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';    }    }});




[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]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.

  
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]Panou de Administrare [Trebuie sa fiti înscris şi conectat pentru a vedea această imagine] Afisare [Trebuie sa fiti înscris şi conectat pentru a vedea această imagine] Imagini si culori [Trebuie sa fiti înscris şi conectat pentru a vedea această imagine] Culori [Trebuie sa fiti înscris şi conectat pentru a vedea această imagine] 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;    }




Numai bine,
Echipa FgDesign
Ultima actualizare la de catre ... la data de ..

descriptionRe: Personalizarea hastag-urilor

more_horiz
Bun tutorial

descriptionRe: Personalizarea hastag-urilor

more_horiz
SkyWalkerNO1 a scris:
Bun tutorial


Multumesc.

descriptionRe: Personalizarea hastag-urilor

more_horiz
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum