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

[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





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

    

Niko
Amminattivo
Amminattivo


Sesso : Maschile
Età : 20
Messaggi : 7351
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