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

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



DarkLeo
Veterano dello staff

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


Vedere 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

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