Il mio BLOG HELP!

 

Oggi ho inaugurato una nuova sezione nel mio blog: BLOG HELP!!

Piano piano spero di riuscire a inserire tutti i consigli per abbellire il blog…

Mi è costato tanto tempo reperirli e modificarli per renderli il più chiari possibili…Alcuni li ho testati più volte prima di trovare quelli che secondo me erano i più facili e completi!!!

Beh..è tempo di chiudere i battenti per stanotte…

A domani!!!!!

BUONANOTTE A TUTTI!!!!!

COLLEGAMENTO AD UNA PAGINA WEB

Questo intervento ha lo scopo di spiegare come inserire un collegamento cliccabile ad un’altra pagina web.
Per prima cosa creare un NUOVO INTERVENTO e andare in HTML

Copiare uno dei seguenti codici:

1° Metodo: IMMAGINE CLICCABILE

<a href="LINK PAGINA"><img scr="LINK IMMAGINE"></a>

LINK PAGINA= indirizzo della pagina cui effettuare il collegamento

LINK IMMAGINE= URL dell’immagine su cui cliccare

2° Metodo: TESTO CLICCABILE

Firma il mio Guestbook!!

<a href="LINK PAGINA"><FONT face= tahoma size=2>TESTO</FONT></a>

LINK PAGINA= indirizzo della pagina cui effettuare il collegamento

TESTO= testo o singola parola su cui cliccare

Spero di essere stata chiara! In ogni caso sono disponibile a qualunque chiarimento. Basta che impostiate l’accesso al vostro blog come PUBBLICO!! altrimenti non posso venire a rispondervi, ma posso solo lasciare un commento per voi nel mio intervento

SCRIVERE SU UN’IMMAGINE

Questo intervento ha lo scopo di spiegare come scrivere su un’immagine in un intervento.

Per prima cosa  creare un NUOVO INTERVENTO e andare su HTML.

 
Incollare il seguente codice
 
<div style="width: 150; height: 205" align=right>
<IMG src="LINK IMMAGINE" align=right>
<div style="float: right; WIDTH: 406px; HEIGHT: 304px" align=center>
<p align="center"><font face="Times New Roman">TESTO</font>
</div>
 
Sempre in modalità HTML digitare il TESTOche volete
LINK IMMAGINE è come sempre l’URL dell’immagine su cui vogliamo scrivere
I vari width e height vanno adattati alle proprie necessità e alle dimensioni dell’immagine che si usa!
 
 
Come sempre, oltre al testo, si possono inserire immagini. Basta modificare il codice in questo modo:
<div style="width: 150; height: 205" align=right>
<IMG src="LINK IMMAGINE" align=right>
<div style="float: right; WIDTH: 406px; HEIGHT: 304px" align=center>
<p align="center"><font face="Times New Roman" size=2 color=#ff6600>TESTO</font><BR><img src="LINK IMMAGINE">
</div>
 
LINK IMMAGINE è l’URL dell’immagine che vogliamo mettere sopra l’immagine di sfondo!
<BR> è codice HTML che serve per mandare a capo, senza lasciare spazio tra un rigo e l’altro
 


Questa è una prova per mostrare l’effetto del codice!!

Bacini, Dae

Spero di essere stata chiara!  In ogni caso sono disponibile per qualsiasi chiarimento, basta che impostiate l’accesso al vostro blog come PUBBLICO!! altrimenti non posso venire a rispondervi, posso solo lasciare un commento per voi nel mio intervento!!

 

EFFETTI SULLE IMMAGINI

Questo intervento ha lo scopo di mostrare i vari effetti che si possono usare sulle immagini
Per prima cosa, in un NUOVO INTERVENTO, andare su HTML
 
INSERIRE UN’IMMAGINE
 
<img src="LINK IMMAGINE">
 
Dove, al posto di LINK IMMAGINE occorre inserire l’URL dell’immagine da noi scelta.
Quella su cui mostrerò i successivi effetti è questa: http://img142.imageshack.us/img142/2549/gueestbookwd1.jpg
 
SFUMARE UN’IMMAGINE:
 
<IMG style="filter: alpha(Opacity=100, FinishOpacity=0, Style=1)" src="LINK IMMAGINE">
 
Opacity: Cambiando questo valore cambiamo la visibilità della figura. Il suo valore può variare da Opacity=100 (la figura è perfettamente visibile) a Opacity=0 (l’immagine risulterà invisibile)
FinishOpacity: specifica al contrario quanto debba essere "forte" la sfumatura FinishOpacity=0 (immagine completamente sfumata) FinishOpacity=100 (immagine completamente visibile)
Mettendo lo stesso valore a Opacity e FinishOpacity si avrà la stessa visibilità su tutta la figura
Style: indica il tipo di sfumatura che si vuole ottenere.
 
Style=1 l’immagine verrà sfumata da sinistra a destra 

Style=2 l’immagine verrà sfumata centralmente (Sfumatura tonda)

Style=3 l’immagine verrà sfumata agli angoli (Sfumatura quadrata)

 

IMMAGINE IN BIANCO E NERO
 
 
<img style="FILTER: Gray" src="LINK IMMAGINE">
 
EFFETTO PIOVRA
 
 
<img style="FILTER: Xray" src="LINK IMMAGINE">
 
RUOTARE L’IMMAGINE DI 180°
 
 
<img style="FILTER: FlipV" src="LINK IMMAGINE">
 
INVERTIRE I COLORI
 
 
<img style="FILTER: Invert" src="LINK IMMAGINE">
 
EFFETTO SPECCHIO
 
 
<img style="FILTER: FlipH" src="LINK IMMAGINE">
 
EFFETTO MOSSO "SFOCATO"
 
 
<img style="FILTER: Blur(direction=135)" src="LINK IMMAGINE">
 
Si può cambiare il valore direction a proprio piacimento
 
EFFETTO ONDULATO
 
 
<img style="FILTER: Wave(freq=5,strength=12,lightstrength=5,phase=0)" src="LINK IMMAGINE">
 
Si possono cambiare i valori  freq, strength, lightstrength, phase a proprio piacimento
 
Spero di essere stata abbastanza chiara!!! In ogni caso sono disponibile per qualunque chiarimento, basta che mettiate l’accesso al vostro blog impostato su PUBBLICO!! altrimenti non posso venire a rispondervi, posso solo lasciare un commento per voi nel mio intervento! 
 

SFONDO ANIMATO PIU’ CORNICE IN UN INTERVENTO

Questo intervento ho lo scopo di spiegare come inserire un intervento con uno sfondo animato e una cornice

Per prima cosa occorre creare un NUOVO INTERVENTO, poi andare su HTML e digitare il seguente codice

<STRONG></STRONG>
<TABLE style="WIDTH: 100%; HEIGHT: 55%" cellSpacing=5 borderColorDark=#800080 cellPadding=0 width="100%" bgColor=#ffccff borderColorLight=#800080 border=3>
<TBODY>
<TR align=top>
<TD vAlign=baseline width="100%" background=LINK IMMAGINE height=300>
<P><FONT face="Lucida Handwriting, Cursive" color=#800080 size=2>TESTO INTERVENTO</FONT></P></TD></TR></TBODY></TABLE>

Dove:

bgcolor è Colore di sfondo;
borderColorDark e BorderColorLight sono i colori della cornice;
border è lo spessore della cornice (può essere 1, 2 o 3)
LINK IMMAGINE: Qui mettete l’url dell’immagine che volete come sfondo. Ad esempio quella che ho usato io è: http://img67.imageshack.us/img67/2691/hoshi25bp9.gif

Al posto di TESTO INTERVENTO scrivete quello che volete!!Ovviamente potete modificare colore, dimensione, stile interagendo coi vari pezzi del campo FONT

E’ possibile inoltre scrivere allinenado il testo a destra, al centro o a sinistra(impostazione di default), basta sostituire a <P> prima del TESTO <P align=right> per allineare il testo a destra, <P align=center> per allineare il testo al centro <P align=left> per allineare il testo a sinistra(impostazione di default, equivale al semplice <P>)

Per modifcare i vari colori a piacimento consiglio l’ultilizzo di una tavola dei colori come questa Tavola colori in esadecimale

E’ possibile inserire anche una o più immagini:

<STRONG></STRONG>
<TABLE style="WIDTH: 100%; HEIGHT: 55%" cellSpacing=5 borderColorDark=#800080 cellPadding=0 width="100%" bgColor=#ffccff borderColorLight=#800080 border=3>
<TBODY>
<TR align=top>
<TD vAlign=baseline width="100%" background=LINK IMMAGINE height=300>
<P><FONT face="Lucida Handwriting, Cursive" color=#800080 size=2>TESTO INTERVENTO</FONT></P><P><img src="LINK IMMAGINE"></P></TD></TR></TBODY></TABLE>

Al posto di LINK IMMAGINE basta inserire l’URl dell’immagine che si vuole inserire

Spero di essere stata sufficientemente chiara!!In ogni caso sono a vostra disposizione per qualunque richiesta basta che abbiate il vostro space impostato su  PUBBLICO!!! altrimenti non posso venire a rispondervi, posso solo lasciare un commento nel mio blog per voi!

 

EFFETTI SULLE SCRITTE!

Per inaugurare la sezione "BLOG HELP" metterò i vari codici HTML per creare effetti sui testi!! ENJOY IT!!! (per ogni esempio, sotto c’è il codice da incollare in HTML, dopo aver ovviamente cliccato su NUOVO INTERVENTO!) 

TESTO INTERVENTO

<DIV style="FONT-SIZE: 12pt; FILTER: glow(color=purple); WIDTH: 100%; COLOR: #ffffff; FONT-FAMILY: ????">
<P style="LINE-HEIGHT: 150%"><B>TESTO INTERVENTO</B></P></DIV>

TESTO INTERVENTO

<DIV style="FONT-SIZE: 12pt; FILTER: glow(color=green); WIDTH: 100%; COLOR: #ffffff; FONT-FAMILY: ????">
<P style="LINE-HEIGHT: 150%"><B>TESTO INTERVENTO</B></P></DIV>

TESTO INTERVENTO

<DIV style="FONT-SIZE: 12pt; FILTER: glow(color=yellow); WIDTH: 100%; COLOR: #ffffff; FONT-FAMILY: ????" >
<P style="LINE-HEIGHT: 150%"><B>TESTO INTERVENTO</B></P></DIV>

TESTO INTERVENTO

<DIV style="FONT-SIZE: 12pt; FILTER: glow(color=blue); WIDTH: 100%; COLOR: #ffffff; FONT-FAMILY: ????" >
<P style="LINE-HEIGHT: 150%"><B>TESTO INTERVENTO</B></P></DIV>

TESTO INTERVENTO

<DIV style="FONT-SIZE: 12pt; FILTER: glow(color=red); WIDTH: 100%; COLOR: #ffffff; FONT-FAMILY: ????">
<P style="LINE-HEIGHT: 150%"><B>TESTO INTERVENTO</B></P></DIV>

TESTO INTERVENTO

<DIV style="FONT-SIZE: 13pt; FILTER: Glow(Color=#0000A4, strength=9); WIDTH: 100%; COLOR: #ffffff; FONT-FAMILY: comic sans ms; HEIGHT: 50px">
<P style="LINE-HEIGHT: 150%">TESTO INTERVENTO</P></DIV>

TESTO INTERVENTO

<DIV style="FONT-SIZE: 22pt; FILTER: Glow(Color=#27BECB, strength=9); WIDTH: 100%; COLOR: #ffffff; FONT-FAMILY: Forte; HEIGHT: 50px">
<P style="LINE-HEIGHT: 150%">TESTO INTERVENTO</P></DIV>

TESTO INTERVENTO

 <DIV style="FONT-SIZE: 22pt; FILTER: Glow(Color=#FF33CC, strength=9); WIDTH: 100%; COLOR: #ffffff; FONT-FAMILY: Forte">
<P style="LINE-HEIGHT: 150%">TESTO INTERVENTO</P></DIV>

TESTO INTERVENTO

 <DIV style="FONT-SIZE: 22pt; FILTER: Glow(Color=#FF33CC, strength=9); WIDTH: 100%; COLOR: #ffffff; FONT-FAMILY: Monotype Corsiva">
<P style="LINE-HEIGHT: 150%"><STRONG>TESTO INTERVENTO</STRONG></P></DIV>

TESTO INTERVENTO

 <DIV style="FONT-SIZE: 22pt; FILTER: Glow(Color=#FFCC33, strength=9); WIDTH: 100%; COLOR: #ffffff; FONT-FAMILY: Comic Sans MS">
<P style="LINE-HEIGHT: 150%"><STRONG>TESTO INTERVENTO</STRONG></P></DIV>

TESTO INTERVENTO

 <DIV style="FONT-SIZE: 22pt; FILTER: Glow(Color=#ff88FF, strength=9); WIDTH: 100%; COLOR: #000000; FONT-FAMILY: Curlz MT">
<P style="LINE-HEIGHT: 150%">TESTO INTERVENTO</P></DIV>

TESTO INTERVENTO

 <DIV style="FONT-SIZE: 22pt; FILTER: Glow(Color=#8888FF, strength=9); WIDTH: 100%; COLOR: #000000; FONT-FAMILY: Matura MT Script Capitals">
<P style="LINE-HEIGHT: 150%">TESTO INTERVENTO</P></DIV>

TESTO INTERVENTO

 <DIV style="FONT-SIZE: 22pt; FILTER: Glow(Color=#66FFFF, strength=9); WIDTH: 100%; COLOR: #000000; FONT-FAMILY: Edwardian Script ITC">
<P style="LINE-HEIGHT: 150%">TESTO INTERVENTO</P></DIV>

TESTO INTERVENTO

 <DIV style="FONT-SIZE: 24px; FILTER: Glow(Color=#00FF00, Strength=8); WIDTH: 100%; COLOR: red; FONT-FAMILY: Tahoma">
<P style="LINE-HEIGHT: 150%">TESTO INTERVENTO</P></DIV>

