HTML, Codici

« Older   Newer »
  Share  
view post Posted on 22/10/2008, 20:22
Avatar

Suza 2 - la vendetta in gonnella anche se la gonna non la mette mai

Group:
Guardian
Posts:
8,463
Location:
Sokovia

Status:
i'm a ninja!


Una semplice guida per tutti coloro che vogliono rendere particolare il proprio post, forum, firma....
Tenete presente che molti di questi codici sono visibili solo su Internet Explorer.

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>


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>


Area di testo con barra laterale:

Esempio
Esempio
Esempio
Esempio
Esempio
Esempio


CODICE
<div style="width:(valore larghezza)px; height:(valore altezza)px; overflow-y: scroll; border:2px solid black; background-color: ;color:">Testo
</div>


NB: se al posto di px, sostutuite il simbolo di percentuale %, i numeri dovranno essere tra 1 e 100 e la proporzione verrà a a seconda delle dimensioni della pagina che si sta utilizzando.

Bordato:
Esempio


CODICE
<fieldset border="Valore spessore bordo" bordercolor="Exa color - colore del bordo">Testo</fieldset>


Bordato con titolo:
Titolo Esempio
Testo Esempio

CODICE
<fieldset border="valore spessore bordo" bordercolor="Exa color - colore del bordo"><legend>Titolo</legend>Testo
</fieldset>


NB: all'interno il titolo all'interno del codice può essere modificato come il normale testo (colore, dimensioni, caratteristiche...).

Edited by Tsume - 1/4/2010, 15:37
 
Top
Sasumaro
view post Posted on 24/4/2009, 15:36




Grazie mille
 
Top
view post Posted on 6/4/2010, 18:38
Avatar

~ We are many, Bludd is One ~

Group:
Popolo di NvO
Posts:
3,016

Status:
offline!


Mi risulta ostico colorare il bordo

questo per intenderci...ho provato a sostituire exa color con il numero del colore indicato ma nnt...nn è che quel codice funzia solo con questo forum??Visto che l'ho provato su un altro forum magari non funzia li...e poi non mi fa variare lo strato del bordo...visto che sto all'inizio e visto che sono nabbo un paio di consigli pratici o magari un semplice link con una guida per impediti...


Edited by Skullzer - 6/4/2010, 22:54
 
Top
.Willy.
view post Posted on 6/4/2010, 21:34




Io ti potrei aiutare ma non col code del
CODICE
<fieldset>
poichè non sono mai riuscito neanche io a sistemarlo come volevo. Io uso sempre il comando
CODICE
<table>
che è più facile, almeno a mio avviso. Per fare un bordo a tua scelta è così:

CODICE
<table border="Valore in px per lo spessore del bordo" ; bordercolor="il codice Exa-Color preceduto sempre da #">Testo</table>


Un esempio di una tabella con bordo di 3 px di colore nero:

TestoTestoTestoTestoTestoTesto


CODICE
<table border="3px"; bordercolor="#000000">TestoTestoTestoTestoTestoTesto</table>


Ricordati sempre che ogni dato della tabella che succede al "table" va diviso l'uno dall'altro con un ";" sennò non va il comando.
Poi ci sono molti altri comandi col "table" e viene molto più facile e pratico da usare. A mio avviso almeno.
 
Top
view post Posted on 7/4/2010, 18:05
Avatar

~ We are many, Bludd is One ~

Group:
Popolo di NvO
Posts:
3,016

Status:
offline!


Ok ultima cosa visto che ora riesco a capirne un po di +...lo sfondo come si mette??Tipo tutte le schede del pg bumblebee di nero hanno uno sfondo...Dove si trova e come si mette che poi me la giostro...
 
Top
D a n t e'
view post Posted on 7/4/2010, 18:24




allora, per il colore del bordo il nome lo devi mettere o in inglese, o con i codici che trovi cliccando su "prendi colore". La tabella dal bordo colorato sarà quindi:

