Prima di tutto vi rimando a dare un occhiata alla
Guida alla tagboard per quanto riguarda i BBcode, cioè tutte le funzioni affiancate qua sopra, che sarebbero da usare allo stesso modo della tagboard.
Ora vi elencherò una serie di codici che potrete sempre utilizzare nei vostri post:
Caricare Le ImmaginiPer caricare le immagini nel forum, basterà andare in un qualunque sito di hosting, per esempio
www.tinypic.com . Una volta entrati su
www.tinypic.com cliccare su
Sfoglia e caricare quindi la propria immagine presente nel pc. Chiaramente deve essere presente sul vostro hard disk, quindi precedentemente salvata o copiata dal web.
Una volta selezionata l'immagine cliccare su
Carica Ora per caricare l'immagine, quindi "innalzarla" al web

Una volta che il sito di hosting avrà concluso il caricamento dell'immagine, vi apparirà una nuova pagina con diversi link.
I più importanti sono due, pur essendo sempre lo stesso link ma uno con una funzione e l'altro senza.
Nello spazio
Codice IMG per Forum & Message board ci sarà il link tra i tag
[IMG] [/IMG], per esempio
CODICE
[IMG]http://i41.tinypic.com/jv5y0z.png[/IMG]
. Quindi prelevando questo codice e copiandolo nel forum, per esempio in un normale post o messaggio, avremo l'immagine subito visibile, appunto perchè racchiusa tra [IMG] e [/IMG] quindi impostata come immagine da visualizzare in primo piano, e non come link da cliccare per poter visualizzare l'immagine.
Come ultimo spazio possiamo vedere
Collegamento diretto per Layout. Appunto come detto in precedenza, e come possiamo ben vedere, questo sarà un puro link senza aggiunte, ad esempio
CODICE
http://i48.tinypic.com/jw098z.png
. Questo sarà il caso del link che essendo copiato nei nostri post, dovrà essere cliccato per visualizzare l'immagine che contiene, perchè appunto non immesso tra i tag
IMG, quindi un normale link ipertestuale in cui entrare per visualizzare il contenuto.
Allegare File Da Fare ScaricareStesso procedimento di prima. Tramite il sito
www.rapidshare.com cliccare su
Sfoglia e caricare il proprio file, e una volta terminato l'upload, copiare il relativo
link diretto nel vostro post. Cosi' sarà possibile da parte degli utenti scaricare il vostro file che avete messo liberamente a disposizione per il download.
Inserire ImmagineCODICE
<img src="http://indirizzo_immagine">
Inserire Immagine Con CollegamentoCODICE
<a href="http://indirizzo_sito"><img src="http://indirizzo_immagine"></a>
Testo Con CollegamentoCODICE
<a href="http://indirizzo_sito">testo</a>
Centrare Un Immagine o Un TestoCODICE
<div align="center">immagine/testo</div>
Immagine o Testo Che Si Ferma Al Passaggio Del MouseCODICE
<marquee onmouseover="this.stop()" onmouseout="this.start()">immagine/testo</marquee>
Immagine o Testo Che Rallenta Al Passaggio Del MouseCODICE
<marquee scrollamount='5' onMouseover='this.scrollAmount=1' onMouseout='this.scrollAmount=5'>immagine/testo</marquee>
Lista NumerataCODICE
<ol>
<li>voce</li>
<li>voce</li>
<li>voce</li>
</ol>
Lista A PuntiniCODICE
<ul type="disc">
<li>voce</li>
<li>voce</li>
<li>voce</li>
</ul>
Lista A TondiniCODICE
<ul type="circle">
<li>voce</li>
<li>voce</li>
<li>voce</li>
</ul>
Lista A QuadratiniCODICE
<ul type="square">
<li>voce</li>
<li>voce</li>
<li>voce</li>
</ul>
Inserire Video Di YoutubePer inserire video provenienti da
YouTube basterà prelevare il codice
embed del video, fornito sulla destra nella stessa pagina del video in questione.
Aumentare e Diminuire Le Dimensioni ProporzionalmentePossiamo racchiudere il nostro testo/immagine per aumentare o diminuire in modo proporzionale per le volte che si darà l'input.
AumentareCODICE
<big>TESTO</big> oppure <big><big>TESTO</big></big> etc etc
DiminuireCODICE
<small>TESTO</small> oppure <small><small>TESTO</small></small> etc etc
Inserire Video e MusicaCODICE
<embed src="http://indirizzo_file" autostart="True" controls="True" loop="True">
Inserire File FlashCODICE
[FLASH=600,400]http://indirizzo_file_flash[/FLASH]
personalizzando le dimensioni 600,400
Affiancare Immagine Al Testoimmagine a sinistra e testo a destra:
CODICE
<div style="float: left; margin-right: 4px">Link_Immagine</div> Testo
immagine a destra e testo a sinistra:
CODICE
<div style="float: right; margin-left: 4px">Link_Immagine</div> Testo
Edited by AleRun180 - 22/5/2009, 21:05