Inserire un avviso nei topic chiusi

Tutorial Inserire un avviso nei topic chiusi

Messaggio Da Niko Dom 7 Dic 2014 - 14:05

Inserire un avviso nei topic chiusi

Inserire un avviso nei topic chiusi Censur10

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


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

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.