Monday 18 March 2013

Tuto : Floating Tab Menu

Heyy you ! Dah lame rase nya Ira tak buat tuto kan ? Hari ni tergerak pulak hati Ira nak buat kan tuto "Floating Tab Menu" . Nak tau macam mane bentuk dia ? Tengok lah kat blog Ira tu ^_^  
Tuto Time ! 
  1.  Sign in > Dashboard > Layout > Html/JavaScript
  2. Copy code di bawah nie ye .
<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}
a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>
<div style='display:scroll; position:fixed; top:140px; left:-12px;'>
<a class='linkopacity' href='Url Facebook' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="Url Image" /></a><br />
<a class='linkopacity' href='Url Twitter' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="Url Image" /></a><br /></div>

  •  Done copy ? Okey siap !


Good Luck ! ^_^

No comments:

Post a Comment

Assalamualaikum ! Tinggalkan komen korang :)

LinkWithin

Related Posts Plugin for WordPress, Blogger...