14 maggio 2015

Graphic Tricks #6 sostituire i link con un'immagine

Buon pomeriggio c:
Nella puntata di questa settimana vi spiegherò come sostituire un link delle pagine con un'immagine. Nym mi aveva detto che qualcuno di voi lo aveva richiesto e perciò eccomi qui a mostrarvi come fare. Un passaggio molto più semplice di quanto immaginiate.

Lasciate perdere i colori improponibili e concentriamoci su come fare.
Innanzitutto, avete presente il gadger pagine? Bene, scordatevelo. Se non volete complicarvi la vita, seguite il mio tutorial abbastanza semplice per sostituire i link(e non solo quelli delle pagine) con un'immagine.
<ul>
<a href="LINK"><img src="URL IMG HOME" width="200"/></a>
<a href="LINK1"><img src="URL IMG LINK1" width="200"/></a>
<a href="LINK2"><img src="URL IMG LINK2" width="200"/></a>
</ul>
Il codice da utilizzare è questo, da incollare direttamente in un gadget html (se non vi ricordate dove si trova, cliccate qui). In link i link delle vostre pagine (o altro), in url img ecc. il codice delle vostre immagini (che potete generarlo dal sito TinyPic), in width la larghezza, mentre l'altezza si modificherà automaticamente, non andando a deformare l'immagine.

Ed ecco fatto! Spero di esservi stata utile. Al prossimo tutorial c:

2 commenti: