Inserire un avviso nei topic chiusi

Da **Niko** Dom 7 Dic 2014 - 14:05

Inserire un avviso nei topic chiusi

Inserire un avviso nei topic chiusi

Cari membri di Forumattivo,

in questo tutorial, imparerete come aggiungere un messaggio per i topic che sono stati chiusi Wink

Qui avete una dimostrazione di questo tutorial.

Inserire un avviso nei topic chiusi Demo10

1. Installazione javascript
Per cominciare, andate verso PDA ► Moduli ► Javascript & HTML ► Gestione dei codici javascript ► Nuovo codice

Titolo: a piacere
Dove: negli argomenti
Codice:
Codice:
$(function(){ $('.bodyline #page-body:has(#i_reply[alt*="Argomento chiuso, non puoi modificare i messaggi o rispondere"]), #main-content:has(.i_reply[alt*="Argomento chiuso, non puoi modificare i messaggi o rispondere"])').prepend('<div class="topic-warning-block" align="center">Spiacenti, il topic è stato chiuso da un moderatore.</div>'); });

è possibile modificare Spiacenti, il topic è stato chiuso da un moderatore. con un messaggio a piacere.
Tuttavia, se nel messaggio è presente una o più parole con apostrofi, è necessario anteporre uno slash inverso prima del carattere.

esempio
Codice:
L'argomento è chiuso.

diventerà
Codice:
L\'argomento è chiuso

2. Installazione del CSS (stile)
Non abbiamo ancora finito: andate verso PDA ► Visualizzazione ► Immagini e colori ► Colori ► Foglio di stile (CSS) e aggiungete:

Codice:: .topic-warning-block { border: 1px solid; margin: 10px 0px; padding: 15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; background-image: url(http://1.bp.blogspot.com/_5rlxf3T9Z9U/SsIXuytpYfI/AAAAAAAADcI/I4Tm0W5gDQk/lock_32.png); color: #750000 !important; background-color: #D26067; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align: center; font-weight: bold; font-size: 18px; text-shadow: 1px 1px 1px #AAA; }

adesso avete finito :bene:

Modifiche dello stile
Oltre al messaggio javascript è possibile modificare anche lo stile nell'avviso. Qui vi riportiamo alcuni esempi delle modifiche che si possono effettuare nel codice CSS (Passo 2)

border - 1px: Imposta lo spessore del bordo. Aumenta il numero px per aumentare lo spessore.
border - solid: Imposta il desig del bordo. Scegli tra solid e dashed
Margin - 10px: Imposta lo spazio di margine sopra e sotto. Aumenta il numero px per aumentare lo spazio.
Margin - 0px: Imposta lo spazio di margine a destra e a sinistra. Aumenta il numero px per aumentare lo spazio.
background-image: Mostra un'immagine come sfondo. Cambia l'url all'interno delle parentesi per modificare l'immagine di background.
color: imposta il colore del testo
background-color: Imposta il colore di sfondo per l'avviso.
border-radius: Imposta la rotondità dei bordi. Aumenta il numero px per aumentare la rotondità.
text-align: Imposta l'allineamento del testo (left, center, right)
font-weight: descrizioneimposta il volume del testo in grassetto (bold)
font-sizee: Imposta la dimensione del testo. Aumenta il numero px per aumentare la grandezza.
text-shadow: imposta un'ombra al testo e il suo colore

Se doveste avere bisogno di aiuto nella personalizzazione non esitate a contattarci nella sezione di supporto Problemi con l'aspetto :bene:

Inserire un avviso nei topic chiusi Act_bottom

Se si desidera aprire un topic di supporto potete indicare il seguente titolo:
Inserire un avviso nei topic chiusi

Staff FDF - Forum di supporto per Forumattivo IT
Copyrigth FORUMATTIVO.COM
Il tutorial è stato creato da Cassius Dio del forum di supporto rumeno ed è stato migliorato da Ramdaman e Ange Tuteur