Forum dei Forum: Aiuto per Forumattivo
Benvenuti sul forum di supporto di Forumattivo.




Per trarre il massimo vantaggio da tutti i servizi offerti dal nostro forum, effettua il login se sei già un nostro utente oppure registrati per far parte della nostra grande comunità. Il tutto, gratuitamente!

Crea anche tu un forum gratuitamente come questo! Clicca qui

(JS) Parole chiave nei titoli dei topic


Tutorial (JS) Parole chiave nei titoli dei topic

Messaggio Da Niko il Gio 08 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


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

PDA Modules HTML & Javascript Gestione del codice Javascript

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

create un nuovo javascript


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 Visualizzazione Immagini e colori Colori Foglio 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


Ricorda :
è 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





Regolamento • FAQ • Tutorial e risorse • Perdita della password • Pannello degli attrezzi

    

Niko
Amminattivo
Amminattivo


Sesso : Maschile
Età : 20
Messaggi : 7360
Località : Provincia di Varese


Vedere il profilo dell'utente https://www.translationscloud.com
Niko è stato ringraziato dall'autore di questo topic.

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

Messaggio Da Niko il Gio 08 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:




Regolamento • FAQ • Tutorial e risorse • Perdita della password • Pannello degli attrezzi

    

Niko
Amminattivo
Amminattivo


Sesso : Maschile
Età : 20
Messaggi : 7360
Località : Provincia di Varese


Vedere il profilo dell'utente https://www.translationscloud.com
Niko è stato ringraziato dall'autore di questo topic.

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

- Argomenti simili

 
Permesso di questo forum:
Non puoi rispondere agli argomenti in questo forum