Come tutti sanno, per poter creare un profilo sul sito di SkakkiNostri, è necessario conoscere un tantino di linguaggio di marcatura, ovvero l'HTML, questo mio contributo ha avuto come trampolino di lancio la voglia di aiutare tutte queste persone che con i tag HTML non hanno un gran feeling, spero dunque di riuscire a delucidare la mente di alcuni utenti in difficoltà nonché di essere da guida per altri meno capaci.
Non mi resta che augurarvi una buona fortuna... e fate attenzione! 
Come abbiamo detto l'HTML, è un linguaggio di marcatura. Esso è chiamato così, proprio perché le indicazioni vengono date attraverso degli appositi marcatori, detti "tag".
Questi tag hanno bisogno di essere "aperti" e "chiusi", come tutte le cose, devono avere un inizio ed una fine.
Esempio: <tag attributi>contenuto a cui applicare il tag</tag>
Notiamo le "parentesi uncinate" caratteristiche del tag e soprattutto il codice di apertura e chiusura:
<tag> |
Indica l'apertura del tag: è necessario inserire questo tag d'apertura ogni volta che si inizia il codice. |
</tag> |
Indica la chiusura del tag il "/" sta ad indicare appunto "sbarramento", "chiusura". |
Discusso questo, diamo uno sguardo e rispondiamo alle domande più frequenti.
N.B.: questo è il codice per lo sfondo nero, i colori si indicano in esadecimali (in questo caso 000000=nero) per cambiare colore, è sufficiente modificare il "000000" con un altro codice esagesimale che si genererà automaticamente qualora si cliccasse sul pulsante colore nella barra degli strumenti e sul colore scelto.
- Come inserire una foto di sfondo al proprio profilo?
<div style="background-image: url(INDIRIZZO SFONDO);">
profilo, foto, ecc.ecc.
</div>
Al posto di INDIRIZZO SFONDO, inserisci per l'appunto l'indirizzo internet dell'immagine che vuoi mettere di sfondo, magari hostandola su imageshack o siti simili.
ESEMPI:
Sfondo stellato real: http://img65.imageshack.us/img65/4193/4b2776653641mvmh7cq8.gif Anteprima
Sfondo stellato: http://img223.imageshack.us/img223/2356/4b2776530412dz.gif Anteprima
Sfondo stellato blu: http://img239.imageshack.us/img239/8137/animated31nj1.gif Anteprima
Sfondo stellato rosa: http://img241.imageshack.us/img241/8307/starzf0.gif Anteprima
Sfondo stellato rosa 2: http://img446.imageshack.us/img446/964/glitter60oanr9.gif Anteprima
Sfondo con rose: http://img389.imageshack.us/img389/2480/animated35rg4.gif Anteprima
- Come creare un testo scorrevole?
<marquee direction="right">testo</marquee> |
Testo scorrevole verso destra |
<marquee direction="left">testo</marquee> |
Testo scorrevole verso sinistra |
<marquee direction="up">testo</marquee> |
Testo scorrevole verso l'alto |
<marquee direction="down">testo</marquee> |
Testo scorrevole verso il basso |
<marquee behavior="alternate">testo</marquee> |
Testo scorrevole alternato |
<font face="tipo_carattere"> scritta </font>
N.B.: sostituire "tipo_carattere" con il nome del carattere che si preferisce.
Esempio: <font face="Comic Sans MS">testo</font>
Sarebbe opportuno consultare la guida su: http://www.skakkinostri.it/article.asp?id_articolo=818.
Per i più pigri, che si degnino almeno di hostare la foto su http://www.imageshack.us, ricopiare il link (l'indirizzo intero) del file hostato
e inserire il seguente codice:
<img src="http://www.nomesito.xxx/foto.jpg">
N.B.: con "l'img src" si sta dicendo al computer di inserire una foto, ovviamente il parametro "http://www.nomesito.xxx/foto.jpg" va
sostituito con il link del file hostato come detto poco sopra.
<center> testo/foto </center> |
Per centrare |
<span align="left"> testo/foto </span> |
Per allineare a sinistra |
<span align="right"> testo/foto </span> |
Per allineare a destra |
<span align="justify"> testo </span> |
Per giustificare il testo |
Il codice è: <a href="http://www.nomesito.xxx">scritta che si evidenzia da cliccare</a>
Esempio: Voglio sapere come andare su Google cliccando sulla parola Google...
<a href="http://www.google.it">Google</a>
Esempio: <div style="BORDER: 3px double #C0C0C0; overflow: scroll; WIDTH: 377px; HEIGHT: 449px;
background-color: #000000"> contenuto della casella </div>
All'interno della casella puoi mettere del testo, o anche delle foto.
| Effetto Ombra: |
<div style="FILTER: progid:DXImageTransform.Microsoft.DropShadow(color=#AAAAAA, offx=2, offy=2, strength=2); WIDTH: 80%">testo</div> |
| Trasparenza Radiale: |
<div style="FILTER: progid:DXImageTransform.Microsoft.Alpha(Opacity=100, FinishOpacity=15, style=2); WIDTH: 80%">testo</div> |
| Trasparenza Rettangolare: |
<div style="FILTER: progid:DXImageTransform.Microsoft.Alpha(Opacity=100, FinishOpacity=15, style=3); WIDTH: 80%">testo</div> |
| Effetto neon: |
<div style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#FF0000, strength=4); WIDTH: 80%">testo</div> |
Nota Bene: Per questi effetti puoi modificare i parametri:
-
color=#XXYYZZ per cambiare il colore dell'effetto
-
strenght=X per aumentare l'effetto
-
Opacity=X e FinishOpacity=Y per modificare gli effetti della trasparenza
Spero con questa mia guida di avervi seriamente dato una dritta per quanto riguarda il linguaggio html. Ho cercato di contemplare tutti i tag che potevano essere utili agli utenti. Per qualsiasi informazione non esitate a contattarmi, sono accetti anche consigli, o magari anche altri tag da poter eventualmente inserire.
[ Aggiungi ai segnalibri ]