TESTO INTERVENTO

 <DIV style="FONT-SIZE: 24px; FILTER: Shadow(Color=#0000FF, Direction=225); WIDTH: 100%; COLOR: red; FONT-FAMILY: Arial Black">
<P style="LINE-HEIGHT: 150%">TESTO INTERVENTO</P></DIV>

TESTO INTERVENTO

 <DIV style="FONT-SIZE: 24px; FILTER: Wave(Add=0, Freq=2, LightStrength=20, Phase=10, Strength=5); WIDTH: 100%; COLOR: orange; FONT-FAMILY: Arial Black">
<P style="LINE-HEIGHT: 150%">TESTO INTERVENTO</P></DIV>

TESTO INTERVENTO

 <DIV style="FONT-SIZE: 24px; FILTER: FlipV; WIDTH: 100%; COLOR: purple; FONT-FAMILY: Arial Black">
<P style="LINE-HEIGHT: 150%">TESTO INTERVENTO</P></DIV>

TESTO INTERVENTO

 <DIV style="FONT-SIZE: 24px; FILTER: DropShadow(Color=#FF0000, OffX=2, OffY=2, Positive=1); WIDTH: 100%; COLOR: blue; FONT-FAMILY: Arial Black">
<P style="LINE-HEIGHT: 150%">TESTO INTERVENTO</P></DIV>

TESTO INTERVENTO

 <DIV style="FONT-SIZE: 24px; FILTER: Blur(Add = 1, Direction = 225, Strength = 10); WIDTH: 100%; COLOR: yellow; FONT-FAMILY: Arial Black">
<P style="LINE-HEIGHT: 150%">TESTO INTERVENTO</P></DIV>

TESTO INTERVENTO

 <DIV style="FONT-SIZE: 24px; FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0); WIDTH: 100%; COLOR: green; FONT-FAMILY: Arial Black">
<P style="LINE-HEIGHT: 150%">TESTO INTERVENTO</P></DIV>

TESTO INTERVENTO

 <DIV style="FONT-SIZE: 24px; FILTER: FlipH; WIDTH: 34.29%; COLOR: purple; FONT-FAMILY: Arial Black; HEIGHT: 36px">
<P style="LINE-HEIGHT: 150%">TESTO INTERVENTO</P></DIV>

TESTO INTERVENTO

<DIV style="FONT-SIZE: 24px; FILTER: Mask(Color=#00FF00); WIDTH: 100%; COLOR: green; FONT-FAMILY: Arial Black">
<P style="LINE-HEIGHT: 150%">TESTO INTERVENTO</P></DIV>

TESTO INTERVENTO

<DIV style="FONT-SIZE: 28pt; FILTER: DropShadow(Color=Black, OffX=2, OffY=2, Positive=1); WIDTH: 100%; COLOR: #0000ff; FONT-FAMILY: Bauhaus 93">
<P style="LINE-HEIGHT: 150%">TESTO INTERVENTO</P></DIV>

TESTO INTERVENTO

<DIV style="FONT-SIZE: 36pt; FILTER: DropShadow(Color=#FFFF80, OffX=2, OffY=2, Positive=3); WIDTH: 100%; COLOR: #ff0080; FONT-FAMILY: Brush Script MT; HEIGHT: 61px">
<P style="LINE-HEIGHT: 150%">TESTO INTERVENTO</P></DIV>

TESTO INTERVENTO

 <DIV style="FONT-SIZE: 40pt; FILTER: Wave(Add=0, Freq=2, LightStrength=20, Phase=10, Strength=6); WIDTH: 100%; COLOR: #6196ed; FONT-FAMILY: Freestyle Script; HEIGHT: 60px">
<P style="LINE-HEIGHT: 150%">TESTO INTERVENTO</P></DIV>

TESTO INTERVENTO

 <DIV style="FONT-SIZE: 24px; FILTER: Blur(Add = 1, Direction = 225, Strength = 10); WIDTH: 100%; COLOR: blue; FONT-FAMILY: Broadway BT">
<P style="LINE-HEIGHT: 150%">TESTO INTERVENTO</P></DIV>

TESTO INTERVENTO

<DIV style="FONT-SIZE: 18pt; FILTER: Shadow(Color=#FFFF00, direction=225); WIDTH: 100%; COLOR: #0000a0; FONT-FAMILY: Adler">
<P style="LINE-HEIGHT: 150%">TESTO INTERVENTO</P></DIV>

TESTO INTERVENTO

<DIV style="FONT-SIZE: 18pt; FILTER: FlipV; WIDTH: 100%; COLOR: #0080ff; FONT-FAMILY: Black Chancery">
<P style="LINE-HEIGHT: 150%">TESTO INTERVENTO</P></DIV>

Si possono modificare tipo di carattere, stile e colori. In particolare per i colori consiglio di usare una tabella dei colori come questa Tabella dei Colori in esadecimale