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:

I always needed time on my own I never thought I'd need you there when I cry And the days feel like years when I'm alone And the bed where you lie is made up on your side When you walk away I count the steps that you take Do you see how much I need you right now When you're gone The pieces of my heart are missing you When you're gone The face I came to know is missing too When you're gone The words I need to hear to always get me through the day and make it ok I miss you I've never felt this way before Everything that I do reminds me of you And the clothes you left, they lie on the floor And they smell just like you, I love the things that you do When you walk away I count the steps that you take Do you see how much I need you right now When you're gone The pieces of my heart are missing you When you're gone The face I came to know is missing too When you're gone The words I need to hear to always get me through the day and make it ok I miss you We were made for each other Out here forever I know we were, yeah All I ever wanted was for you to know Everything I'd do, I'd give my heart and soul I can hardly breathe I need to feel you here with me, yeah

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:

<table>
<tr><td></td></tr>
<tr><td></td></tr>
</table>

Benissimo, dobbiamo inserire il testo scorrevole, ovvero il marquee.
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">&nbsp;</td> </tr>
<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>

Spiego subito ogni parte:

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

Molte persone mi hanno chiesto sia come si rimpiccioliscono gli adesivi (soprattutto per le colonne) o dove si mettono i vari codici che si prendono dai siti.

Per consecutio temporum, direi di spiegare prima dove metterli e poi come modificarli.

COME UTILIZZARE I CODICI CHE PRELEVI DAI SITI

I codici, più o meno, hanno tutti la stessa la stessa forma e cioè:

<A HREF="http://klakli85.splinder.com">   <IMG SRC="http://immagine.gif" BORDER="0" > </A>

Benissimo, questo codice lavora in html, quindi va messo dove è supportato.

PER METTERLO IN UN POST
E' più semplice di quello che sembra.

Andiamo prima di tutto sulla pagina di splinder adibita alla scrittura di un post.
Appena sotto il titolo ci sono dei pulsanti, tra cui CODICE.
Benissimo, cliccandolo entriamo nella modalita HTML, basta soltanto incollare il codice.

Nel msn space l'unica cosa che cambia è che nei pulsanti c'è <HTML> invece di codice. Ma la sostanza non cambia

In entrambi i casi, ricliccando il pulsante vedrete l'immagine.

PER METTERLO IN UNA COLONNA
Questo è più difficile ma niente di trascendentale.

Nelle colonne prima di tutto create un "titoletto" adesivi in modo tale da metterli tutti in uno stesso spazio. Spesso le designers lo mettono come ultimo in fondo, perchè esteticamente l'effetto è migliore (tanto essendoci i post si vedranno comunque) e perchè è più facile per gli inesperti l'inserimento del codice adesivo senza cancellare nulla nel codice del template.

Come inserirlo dunque nelle colonne?
Bisogna andare a lavorare sul codice del template.
Come al solito copiatevelo tutto e incollatelo in un documento word, e salvatelo.
Benissimo, individuate il "pezzo" in cui volete gli adesivi, e incollate il codice prelevato nei siti.

!!! ATTENZIONE A NON CANCELLARE NULLA !!!

Se dovesse accadere avrete comunque la copia originale e potrete sempre tornare indietro.

Se nel template era previsto lo spazio adesivi, le designers sicuramente vi avranno scritto " gli adesivi non devono superare i 180px" (180 è indicativo).
E qui arriviamo al secondo punto del tutorial:

COME RIDIMENSIONARE GLI ADESIVI

Riprendiamo quindi il codice:

<A HREF="http://klakli85.splinder.com">   <IMG SRC="http://immagine.gif" BORDER="0" > </A>

Il pezzo <A HREF="http://klakli85.splinder.com">  </A> serve a collegare l'immagine al sito da cui lo prendete. Per chiarirci è il CREDITS che non va mai tolto, per rispetto del lavoro altrui e poi per evitare problemi tra blogger. Senza contare che è una questione di rispetto, lavoriamo gratis, per passione il minimo che potete fare è rispettare il nostro lavoro.

Benissimo.
NEI POST basta tornare alla modalità normale, clicca sull'immagine vedrai comparire dei quadratini guida. Lavorando su di essi, sarà facile ridimensionare l'immagine.

NELLE COLONNE dobbiamo invece lavorare con l'html.
La parte da modificare è la seconda parte del codice.
Per intenderci, questa: <IMG SRC="http://immagine.gif"  BORDER="0" >

Se la vostra colonna è 180 pixel (sempre a titolo esemplificativo) allora il codice andrà modificato come segue:

<IMG SRC="http://immagine.gif" BORDER="0" width="180" >

Se non sapete quanto siano larghe le colonne non vi resta che andare a tentativi, ma 180 di solito va bene. Modificando così la larghezza, l'altezza si regolarerà in proporzione.

Ok, ho concluso. Se ci fosse qualcosa di poco chiaro, chiedete pure.
Alla prossima.

Ecco un nuovo tutorial.

Quest'oggi vi spiego come mettere quelle caselline che spesso trovate nei blog di grafica per prelevare le immagini.

Essendo codici HTML, vanno utilizzati sempre in modalità CODICE (in splindere) o <HTML> (per msn space).
Questi sono utilizzabili e visibili sia con Explorer che con Mozilla.

Per ottenere questo effetto

inserisci il tuo testo qui

Il codice da inserire è quindi molto semplice:

<TEXTAREA>inserisci il tuo testo qui </TEXTAREA>

Se invece preferite questo

selezione al passaggio del mouse