Distribuiţi
In jos
avatar
Administrator
Mesaje : 890
Varsta : 16
Localizare : Constanța
Data înscrierii : 07/03/2016
Status : Fericit
Vezi profilul utilizatoruluihttps://www.fgdesign.biz

Personalizarea hastag-urilor

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
Asistent
Mesaje : 146
Varsta : 20
Localizare : Bucuresti
Data înscrierii : 11/03/2016
Vezi profilul utilizatorului

Re: Personalizarea hastag-urilor

la data de Sam Apr 22, 2017 11:04 pm
Reputaţie mesaje: 100% (1 voturi)
Bun tutorial
avatar
Administrator
Mesaje : 890
Varsta : 16
Localizare : Constanța
Data înscrierii : 07/03/2016
Status : Fericit
Vezi profilul utilizatoruluihttps://www.fgdesign.biz

Re: Personalizarea hastag-urilor

la data de Sam Apr 22, 2017 11:18 pm
SkyWalkerNO1 a scris:Bun tutorial

Multumesc.
Continut sponsorizat

Re: Personalizarea hastag-urilor

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