Lucifer OnlineOffline
Tutorial
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 ..
Sus In josVezi profilul utilizatoruluihttps://www.fgdesign.biz
SkyWalkerNO1 OnlineOffline
Tutorial
Re: Personalizarea hastag-urilor
la data de Sam Apr 22, 2017 11:04 pm
Reputaţie mesaje: 100% (1 voturi)
Bun tutorial
Sus In josVezi profilul utilizatorului
Lucifer OnlineOffline
Tutorial
Re: Personalizarea hastag-urilor
la data de Sam Apr 22, 2017 11:18 pm
[Trebuie sa fiti inscris si conectat pentru a vedea acest link] a scris:
Bun tutorial

Multumesc.
Sus In josVezi profilul utilizatoruluihttps://www.fgdesign.biz
Continut sponsorizat OnlineOffline
Sus In jos
 
Personalizarea hastag-urilor
Vezi subiectul anterior Vezi subiectul urmator Sus 
Pagina 1 din 1