[Tag] Inserire prefissi nel titolo dei topic

Tutorial [Tag] Inserire prefissi nel titolo dei topic

Messaggio Da Niko Sab 17 Mag 2014 - 14:46

[Tag] 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


Dimostrazione

Ecco a voi un esempio, giusto per avere un idea

000000 - [Tag] Inserire prefissi nel titolo dei topic Screen17

000000 - [Tag] Inserire prefissi nel titolo dei topic S210

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">');
    });


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\"

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


Documentazione

  • 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



Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 27
Messaggi : 9425
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.