INSERIRE UNO SFONDO PER OGNI INTERVENTO

 

23 novembre

Sfondo per un intervento

 

E su grande richiesta di molti di voi eccomi qui a spiegare come sia possibile mettere uno sfondo su un solo intervento… Eh sì perchè come mettere uno sfondo a tutti gli interventi del blog già l’avevo spiegato qui:

Ora il fatto è assai diverso…ma non complicato…

 

Innanzitutto vi dico che ci sono più modalità di sfondi possibili…e ora passo ad illustrarveli uno ad uno

 


 

1) Sfondo + Cornice

 

Ecco qui la prima tipologia di sfondo…

Carina no??

Bene…

Il codice per averla è questo qui sotto…

Più relative istruzioni per modificarlo a piacere…

 

<BLOCKQUOTE>

<DIV>

<TABLE style="WIDTH: 329px; HEIGHT: 36.6%" cellSpacing=5 borderColorDark=#3399ff cellPadding=0 width=329 align=center bgColor=#3399ff borderColorLight=#3399ff border=3>

<TBODY>

<TR align=top>

<TD vAlign=baseline width="100%" background=Inserisci qui l’indirizzo dell’immagine che vuoi usare come sfondo height=100>

<P align=center><B><FONT face="Lucida Handwriting" size=5>Inserisci qui il tuo testo</FONT></B></P>

<P align=center>&nbsp;</P>

<P align=center><FONT face="poor richard" color=#d55598 size=5><STRONG></STRONG></FONT>&nbsp;</P>

