(JS) Parole chiave nei titoli dei topic


Tutorial (JS) Parole chiave nei titoli dei topic

Messaggio Da Niko Gio 8 Mag 2014 - 17:41

Parole chiave nei titoli dei topic


Ciao membri di Forumattivo

ecco un'altra risorsa tutta per voi :good:

1. Definizione
Grazie a questa risorsa potrete personalizzare alcune parole all'interno dei titoli dei post cosi da evidenziarle, cosi come per esempio in questo screenshot Wink

(JS) Parole chiave nei titoli dei topic Sa10

2. Il codice Javascript
Tutto quello che dovete fare è andare a questa pagina

PDA (JS) Parole chiave nei titoli dei topic Arrow10Modules (JS) Parole chiave nei titoli dei topic Arrow10HTML & Javascript (JS) Parole chiave nei titoli dei topic Arrow10Gestione del codice Javascript

Accertatevi che Gestione del codice javascript sia impostato su 'si'

create un nuovo javascript(JS) Parole chiave nei titoli dei topic 29877


Nota bene: Dovete scegliere il codice in relazione alla versione del tuo forum

  1. PhpBB3
    • Titolo: quello che preferite, è inifluente sull'installazione
    • Dove: Su tutte le pagine
    • Codice:
      Codice:
      $(function() {
          var c = document.querySelectorAll('h2.topic-title')
          for (i=0; i<c.length; i++) {   
            c[i].innerHTML = c[i].innerHTML.replace(/#TEXT/g,'<span id="TEXT">TEXT</span>');

          }
      });


  1. Invision
    • Titolo: quello che preferite, è inifluente sull'installazione
    • Dove: Su tutte le pagine
    • Codice:
      Codice:
      $(function() {
          var c = document.querySelectorAll('.postdetails h3')
          for (i=0; i<c.length; i++) {   
            c[i].innerHTML = c[i].innerHTML.replace(/#TEXT/g,'<span id="TEXT">TEXT</span>');

          }
      });


  1. PunBB
    • Titolo: quello che preferite, è inifluente sull'installazione
    • Dove: Su tutte le pagine
    • Codice:
      Codice:
      $(function() {
          var c = document.querySelectorAll('.posthead')
          for (i=0; i<c.length; i++) {   
            c[i].innerHTML = c[i].innerHTML.replace(/#TEXT/g,'<span id="TEXT">TEXT</span>');

          }
      });



3. La modifica dello stile
Andate verso questa schermata:

PDA (JS) Parole chiave nei titoli dei topic Arrow10Visualizzazione (JS) Parole chiave nei titoli dei topic Arrow10Immagini e colori (JS) Parole chiave nei titoli dei topic Arrow10Colori (JS) Parole chiave nei titoli dei topic Arrow10Foglio di stile CSS

e aggiungete al vostro Foglio di stile CSS questo codice:
Codice:
span#TEXT {
background: white;
padding: 0px 5px 1px 4px;
border-radius: 6px!important;
font-size: 11px;
float: left;
margin-right: 4px;
border: 1px solid #ccc;
box-shadow: 0px 1px 1px #fafafa;
}

#TEXT: Rimpiazza questo TEXT con la parola che vuoi trasformare (ma non rimuovere l'hashtag # prima altrimenti il codice CSS non funzionerà

4. Le modifiche al codice
Nel codice javascript è presente questa linea di codice
.innerHTML.replace(/#TEXT/g,'TEXT');

  • #TEXT: questo è il primo TEXT che trovi. Devi rimpiazzarlo con la parola che desideri cambiare, ma non rimuovere l'hashtag # precedente.
     Exclamation  Nota bene: è importante che tu modifichi questo TEXT con la parola esatta e IDENTICA che utilizzi nel titolo e che vuoi trasformare
    questa parte è sensibile alle maiuscole, spazi, ecc. quindi se nel titolo hai Ciao e qui scrivi ciao il codice non funzionerà
  • TEXT: il secondo TEXT che trovi. Modificalo con la parola che desideri trasformare (# non è presente qui, quindi non preoccupartene)
  • TEXT: il terzo TEXT che trovi. Modificalo con la parola che desideri trasformare (# non è presente qui, quindi non preoccupartene


(JS) Parole chiave nei titoli dei topic Rang10Ricorda :
è sempre aperto e disponibile un servizio di supporto

Nel caso tu avessi problemi, modifiche o suggerimenti con questa risorsa non esitare a contattarci nella sezione Problemi con lo script Wink


Tutorial creato da: Niko ©️ Fmcodes.com
Copyrigth ©️ FORUMATTIVO.COM


Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 26
Messaggi : 9007
Località : Provincia di Varese

Visualizza il profilo https://www.fmcodes.net/
Niko è stato ringraziato dall'autore di questo topic.

Tutorial Re: (JS) Parole chiave nei titoli dei topic

Messaggio Da Niko Gio 8 Mag 2014 - 17:47

Aggiornamento

non tutte le parole verranno trasformate Wink
per esempio se avete modificato i TEXT con la parola Forumattivo e il vostro testo è il seguente:

Ciao #Forumattivo da Forumattivo

Solo le parole con l'hashtag davanti verranno trasformate.
E' quindi necessario anteporre # alle parole che vogliamo trasformare :bene:

Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 26
Messaggi : 9007
Località : Provincia di Varese

Visualizza il profilo https://www.fmcodes.net/
Niko è stato ringraziato dall'autore di questo topic.

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto

- Argomenti simili

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