15. Januar 2013

Tip #1 - Email Adresse auf Bild verlinken

Hallo zusammen,

in letzter Zeit bastle ich gerne mit HTML rum und ich dachte mir ich gebe euch ein paar nützliche Tipps weiter.

Heute möchte ich euch zeigen wie man seine Email Adresse auf ein Bild verlinken kann. Ich habe ewig danach im Netz gesucht und musste dann feststellen das es doch ganz simpel ist. ^^

Sucht euch ein Bild, welches euch gefällt und zu eurem Design passt. Bei mir ist es dieses kleine grüne Icon.


Dieses lädt ihr auf kostenlose Bildhooster, z.B. Picasa, tinypic etc., hoch. Somit haben wir schon mal die Bildadresse.


Dann müssen wir folgendes machen. Wir fügen eines neues Gadget in unser Layout ein.

Dashboard --> Layout --> Gadget hinzufügen --> HTML Feld




Dann fügen wir folgenden Code ein.

<a href="mailto:Email-Adresse"><img src="Bildadresse" width="48" height="48" title="Email" /></a>

Das sieht dann so aus. 



Dann fügt ihr nur noch eure Email Adresse ein sowie die Bildadresse, die wir vorhin über tinypic erhalten haben. Bei "width" und "height" können wir noch die Größe des Bildes einstellen.

Bei mir sieht das ganze so aus. Ich habe noch ein paar Icons in dem Feld. 



Schaut immer wieder ob die Größe stimmt und ob der Link funktioniert. Dann ist euer Email - Button/Bild auch schon fertig.

Ich hoffe ich konnte euch weiterhelfen.



Keine Kommentare:

Kommentar veröffentlichen