Personalizarea hastag-urilor

In jos

Personalizarea hastag-urilor

Mesaj Scris de Lucifer la data de Vin Apr 21, 2017 3:36 pm

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 ..
avatar
Lucifer
Administrator
Administrator

Mesaje : 870
Varsta : 16
Localizare : Constanța
Data înscrierii : 07/03/2016
Status : Fericit

Vezi profilul utilizatorului https://www.fgdesign.biz

Sus In jos

Re: Personalizarea hastag-urilor

Mesaj Scris de Claudiu la data de Sam Apr 22, 2017 11:04 pm

Bun tutorial

Claudiu
Asistent
Asistent

Mesaje : 138
Varsta : 20
Localizare : Bucuresti
Data înscrierii : 11/03/2016

Vezi profilul utilizatorului

Sus In jos

Re: Personalizarea hastag-urilor

Mesaj Scris de Lucifer la data de Sam Apr 22, 2017 11:18 pm

SkyWalkerNO1 a scris:Bun tutorial

Multumesc.
avatar
Lucifer
Administrator
Administrator

Mesaje : 870
Varsta : 16
Localizare : Constanța
Data înscrierii : 07/03/2016
Status : Fericit

Vezi profilul utilizatorului https://www.fgdesign.biz

Sus In jos

Re: Personalizarea hastag-urilor

Mesaj Scris de Continut sponsorizat


Continut sponsorizat


Sus In jos

Sus


 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum