Inserire immagini in un box a scorrimento 

 

 1 / * passate in Modalità HTML,cliccando sull'icona "HTML" del vostro menù di strumenti del blog.  

 
2 / * inserite il seguente codice:  
  

<P><STRONG><FONT color=#cc0066></FONT></STRONG></P>
<P><STRONG></P>
<DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-HIGHLIGHT-COLOR: #0080ff; OVERFLOW: scroll; BORDER-LEFT: black 8px solid; WIDTH: 550px; COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #0080ff; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #0080ff; HEIGHT: 419px; BACKGROUND-COLOR: #000000" align=left>
<P align=left><IMG style="WIDTH: 550px; HEIGHT: 419px" height=419 src=http://sito-scelto/mia foto1.jpg
 width=550 border=0></P>
<P align=left><IMG style="WIDTH: 550px; HEIGHT: 419px" height=419 src=http://sito-scelto/mia foto2.jpg
 width=550 border=0></P>
<P align=left><IMG style="WIDTH: 550px; HEIGHT: 419px" height=419 src=http://sito-scelto/mia foto3.jpg
 width=550 border=0></P></DIV></STRONG>

 

   3 / *  sostituite:

"http://sito-scelto/mia foto1.jpg

"http://sito-scelto/mia foto2.jpg  "  

"http://sito-scelto/mia foto3.jpg "

con i 3 indirizzi http delle immagini da voi scelte!!!!  
  
   
4 / * per trovare l'indirizzo delle suddette immagini, andate sul web, cercate  un'immagine che vi piace, cliccateci sopra  con il destro del mouse e fate "proprietà" vedrete allora l'indirizzo http della stessa, copiare/incollare il  codice nell'area sopra citata(PER DETTAGLI FARE RIFERIMENTO ALLA SEZIONE
TECNICHE PER AGGIUNGERE IMMAGINI AD UN INTERVENTO
  
   
5 / * con i sottostanti codici colori HTML potete cambiare manualmente i colori, a tutti i codici che ho segnato in verde  nel codice principale poco sopra per avere un effetto personalizzato!!!!

 per personalizzare i colori cliccare qui: http://html-color-codes.com/

 6 / *in fine ci sono anche altri due parametri che possono essere personalizzati:

l'altezza (HEIGHT) e la larghezza (WIDTH) del bordo ;

 

Il codice ha 3 immagini, se ne volete inserire più, aggiungete: 
 
<P align=left><IMG style="WIDTH: 550px; HEIGHT: 419px" height=419 src=http://sito-scelto/mia foto1.jpg width=550 border=0></P> 
tutte le volte che volete, ma bisogna bene verificare che il codice finisca per: 
 
</ DIV></STRONG>. 
 
----Le immagini sono deformate spesso in principio, stà a voi adattarle correttamente----

 COME ADATTARLE?

FACILE!ATTRAVERSO LA MODIFICA DEI PARAMETRI : altezza (HEIGHT) e larghezza (WIDTH) DELLA STRINGA APPARTENENTE ALLA FOTO STESSA PER INTENDERCI:

<P align=left><IMG style="WIDTH: 550px; HEIGHT: 419px" height=419 src=http://sito-scelto/mia foto1.jpg width=550 border=0></P