(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

parole - (JS) Parole chiave nei titoli dei topic Sa10

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

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

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

create un nuovo javascriptparole - (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 parole - (JS) Parole chiave nei titoli dei topic Arrow10Visualizzazione parole - (JS) Parole chiave nei titoli dei topic Arrow10Immagini e colori parole - (JS) Parole chiave nei titoli dei topic Arrow10Colori parole - (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


parole - (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à : 28
Messaggi : 9576
Località : Provincia di Varese

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à : 28
Messaggi : 9576
Località : Provincia di Varese

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.