Personalizzare la funzione degli hashtag


Astuzia Personalizzare la funzione degli hashtag

Messaggio Da MattiaDes il Mar 30 Giu 2015 - 8:37

Personalizzare la funzione degli hashtag

Con questo tutorial, scoprirai come poter personalizzare graficamente, tramite CSS, gli hashtag sul tuo forum!

Codice JavaScript

Come prima cosa, dovrai aggiungere un nuovo codice JavaScript, recati quindi nella seguente pagina:

Pannello di amministrazione Moduli Gestione del codice javascript


Titolo: Quello che si vuole

Posizione: Tutte le pagine o Gli argomenti (Dipende dove si vuole installare questa funzione)

Codice:

Codice:
    $(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';
    }
    }});

Codice CSS

Ottimo! Ora dovrai aggiungere un codice CSS nel foglio di stile del tuo forum. Esso ti permetterà di personalizzare a tuo piacimento gli hastag. Segui il percorso:

Pannello di amministrazione Visualizzazione Colori "Foglio di stile CSS"


Codice:

Codice:
    a.fa-hashtag {
      color: #1C9AB8 !important;
      text-decoration: none;
      background-color: #ECF6FA;
      border: 1px solid #97C6D7;
      border-radius: 3px;
      display: inline-block;
      padding: 3px;
    }

Questo è unicamente un codice di base: Volendo, se si conosce il CSS, puoi modificarlo a tuo piacimento.

Risultato

Se sei curioso del risultato, ecco una piccola anteprima:


Buona giornata!  :zen:

Tutorial creato da: iChees (Forum di supporto portoghese)
Copyrigth © FORUMATTIVO.COM




avatar
MattiaDes
Amminattivo
Amminattivo

Sesso : Maschile
Età : 21
Messaggi : 2926
Località : Modena, Italy


Vedi il profilo dell'utente http://www.habbolifeforum.com
MattiaDes è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permessi di questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum