Lo sapevi che: abbiamo delle guide per inserire i comandi per abbellire il tuo profilo? Dai una occhiata qui!

SkakkiNostri.it

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.

  • Come inserire lo sfondo nel profilo?

    <div style="background: #000000;">
    profilo, foto, ecc.ecc.
    </div>

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
  • Come scrivere con un determinato carattere?

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

  •  Come inserire una fotografia?

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.

  •  Come sistemare al centro/sinistra/destra un/a testo/foto?
<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
  • Come fare per cliccare su una scritta ed essere indirizzato su un dato link? (Collegamento ipertestuale)

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>

  • Come creare una casella a scorrimento?

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.

 

  • Come creare scritte glitterate o con altri effetti?

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:

  1. color=#XXYYZZ                           per cambiare il colore dell'effetto
  2. strenght=X                                 per aumentare l'effetto
  3. 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 ]