Tutorial Universale: Funzionante su tutte le Board.
Con questo Tutorial, potremmo inserire il Notepad che c'è nel PDA, nel Forum.

FASE 1: Incollare il codice CSS

Aggiungere questo codice CSS in:
PDA - Visualizzazione - Colori - Foglio di stile CSS.

Code: ----------Selezionare il contenuto

/*Notepad*/
.notepad {
  margin: 0px auto 15px;
  width: 265px
}
.notepad-content .notepad-box {
  width: 265px;
  position: relative;
  height: 300px
}
.notepad-content #notepad {
  border-right: transparent 1px dotted;
  border-top: transparent 1px dotted;
  background: none transparent scroll repeat 0% 0%;
  left: 25px;
  overflow: auto;
  border-left: transparent 1px dotted;
  width: 211px;
  border-bottom: transparent 1px dotted;
  position: absolute;
  top: 61px;
  height: 218px;
  cursor: default;
}

Fatto ciò, cliccare su Registrare, per salvare le modifiche.

FASE 2: Creare un Widget Personalizzato

PDA - Moduli - Gestione del Portale - Struttura - Creare un modulo personalizzato.



FASE 3: Configurare il Widget creato



Nome del Widget: Inserire il Titolo del Widget
Usando un indice tipo: Attivare quest'opzione se vuoi che il tuo widget sia incluso in una tabella standard. Altrimenti il testo sarà direttamente pubblicato.
Titolo del Widget: Questo titolo apparirà nell'intestazione del widget se hai attivato l'opzione Usare una tabella tipo.
Fonte Widget: Contenuto del Widget

FASE 4: Contenuto del Widget

Code: ----------Selezionare il contenuto

<div class="notepad"><div class="notepad-content"><div class="notepad-box"><span id="notepad">


Contenuto


</span><img src="https://2img.net/i/fa/admin/notepad-blue.png" width="265" height="300"></div></div></div>

Quindi, inserire questo codice, nel contenuto del Widget.

Fatto ciò, salvate il tutto e inserite il Widget nel Forum.

Risultato Finale: