Νέοι bloggers γεια σας !!! Θέλετε να αλλάξετε τη ορατότητα των εικόνων σας, και μόλις βάζετε το ποντίκι επάνω τους να αλλάζει η φωτεινότητα/διαφάνεια; Πάμε να το κάνουμε...με δύο διαφορετικούς τρόπους
1oς τρόπος: ...όταν βάζουμε μια εικόνα στα gadget, ΜΕΤΑΤΡΈΠΟΥΜΕ τον κώδικα ως εξής:
(image without hyperlink)(εικόνα χωρίς link)
<img
onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=40"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
style="opacity:0.4;filter:alpha(opacity=40)" width="100"
height="100"src="ΤΟ URL / ΔΙΕΥΘΥΝΣΗ ΤΗΣ ΕΙΚΟΝΑΣ" />
(image with hyperlink)(εικόνα με link)
<a onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=40"
style="opacity:0.4;filter:alpha(opacity=40)"
href="ΤΟ URL / ΔΙΕΥΘΥΝΣΗ ΤΟΥ LΙΝΚ" target="_blank">
<img width="100"
height="100"src="ΤΟ URL / ΔΙΕΥΘΥΝΣΗ ΤΗΣ ΕΙΚΟΝΑΣ" /></a>
και μπορείτε να αλλάξετε τη μεταβλητή (opacity=0.5) : από 0.1 εως 0.9
2ος τρόπος:... Μπαίνουμε ΣΧΕΔΙΑΣΗ=>Επεξεργασία HTML=>
Πατήστε ΑΠΟΘΗΚΕΥΣΗ....
<a class="opacity" href="http://www.egioparalia.com/" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="ΤΟ URL / ΔΙΕΥΘΥΝΣΗ ΤΗΣ ΕΙΚΟΝΑΣ" /></a></div>
Αυτό ηταν όλο...ΚΑΛΗ ΕΠΙΤΥΧΙΑ!!! Μπορείτε να δείτε το DEMO
Μετάφραση, διασκευή, από blogger-help.com/ και bloggerbits.com/

0 σχόλια:
Δημοσίευση σχολίου