[ giovedì, 28 giugno 2007 , 12:37 ]
Adesivi scorrevoli
Nuovo tutorial.
Girando per i blog, ho visto che vanno di moda questi adesivi (statici o dinamici) con la scritta scorrevole sotto.
Per indenderci una cosa di questo tipo:
Molto carini e fanno molta scena.
COme farli??
E' più facile di quel che sembra.
Prima di tutto facciamo l'adesivo, ricordandoci che servirà la parte inferiore servirà per la scritta scorrevole.
Nel mio caso ho fatto un adesivo 300x450 e l'ho hostato su Photobucket.
Benissimo ora non resta che fare una tabella ad una colonna e due righe.
Per essere chiara:
Il codice risulterà quindi questo:
background è lo sfondo, quindi bisongna mettere l'indirizzo dell'immagine hostata.
Arriviamo quindi alla parte scorrevole.
size="2" face="Verdana" color="#000000" sono rispettivamente dimensione, il tipo di carattere e il colore che altrimenti varierebbero a seconda del blog in cui vengono inseriti.
E questo è tutto, se ci sono problemi ditemi pure.
Girando per i blog, ho visto che vanno di moda questi adesivi (statici o dinamici) con la scritta scorrevole sotto.
Per indenderci una cosa di questo tipo:
COme farli??
E' più facile di quel che sembra.
Prima di tutto facciamo l'adesivo, ricordandoci che servirà la parte inferiore servirà per la scritta scorrevole.
Nel mio caso ho fatto un adesivo 300x450 e l'ho hostato su Photobucket.
Benissimo ora non resta che fare una tabella ad una colonna e due righe.
Per essere chiara:
<table>Benissimo, dobbiamo inserire il testo scorrevole, ovvero il marquee.
<tr><td></td></tr>
<tr><td></td></tr>
</table>
Il codice risulterà quindi questo:
<table width="300" height="448" background="http://indirizzo_immagine.jpg" style="border: 0px none ;"> <tbody> <tr> <td width="150" height="260"> </td> </tr>Spiego subito ogni parte:
<tr><td> <marquee width="280" height="180" direction="up" scrollamount="2">
<div style="width: 280px; height: 180px; margin-left: 5px;">
<font size="2" face="Verdana" color="#000000">
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
</font></div>
</marquee> </td> </tr></tbody></table>
<table width="300" height="450" background="http://i203.photobucket.com/albums/aa68/klakli85/avril.jpg" style="border: 0px none ;">width e heigh sono rispettivamete la larghezza della tabella che devono coincidere con la larghezza e l'altezza dell'adesivo.
background è lo sfondo, quindi bisongna mettere l'indirizzo dell'immagine hostata.
<td width="300" height="260"></td>Queste sono le caratteristiche della colonna, questa è riferita alla parte superiore dell'adesivo e quindi non vi scriveremo nulla.
Arriviamo quindi alla parte scorrevole.
<marquee width="280" height="180" direction="up" scrollamount="2"></marquee>Il marquee è la tag che apre il testo scorrevole e bisogna dargli la larghezza dell'adesivo e l'altezza rimanente. Nel mio caso 450-260=190. Mi tengo 10px per ovviare le piccole differenze tra client diversi (explorer, mozilla..). Direction indica la direzione in cui scorre il testo, può essere quindi up, down, left e right. Scrollamount indica invece la velocità con cui scorrerà il testo.
<div style="width: 280px; height: 180px; margin-left: 5px;"> <font size="2" face="Verdana" color="#000000"> </font></div>Questa parte invece la utilizzo per non avere il testo sovrapposto all'immagine, il margin-left: 5px indica la distanza di 5px a sinistra.
size="2" face="Verdana" color="#000000" sono rispettivamente dimensione, il tipo di carattere e il colore che altrimenti varierebbero a seconda del blog in cui vengono inseriti.
E questo è tutto, se ci sono problemi ditemi pure.
Se prendi uno dei miei lavori, anche se non sei iscritto a splinder dimmelo nei
commenti (3) (popup) | commenti (3)
commenti (3) (popup) | commenti (3)
Commenti





























