Notepad in un Widget


Astuzia Notepad in un Widget

Messaggio Da DarkLeo il Gio 26 Ago 2010 - 16:40

Notepad in un Widget


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.



Codice:
/*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

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


Contenuto


</span><img src="http://illiweb.com/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:



Tutoriale da :
Copyrigth © FOROACTIF.COM


avatar
DarkLeo
Veterano dello staff
Veterano dello staff

Sesso : Maschile
Età : 20
Messaggi : 1784
Località : Italia


Vedi il profilo dell'utente http://aiuto.forumattivo.it/
DarkLeo è 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