[Tag] Inserire prefissi nel titolo dei topic

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

prefissi,vorrei - [Tag] Inserire prefissi nel titolo dei topic Screen17

prefissi,vorrei - [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