Inserire una scroll-bar e uno sfondo negli interventi

"Come mettere lo sfondo in un intervento"

Ringraziando in anticipo Simone, autore di tutto questo manuale, eccovi spigati i vari tipi di sfondo per inserirli in un intervento.

QUOTE:

Qui troverete due tipi di inserimento di sfondo da utilizzare in base alle vostre esigenze:

"Sfondo in un intervento con l’uso di uno Scrollbar"

1)Per mettere uno sfondo ad un unico intervento insieme ad una scrollbar laterale,basta un semplice codice HTML che riporto ora:

<DIV align=center>
<DIV style="WIDTH: 380px">
<IMG height=450 src="indirizzo internet foto" width=370 align=right>
<DIV style="BORDER:#00000 4px solid; FLOAT: left; WIDTH: 380px; HEIGHT:460px; OVERFLOW:scroll">
<P>Qui ci mettete il vostro testo</P>
</DIV>
</DIV>
</DIV>

Sostituite
"indirizzo internet foto" con l’ indirizzo internet dell’immagine che
volete come sfondo e mettete il testo che avete scritto dove c’è
scritto "Qui mettete il vostro testo".
Per chi di HTML non ne capisse niente,vi spiego le minime cose che ci sono da capire.
WIDTH e HEIGHT indicano rispettivamente la larghezza e l’altezza.
Come
vedete,nel codice ci sono 3 di questi valori,infatti la prima parte si
riferisce alla larghezza principale,la seconda alle dimensioni
delll’immagine scelta come sfondo e la terza parte si riferisce alla
larghezza e altezza della parte interessata dall effetto dello sfondo.
Modificate altezza e larghezza di ogni singolo aspetto a vostro piacimento,oppure lasciatelo così come impostato (default).

OVERFLOW indica il tipo di stesura testo che volete e può essere seguito da tre termini a vostra scelta:
scroll: la parte di intervento interessata dallo sfondo avrà una scrollbar a lato;
none: non ci sarà nessuna scrollbar,ma ci sarà solamente il testo scritto da voi riportato sull’immagine;
auto: l’OVERFLOW si imposterà automaticamente,quindi se il testo sarà più lungo dei valori impostati a WIDTH e HEIGHT farà apparire la scrollbar,in caso contrario farà vedere solo l’immagine scelta come sfondo col vostro testo riportatovi sopra.

N.B.:Ovviamente
se si vuole allungare o allargare lo spazio interessato dall’immagine
di sfondo,andranno modificati a pari valori tutte e tre i valori di WIDTH e HEIGHT, per far si che all’allungamento/allargamento di uno si allunghi/allarghi anche l’altro.

"Sfondo in un intervento"

2)Per
inserire uno sfondo all’intero intervento, includendo eventuali
cornici, testi, scritte personalizzate, ecc. andate in modalità HTML
del vostro intervento e incollate questo codice:

<DIV><TABLE><TBODY><TR><TD
style="BACKGROUND-POSITION: center center; BACKGROUND-REPEAT: repeat"
vAlign=center align=middle background=link
sfondo>testo</TD></TR></TBODY></TABLE></DIV>

I valori variabili sono i seguenti:

BACKGROUND-POSITION

I valori "center center" possono essere sostituiti a vostro piacimento con le parole

Top, Center, Bottom, Right e Left,

le quali indicano la posizione dello sfondo che andrete ad inserire.
Esempio: se volete inserire lo sfondo in alto a destra, scriverete Top right.

BACKGROUND-REPEAT
questa voce indica l’eventuale ripetizione dello sfondo che andrete ad inserire.
Potrete scegliere varie opzioni utilizzando le seguenti parole:
repeat: lo sfondo verrà esteso in tutti i lati (alto,basso,destra,sinistra) del vostro intervento;
repeat-y o repeat-x: lo sfondo verrà esteso esclusivamente in verticale o esclusivamente in orizzontale;
no-repeat: lo sfondo non verrà ripetuto ma verrà inserito solamente una volta nella posizione da voi precedentemente scelta.
vAlign= e Align=
: questi valori indicano la posizione dell’intera struttura del codice,
scegliete a vostro piacimento la disposizione utilizzando una di queste
parole:

top,middle/align,bottom

background= : sostituite la voce "link sfondo" presente nel codice con il link effettivo dello sfondo che volete inserire.
testo: questo si spiega già da sè. Inserite il testo (compreso di tutto -immagini,scritte & co.-) al posto della parola "testo".
Una volta effettutati questi passaggi potrete pubblicare il vostro intervento e vederne l’esito finale.

This entry was posted in Uncategorized. Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s