Vari codici

« Older   Newer »
  Share  
Coralovemma
CAT_IMG Posted on 20/7/2009, 09:54     +1   -1




Testo:
Dove trovate "exa color" inserite il codice dei colori che trovate alla voce "Prendi colore, oppure dalla Tabella colori

Grassetto
CODICE
<b>Testo</b>

Corsivo
CODICE
<i>Testo</i>

Sottolineato
CODICE
<u>testo</u>

macchina da scrivere
CODICE
<kbd>macchina da scrivere</kbd>

preformattato

CODICE
<pre>Testo</pre>

sbarrato
CODICE
<strike>sbarrato</strike>

dimensione testo: Testo
CODICE
<font size="valore">Testo</font>

Effetto Onda

Testo Effetto Onda


CODICE
<div style="width: 100%; font-size: Dimensione carattere(vi consiglio di impostarlo dai 20 in su)px; Filter: Wave(Add=0, Freq=2, LightStrength=20, Phase=10, Strength=5)"><P style="LINE-HEIGHT: 150%">Testo Effetto Onda</p></div>

Effetto Flipv:

Testo effetto flipv


CODICE
<div style="width: 100%; Filter: FlipV"><P style="LINE-HEIGHT: 150%">Testo effetto flipv</p></div>

Effetto Fliph:

Testo Effetto Fliph


CODICE
<div style="width: 100%; Filter: FlipH"><P style="LINE-HEIGHT: 150%">Testo Effetto Fliph</p></div>

Effetto DropShadow:

Testo Effetto ombra invertita


CODICE
<div style="width: 100%; Filter: DropShadow(Color=exa color, OffX=2, OffY=2, Positive=1)"><P style="LINE-HEIGHT: 150%">Testo Effetto ombra invertita</p></div>

Effetto Ombreggiato:

Testo Effetto Ombreggiato


CODICE
<div style="width: 100%; Filter: Shadow(Color=exa color, Direction=valore (1-360))"><P style="LINE-HEIGHT: 150%">Testo Effetto Ombreggiato</p></div>

Effetto Alone:
testo

CODICE
<div style="width:valore%;filter:glow(color=exa color)">testo</div>

Effetto Sfocato:
testo

CODICE
<div style="width:valore%;filter:blur">testo</div>

Effetto Mask:

Testo Effetto Evidenziato


CODICE
<div style="width: 100%; Filter: Mask(Color=exa color)"><P style="LINE-HEIGHT: 150%">Testo Effetto Evidenziato</p></div>

molto molto grande grassetto


CODICE
<h1>molto molto grande grassetto</h1>

molto grande grassetto


CODICE
<h2>molto grande grassetto</h2>

grande grassetto


CODICE
<h3>grande grassetto</h3>

normale grassetto


CODICE
<h4>normale grassetto</h4>

piccolo grassetto

CODICE
<h5>piccolo grassetto</h5>

molto piccolo grassetto

CODICE
<h6>molto piccolo grassetto</h6>

Testo allineato a destra


CODICE
<p align="right">Testo</p>

Testo allineato a destra giustificato

CODICE
<div align="right">Testo</div>

Testo allineato al centro


CODICE
<p align="center">Testo</p>

Testo allineato al centro

CODICE
<center>Testo</center>

Testo allineato al centro giustificato

CODICE
<div align="center">Testo</div>

Testo allineato a sinistra


CODICE
<p align="left">Testo</p>

Testo allineato a sinistra giustificato

CODICE
<div align="left">Testo</div>

Testo Giustificato


CODICE
<p align="justify">Testo Giustificato</p>


Scorrimento del Testo
Testo
CODICE
<MARQUEE>Testo</MARQUEE>

verso Dx:
Testo
CODICE
<MARQUEE direction="right"> Testo</MARQUEE>

Con lo sfondo:
Testo
CODICE
<marquee bgcolor="exa color">Testo</marquee>

Determinare il numero di volte che deve scorrere:
Testo
CODICE
<MARQUEE loop="Valore">Testo</MARQUEE>

Velocitą:
Testo
CODICE
<MARQUEE SCROLLDELAY="valore">Testo</MARQUEE>


SCRIVI QUI

CODICE
<marquee direction="left">SCRIVI QUI</marquee>


SCRIVI QUI

CODICE
<marquee direction="up">SCRIVI QUI</marquee>


SCRIVI QUI

CODICE
<marquee direction="righ">SCRIVI QUI</marquee>


SCRIVI QUI

CODICE
<marquee direction="down">SCRIVI QUI</marquee>


SCRIVI QUI

CODICE
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right" behavior="alternate">SCRIVI QUI</marquee></marquee>


<--SCRIVI QUI-->

CODICE
<marquee behavior="alternate" width="10%"><--</marquee>SCRIVI QUI<marquee behavior="alternate" width="10%">--></marquee>


scriviSCRIVI QUIscrivi

CODICE
<marquee behavior="alternate" width="10%">scrivi</marquee>SCRIVI QUI<marquee behavior="alternate" width="10%">scrivi</marquee>


scrivi| | |SCRIVI| | |scrivi

CODICE
<MARQUEE behavior=alternate direction=left scrollAmount=3 width="4%"><font face=arial>scrivi</font></MARQUEE><MARQUEE scrollAmount=1 direction=left width="2%">| | |</MARQUEE>SCRIVI<MARQUEE scrollAmount=1 direction=right width="2%">| | |</MARQUEE><MARQUEE behavior=alternate direction=right scrollAmount=3 width="4%"><font face=arial>scrivi</font></MARQUEE>


SCRIVI QUI

CODICE
<marquee behavior="alternate"><marquee width="150">SCRIVI QUI</marquee></marquee>


Liste:

    esempio
  • voce

  • voce

  • voce

CODICE
<ul type="disc">
<lh>esempio</lh>
<li>voce</li>
<li>voce</li>
<li>voce</li>
</ul>

    esempio
  • voce

  • voce

  • voce

CODICE
<ul type="circle">
<lh>esempio</lh>
<li>voce</li>
<li>voce</li>
<li>voce</li>
</ul>

    esempio
  • voce

  • voce

  • voce

CODICE
<ul type="square">
<lh>esempio</lh>
<li>voce</li>
<li>voce</li>
<li>voce</li>
</ul>

    esempio
  1. voce

  2. voce

  3. voce

CODICE
<ol type=1>
<lh>esempio</lh>
<li>voce</li>
<li>voce</li>
<li>voce</li>
</ol>

    esempio
  1. voce

  2. voce

  3. voce

CODICE
<ol type=a>
<lh>esempio</lh>
<li>voce</li>
<li>voce</li>
<li>voce</li>
</ol>

    esempio
  1. voce

  2. voce

  3. voce

CODICE
<ol type=A>
<lh>esempio</lh>
<li>voce</li>
<li>voce</li>
<li>voce</li>
</ol>

    esempio
  1. voce

  2. voce

  3. voce

CODICE
<ol type=i>
<lh>esempio</lh>
<li>voce</li>
<li>voce</li>
<li>voce</li>
</ol>

    esempio
  1. voce

  2. voce

  3. voce

CODICE
<ol type=I>
<lh>esempio</lh>
<li>voce</li>
<li>voce</li>
<li>voce</li>
</ol>


Immagini:
ridimensionare (attenti alle proporzioni!)
image
CODICE
<img src="http immy" width="valore" height="valore">

immagine con link
image
CODICE
<a href="indirizzo sito"><img src="http immagine"></a>


Tabella:
esempioesempio
esempioesempio

CODICE
<table>
<tr> <td>Prima riga, sinistra.</td> <td>Prima riga, destra.</td> </tr>
<tr> <td>Seconda riga, sinistra.</td> <td>Seconda riga, destra.</td> </tr>
</table>

esempioesempio
esempioesempio

CODICE
<table border="2">
<tr> <td>esempio</td> <td>esempio</td> </tr>
<tr> <td>esempio</td> <td>esempio</td> </tr>
</table>

esempioesempio
esempioesempio

CODICE
<table bgcolor="exa color">
<tr> <td>esempio</td> <td>esempio</td> </tr>
<tr> <td>esempio</td> <td>esempio</td> </tr>
</table>

esempioesempio
esempioesempio

CODICE
<table border="valore" bordercolor="exa color">
<tr> <td>esempio</td> <td>esempio</td> </tr>
<tr> <td>esempio</td> <td>esempio</td> </tr>
</table>

esempioesempio
esempioesempio

CODICE
<table border="valore"bordercolorlight="valore">
<tr> <td>esempio</td> <td>esempio</td> </tr>
<tr> <td>esempio</td> <td>esempio</td> </tr>
</table>

esempioesempio
esempioesempio

CODICE
<table border="valore"bordercolordark="valore">
<tr> <td>esempio</td> <td>esempio</td> </tr>
<tr> <td>esempio</td> <td>esempio</td> </tr>
</table>


Varie:
Menł a tendina:

CODICE
<select>
<option value="1">testo</option>
<option value="2">testo</option>
<option value="3">testo</option>
</select>

Area di testo:

CODICE
<textarea cols='n°colonne' rows='n°righe'>testo</textarea>

Pulsante:

CODICE
<button>testo</button>

Testo in apice
CODICE
<sup>testo</sup>

Testo in pedice
CODICE
<sub>testo</sub>



Inserire una scrollbar in firma:

q
w
e
r
t
y
u
i
o
pa
s
d
f
g
h
j
k
l
z
x
c
v
b
n
m


CODICE
<div style="height: 100px; width: 100px; overflow:auto;">q
w
e
r
t
y
u
i
o
pa
s
d
f
g
h
j
k
l
z
x
c
v
b
n
m</div>


Accapo

CODICE
<br>


Linea

CODICE
<hr>


Immagine :) image

CODICE
<img src="http://indirizzo_immagine">

l'immagine deve essere online

Collegamento a una pagina web o file

CODICE
<a href="http://indirizzo_sito">testo</a>


Immagine con collegamento image

CODICE
<a href="http://indirizzo_sito"><img src="http://indirizzo_immagine"></a>


Centrare un'immagine o un testo

CODICE
<div align="center">immagine/testo</div>


Immagine o testo in movimento che si ferma al passaggio del mouse

CODICE
<marquee onmouseover="this.stop()" onmouseout="this.start()">immagine/testo</marquee>


Immagine o testo in movimento che rallenta al passaggio del mouse

CODICE
<marquee scrollamount='5' onMouseover='this.scrollAmount=1' onMouseout='this.scrollAmount=5'>immagine/testo</marquee>


Edited by Coralovemma - 20/7/2009, 15:13
 
Top
0 replies since 20/7/2009, 09:48   102 views
  Share  
 

♥ HTML IN PILLOLE... PER FORUM E BLOG ♥
 

Create your forum and your blog! · Top Forum · Categories · Help · Status · Contacts · Powered by ForumCommunity