Forum dei Forum: Aiuto per Forumattivo
Benvenuti sul forum di supporto di Forumattivo.




Per trarre il massimo vantaggio da tutti i servizi offerti dal nostro forum, effettua il login se sei già un nostro utente oppure registrati per far parte della nostra grande comunità. Il tutto, gratuitamente!

Crea anche tu un forum gratuitamente come questo! Clicca qui

Inserire un avviso nei topic chiusi


Tutorial Inserire un avviso nei topic chiusi

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


Niko
Veterano dello staff


Sesso : Maschile
Età : 20
Messaggi : 7668
Località : Provincia di Varese


Vedere 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

 
Permesso di questo forum:
Non puoi rispondere agli argomenti in questo forum