navigation.

return? ask away pixels resources tutorials the themes

gyapo:

Music Corner. Credit appreciated.

In the CSS part (above </style>)

#cornerplayer

{z-index:999;

background-color:#000;

width:50px;

height:50px;

border-radius:0px 50px 0px 0px;

-moz-border-radius:0px 50px 0px 0px;

position:fixed;

overflow:hidden;

bottom:0px;

left:0px;

-webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;}

#icon

{margin-top:25px;

margin-bottom:20px;

margin-left:-5px;

-webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;}

#cornerplayer:hover

{width:200px;

-moz-border-radius:0px;

border-radius:0px;}

#cornerplayer:hover #icon

{margin-top:10px;

margin-left:0px;

margin-bottom:4px;}

In the HTML part (after <body>) - you must retype ALL the quotation marks

<div id=”cornerplayer”><center>

<div id=”icon”><img src=”http://i122.photobucket.com/albums/o260/mhilka/minigifs/minigif01.gif”/></div>

<div> MUSIC PLAYER CODE HERE </div>    

</center> </div>

# tutorial
» via  gyapo   (originally  gyapo)
1 year ago on 18 June 2012 @ 10:35am 705 notes
  1. fumblingartist reblogged this from gyapo
  2. eerie-lime reblogged this from gyapo
  3. eun-hyukjae reblogged this from gyapo
  4. grade8ed reblogged this from gyapo
  5. crateyre-thewolf reblogged this from third-children
  6. third-children reblogged this from gyapo