Inserire un avviso nei topic chiusi


Tutorial Inserire un avviso nei topic chiusi

Messaggio Da Niko il 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.




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

  • 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:





© Forum dei forum


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

avatar
Niko
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

- Argomenti simili

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