Trucchi Windows Live Space: Come Inserire Un’immagine di Sfondo in un intervento

Di solito quando si ha un blog su Windows Live Space la prima cosa è curare la parte grafica e dopo i contenuti.
Per inserire uno sfondo ad un intervento è semplicissimo, basta:
  1. Entrare nell’area di modifica,
  2. Creare un nuovo intervento,
  3. Attivare la modalità HTMLcliccando su “<HTML>”,
  4. Cancelliamo la scritta “<DIV></DIV>”,
  5. Incolliamo i codici delle cornici che ci interessano.
Sfondo con cornice:

Inserisci qui il tuo testo

Codice:

<BLOCKQUOTE>

<DIV>

<TABLE style=”WIDTH: 329px; HEIGHT: 36.6%” cellSpacing=5 borderColorDark=#00CC00 cellPadding=0 width=329 align=center bgColor=#00CC00 borderColorLight=#00CC00 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>

Ora per apportare delle modifiche al codice potete cambiare i seguenti colori con altri, i cui codici potete trovarli qui:

#00CC00, indica il colore della cornice. Il primo #00CC00 indica indica il colore dei bordi esterni in alto e a sinistra #00CC00 indica il colore di tutti 4 i bordi interni. Il terzo #00CC00 indica il colore dei bordi esterni in basso e a destra.


Sfondo pagina intera:

Inserisci qui il tuo testo

Codice:

<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>


Sfondo con Scritta:

Inserisci il testo

pcweblog.it

Codice:
<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 cambiare i colori avrete bisono di una tabbella dei colori, la travate qui:

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

BORDER-RIGHT: #00cc00 1px solid indica il colore e lo spessore del bordo esterno a destra
BORDER-TOP: #00cc00 2px solid indica il colore e lo spessore del bordo esterno in alto
(BORDER-LEFT: #00cc00 1px solid indica il colore e lo spessore del bordo esterno a sinistra
BORDER-BOTTOM: #00cc00 1px dashed indica il colore e lo spessore del bordo esterno in basso

Leave a Reply