[Tag] Inserire prefissi nel titolo dei topic


Tutorial [Tag] Inserire prefissi nel titolo dei topic

Messaggio Da Niko il Sab 17 Mag 2014 - 14:46

Bottoni per inserire prefissi nel titolo dei topic


Bottoni per inserire prefissi nel titolo dei topic

Grazie a questa risorsa potrete inserire ulteriori etichette nel campo "modifica del titolo" che con le attuali configurazioni di Forumattivo permette solo di inserire il tag [Risolto]

In questo modo possono essere inseriti i famosi "prefissi"
Esempio:
  • [Risolto] Non si apre il forum
  • [In corso] Richiesta Grafica
  • [Accettato] Suggerimento per questo forum




1. Dimostrazione
Ecco a voi un esempio, giusto per avere un idea





2. Installazione
Semplicemente, andate verso PDA ► Moduli > Html & Javascript ► Gestione del codice Javascript e create un nuovo codice javascript con le seguenti impostazioni

  • Titolo: a vostra scelta ininfluente sull'installazione
  • Dove: Su tutte le pagine
  • Codice:
    Codice:
    jQuery(document).ready(function() {
    jQuery('#modif_topic_title').after('<input type="button" value="ETICHETTA" onclick="set_solved(this.form.elements[\'modif_topic_title\'],\'[CONTENUTO]\')" style="display: inline;" id="button_label">');
    });



3. Modifiche eventuali
ETICHETTA: è il contenuto che volete visualizzare nel bottone, per far capire agli utenti a cosa serve il bottone
Nota: non necessariamente l'etichetta e il contenuto del bottone devono coincidere

[CONTENUTO]: questo è il contenuto che verrà inserito nel titolo

@Niko ha scritto:Nota: nel caso che si volessero utilizzare caratteri con apostrofi (') o virgolette ("), è necessario inserire il seguente carattere (\) prima di questi caratteri.
esempio: "oggi l'aria è fredda"
codice:
Codice:
\"oggi l\'aria è fredda\"


4. Personalizzare lo stile
Andate verso PDA ► Visualizzazione Immagini & Colori ► Colori ► Foglio di stile CSS e inserite questo codice nel foglio:

Codice:
#button_label {
//*Contenuto
}

Vi elenco nuovamente alcuni "//*contenuti" da inserire per personalizzare i bottoni come volete

  • color: #000000;: modifica il colore del testo
  • background-image: url('LINK');: modifica l'immagine di sfondo
  • background-color: #000000;: modifica il colore di sfondo
  • border: 1px solid #000000:: è possibile modificare spessore (1px), tipo di linea (solid continua, dashed a puntini) e il colore (#000000)
  • box-shadow: 1px 1px 1px #000000: permette di aggiungere un'ombra nelle tre dimensioni (1px 1px 1px) e di personalizzare il colore
  • border-radius: 2px;: permette di arrotondare i bordi
  • opacity: 0.7: con un valore compreso tra 0 e 1 si può rendere un po' trasparente l'elemento



  • Come funziona??
    Vi basterà cliccare sul bottone che desiderate e voilà: il contenuto sarà inserito


  • Posso inserire più di un bottone??
    Certamente, non dovrete fare altro che inserire il codice javascript più volte, modificandolo ogni volta


  • Posso inserire più di un contenuto nel titolo??
    Certamente, basta cliccare sui bottoni e verranno aggiunti uno indipendentemente dall'altro


  • Come rimuovere un prefisso nel titolo??
    Non dovrete fare altro che ricliccare sul bottone corrispondente. Se volete rimuovere il prefisso [CSS] cliccate nuovamente sul bottone che avete utilizzato per inserirlo





© Forum dei forum


Se si desidera aprire un topic di supporto potete indicare il seguente titolo:
Bottoni per inserire prefissi nel titolo dei topic

Staff FDF - Forum di supporto per Forumattivo IT
Copyrigth © FORUMATTIVO.COM


avatar
Niko
Veterano dello staff
Veterano dello staff


Sesso : Maschile
Età : 21
Messaggi : 7761
Località : Provincia di Varese


Vedi 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


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