<P align=center><FONT size=3></FONT></P></TD></TR></TBODY></TABLE></DIV></BLOCKQUOTE>

 

  • Per allargare o rimpicciolire il tutto basta cliccare una volta col mouse sulla cornice per fare uascire i famosi 8 quadratini bianchi…quindi usa il mouse per modificare la grandezza…
  • Riguardo i valori in rosa :
  • il primo (borderColorDark=#3399ff) indica il colore dei bordi esterni in alto e a sinistra
  • il secondo (bgColor=#3399ff) indica il colore di tutti 4 i bordi interni
  • l’ultimo (borderColorLight=#3399ff) indica il colore dei bordi esterni in basso e a destra
  • Ber consultare una tabella dei colori-codici Clicca Qui [ i valori modificabili sono solo quelli numerici. Ad esempio 3399ff ]
  • Per mettere un immagine come sfondo direi che la scritta Inserisci qui l’indirizzo dell’immagine che vuoi usare come sfondo parla abbastanza chiaro! Se non sai dove trovare immagini per lo sfondo Clicca Qui.
  • Per il resto basterà che inserirai la tua scritta al posto di "Inserisci qui il tuo testo" che comparirà automaticamente.

 

2) Sfondo + Cornice + Barra di scorrimento

 

 

Ed ecco la seconda metodologia di sfondo…

 

E’ molto simile alla prima…

 

Ma questa, a mio parere, è più utile, visto k dispone di una barra di scorrimento laterale, anche se forse leggermente meno elegante.

 

Il codice per averla è qui sotto…

 

Più relative istruzioni per modificarla..

 

 

 

<BLOCKQUOTE>

<DIV align=center>

<table>

<TBODY>

<TR align=

top>

<TD vAlign=baseline width="100%" background=Inserisci qui l’indirizzo dell’immagine che vuoi usare come sfondo height=100>

<DIV style="BORDER-RIGHT: #00cc00 1px solid; BORDER-TOP: #00cc00 2px solid; SCROLLBAR-FACE-COLOR: #000000; SCROLLBAR-HIGHLIGHT-COLOR: #333333; OVERFLOW: scroll; BORDER-LEFT: #00cc00 1px solid; WIDTH: 260pt; SCROLLBAR-SHADOW-COLOR: #00cc00; COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #00ff00; SCROLLBAR-ARROW-COLOR: #00aa00; BORDER-BOTTOM: #00cc00 1px dashed; SCROLLBAR-DARKSHADOW-COLOR: #003333; HEIGHT: 310px"><FONT face="Geneva, Arial, Sans-serif" color=#cc99ff size=2><STRONG></STRONG></FONT>&nbsp;

<P></P>

<P align=center><B><FONT face="Lucida Handwriting" size=5>Inserisci qui il tuo testo</FONT></B></P>

<P align=center>&nbsp;</P>

<P align=center><FONT face="poor richard" color=#d55598 size=5><STRONG></STRONG></FONT>&nbsp;</P>

<P align=center><FONT size=3></FONT></P></TD></TR></TBODY>

</table>

</BLOCKQUOTE>

 

  • Per allargare o rimpicciolire il tutto basta cliccare una volta o due (aspettando qualche secondo l’una dall’altra) col mouse sulla cornice per fare uascire i famosi 8 quadratini bianchi…quindi usa il mouse per modificare la grandezza…
  • Riguardo i valori in rosa :
  • il primo (BORDER-RIGHT: #00cc00 1px solid) indica il colore e lo spessore del bordo esterno a destra
  • il secondo (BORDER-TOP: #00cc00 2px solid) indica il colore e lo spessore del bordo esterno in alto
  • il terzo (BORDER-LEFT: #00cc00 1px solid) indica il colore e lo spessore del bordo esterno a sinistra
  • l’ultimo (BORDER-BOTTOM: #00cc00 1px dashed) indica il colore e lo spessore del bordo esterno in basso
  • i valori in arancione invece riguardano i colori della barra di scorrimento:
  • SCROLLBAR-FACE-COLOR: #000000 indica il colore primario della barra
  • SCROLLBAR-HIGHLIGHT-COLOR: #333333 indica il colore di fondo della barra
  • SCROLLBAR-SHADOW-COLOR: #00cc00 indica il colore della parte in ombra dei bordi della barra
  • SCROLLBAR-3DLIGHT-COLOR: #00ff00 indica il colore della parte in luce dei bordi della barra
  • SCROLLBAR-ARROW-COLOR: #00aa00 indica il colore della freccia della barra
  • SCROLLBAR-DARKSHADOW-COLOR: #003333 indica il colore della parte in ombra della barra
  • Ber consultare una tabella dei colori-codici Clicca Qui. [ i valori modificabili sono solo quelli numerici. Ad esempio 3399ff ]
  • Per mettere un immagine come sfondo direi che la scritta Inserisci qui l’indirizzo dell’immagine che vuoi usare come sfondo parla abbastanza chiaro! Se non sai dove trovare immagini per lo sfondo Clicca Qui.
  • Per il resto basterà che inserirai la tua scritta al posto di "Inserisci qui il tuo testo" che comparirà automaticamente.


 

3) Sfondo senza bordi

 
 
 
 

Ed ecco l’ultima metodologia di sfondo…

 

E’ la migliore per poter mettere uno sfondo che occupi tutto lo spazio dell’intervento…

 

Il codice per averlo è qui sotto…

 

Più relative istruzioni per modificarlo… 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

 

 <TABLE style="WIDTH: 100%; HEIGHT: 55%">
<TBODY>
<TR align=middle>
<TD align=middle width=400 background=Inserisci qui l’indirizzo dell’immagine che vuoi usare come sfondo height=100>
<DIV align=center>&nbsp;</DIV>
<DIV align=center>&nbsp;</DIV>
<DIV align=center>&nbsp;</DIV>
<DIV align=center>&nbsp;</DIV>
<DIV align=center>
<P align=center><B><FONT face="Lucida Handwriting" size=5>Inserisci qui il tuo testo</FONT></B></P></DIV>
<DIV align=center>&nbsp;</DIV>
<DIV align=center>&nbsp;</DIV>
<DIV align=center>&nbsp;</DIV>
<DIV align=center>&nbsp;</DIV>
<DIV align=center>&nbsp;</DIV>
<DIV align=center>&nbsp;</DIV>
<DIV align=center>&nbsp;</DIV>
<DIV align=center>&nbsp;</DIV>
<DIV align=center>&nbsp;</DIV>
<DIV align=center>&nbsp;</DIV>
<DIV align=center>&nbsp;</DIV>
<DIV align=center>&nbsp;</DIV>
<DIV align=center>&nbsp;</DIV>
<DIV align=center>&nbsp;</DIV>
<DIV align=center>&nbsp;</DIV>
<DIV align=center>&nbsp;</DIV></TD></TR></TBODY>
<DIV></DIV>
<DIV></DIV>
<DIV></DIV>
<DIV></DIV></TABLE>

 

 

  • Per allargare o rimpicciolire il tutto basta cliccare una volta col mouse sulla cornice per fare uascire i famosi 8 quadratini bianchi…quindi usa il mouse per modificare la grandezza…
  • Per sistemare il testo (evitando di lasciare troppo spazio vuoto al lato) premi una volta seul testo e noterai che comparirà un sottile bordo con dei quadratini attorno al testo. Premi con il mouse e tieni premuto sul quadratino di destra e trascina il bordo quanto ti serve. Poi rilascia.
  • Per mettere un immagine come sfondo direi che la scritta Inserisci qui l’indirizzo dell’immagine che vuoi usare come sfondo parla abbastanza chiaro! Se non sai dove trovare immagini per lo sfondo Clicca Qui.
  • Per il resto basterà che inserirai la tua scritta al posto di "Inserisci qui il tuo testo" che comparirà automaticamente.

 

E questo è tutto…Ciao!!!

 

 

 

This entry was posted in Uncategorized. Bookmark the permalink.

One Response to INSERIRE UNO SFONDO PER OGNI INTERVENTO

  1. ѕтεℓℓіѕѕімα says:

    ciao beba so laura…volevo ankora provare disperatamente a mettere uno sfondo in un intervento ma nn riesco a farlo…uff
    mi esce l\’immagine (una)ma nn riesco a ingrandirla…ciao baci

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