If you make a button for the tabs own home, guest book, etc sometimes it's not lengakap when highlighted does not occur if any effect, this time I wanted to share about how easy to make a button we have the blur effect when it will be clicked on, for more details, see the comparison below: 1. Keys without blur effect (direction of your mouse right on the home button keboen fish)
2. Buttons with blur effects (once again point your mouse at the home button keboen fishes below)
. Button_x img {filter: alpha (opacity = 100);-moz-opacity: 1.0; opacity: 1.0; border: 0;} . button_x: hover img {filter: alpha (opacity = 50);-moz-opacity: 0.50; opacity: 0.50; border: 0;}. button_xxtra: hover img {filter: alpha (opacity = 0.50);-moz-opacity: 0.50; opacity : 0.50; border: 0;}
Bagaminana interested to try it? really easy way to stay just follow the way "the following:
\u0026lt;style>
. button_x
img {filter: alpha (opacity = 100);
-moz-opacity: 1.0;
opacity: 1.0;
border: 0;}
. button_x: hover img {
filter: alpha (opacity = 50
); -moz-opacity: 0.50; opacity: 0.50; border:0; }
.button_xxtra:hover img {
filter:alpha(opacity=0.50);
-moz-opacity: 0.50;
opacity: 0.50;
border:0;
}
</style>
<a class="button_x" href="
URL_LINK_KETIKA_TOMBOL_DIKLIK
"><img src="
URL_IMAGE_KAMU " title=" By: hamyahya.blogspot.com " alt=" By: hamyahya.blogspot.com " width="130" height="50" /></a> <a class="button_x" href=" URL_LINK_KETIKA_TOMBOL_DIKLIK "> \u0026lt;Img src ="
URL_IMAGE_KAMU "title =" By: hamyahya.blogspot.com "alt =" By: hamyahya.blogspot.com "width =" 130 "height =" 50 "/> \u0026lt;/ a> You live copy the script above then add the gadget (at page element), select HTML / javascript, then paste that code over there," For the number 50 is the opacity of the color red can you set yourself ( 0-100). For URL Link is a destination url when the button is clicked. And Url Image is the URLs of the image that you are using. To add a button (let me stay in the copy aja lined continued from \u0026lt;a. ... sampa \u0026lt; / a> then paste it under \u0026lt;/ a> that there dah. Okeh Salvation try ....
opacity: 1.0;
border: 0;}
. button_x: hover img {
filter: alpha (opacity = 50
); -moz-opacity: 0.50; opacity: 0.50; border:0; }
.button_xxtra:hover img {
filter:alpha(opacity=0.50);
-moz-opacity: 0.50;
opacity: 0.50;
border:0;
}
</style>
<a class="button_x" href="
URL_LINK_KETIKA_TOMBOL_DIKLIK
"><img src="
URL_IMAGE_KAMU " title=" By: hamyahya.blogspot.com " alt=" By: hamyahya.blogspot.com " width="130" height="50" /></a> <a class="button_x" href=" URL_LINK_KETIKA_TOMBOL_DIKLIK "> \u0026lt;Img src ="
URL_IMAGE_KAMU "title =" By: hamyahya.blogspot.com "alt =" By: hamyahya.blogspot.com "width =" 130 "height =" 50 "/> \u0026lt;/ a> You live copy the script above then add the gadget (at page element), select HTML / javascript, then paste that code over there," For the number 50 is the opacity of the color red can you set yourself ( 0-100). For URL Link is a destination url when the button is clicked. And Url Image is the URLs of the image that you are using. To add a button (let me stay in the copy aja lined continued from \u0026lt;a. ... sampa \u0026lt; / a> then paste it under \u0026lt;/ a> that there dah. Okeh Salvation try ....
0 comments:
Post a Comment