CODICE
<table border="1" bordercolor="red"><tr><td>Esempio</td></tr></table>

sarà così:
Esempio



per lo sfondo invece
CODICE
<table background="Link dell'immagine che vuoi mettere come sfondo"><tr><td> testo </td></tr></table>

Risultato:
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
 
Top
..::Sky::..
view post Posted on 7/4/2010, 20:18




Mamma mia che cose ignobili che vedo scritte in questo topic :rotfl:
 
Top
.kiTTy kaT*
view post Posted on 8/4/2010, 09:02




CITAZIONE (..::Sky::.. @ 7/4/2010, 21:18)
Mamma mia che cose ignobili che vedo scritte in questo topic :rotfl:

Così riesci a capirmi di più :yu:
 
Top
..::Sky::..
view post Posted on 8/4/2010, 10:22




CITAZIONE (.kiTTy kaT* @ 8/4/2010, 10:02)
CITAZIONE (..::Sky::.. @ 7/4/2010, 21:18)
Mamma mia che cose ignobili che vedo scritte in questo topic :rotfl:

Così riesci a capirmi di più :yu:

Ti giuro che non l'ho capita
 
Top
view post Posted on 17/4/2010, 09:27
Avatar

~ We are many, Bludd is One ~

Group:
Popolo di NvO
Posts:
3,016

Status:
offline!


Scusa dante ma pr chi usa image shack quale indirizzo deve usare dei vari??No perche ne ho provati diversi e non ho ottenuto grandi risultati...
 
Top
..::Sky::..
view post Posted on 17/4/2010, 14:24




CITAZIONE (Skullzer @ 17/4/2010, 10:27)
Scusa dante ma pr chi usa image shack quale indirizzo deve usare dei vari??No perche ne ho provati diversi e non ho ottenuto grandi risultati...

BBCode:
CODICE
[IMG]COLLEGAMENTO DIRETTO[/IMG]


HTML:
HTML
<img src="COLLEGAMENTO DIRETTO">


------------------------------------------------

Esempio:
HTML
<img src="http://img194.imageshack.us/img194/3531/ducaticorselogo.gif">


CITAZIONE

 
Top
.kiTTy kaT*
view post Posted on 17/4/2010, 14:39




dopo aver caricato l'immagine copii il "link diretto" e lo inserisci in uno dei codici forniti da sky =)
 
Top
view post Posted on 17/4/2010, 15:44
Avatar

~ We are many, Bludd is One ~

Group:
Popolo di NvO
Posts:
3,016

Status:
offline!


ok ioa postare una foto ci sono arrivato il fatto è che quando uso il codice
HTML
<table background="Link dell'immagine che vuoi mettere come sfondo"><tr><td> testo </td></tr></table>
non me lo da valido, ovvero non mi fa scrivere sull'immaggine, mi da solo la scritta testo...Un'altra cosa poi come faccio a scrivere accanto ad una immaggine evitando che quando vado a capo mi vada sotto l'immagine stessa
cosi insomma
capito ora??Susu che se capisco queste due cose a breve posto la scheda nuova^^
 
Top
view post Posted on 17/4/2010, 16:16

Group:
Guardian
Posts:
21,148
Location:
Naples

Status:
offline!


il codice che intendo tu è un atimo più elaborato, ma è questo.

CODICE
<div style="float: left; margin-right: 4px">[IMG]LINK DIRETTO IMMAGINE[/IMG]</div>Testo che stai scrivendo.


il risultato è questo

image
testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo
 
web   Top
view post Posted on 17/4/2010, 17:59
Avatar

~ We are many, Bludd is One ~

Group:
Popolo di NvO
Posts:
3,016

Status:
offline!


Thx Tox, ancora poche tecniche e posto la scheda nuova u.u
 
Top
27 replies since 22/10/2008, 20:22   1405 views
  Share