[ domenica, 04 febbraio 2007 , 11:26 ]
Gli adesivi.. questi sconosciuti
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.
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.
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:
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:
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.
Per consecutio temporum, direi di spiegare prima dove metterli e poi come modificarli.
COME UTILIZZARE I CODICI CHE PRELEVI DAI SITI
<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.
Se prendi uno dei miei lavori, anche se non sei iscritto a splinder dimmelo nei
commenti (popup) | commenti
commenti (popup) | commenti
Commenti
Aggiungi questo link su:
