Discover Top Posts Tagged with #musictab

IIIIIII WASN'T TAUGHT TO SHARE, BUT CARE

IIIIIIIN ANOTHER LIFE I SURELY WAS THEEEEREEEE

IIIII WASN'T TAUGHT TO SHARE BUT CARE

I CARE

MAYBE I WASN'T THHHEEEREEEEE

IIIIINNNN ANOTHER LIFE I SURELY WAS THHHHEEEREEEE

EUGH EUGGHHHGGG

#SOBS INTO MY TAIL #WEH WERHHHGGHH #musictab #this is a rando song to me yall wouldn't get it

I've finally put up a music player on my blog.

#I wanted to do this a few months back #finally #;A;#musictab #personal

Does anyone have a guitar TAB for WMYB like how Niall plays it?

would be much appreciated! xx

#Onedirection #musictab

The Music Tab

I am writing this tutorial with the Sheep Productions player in mind, so you might have to read just the height/width of some things if you’re going to use another player. ~

Put this in the CSS (above the </style> tag):

#musicplayer {text-align: center;font-size: 11px;position:fixed;left:20px;top:-43px;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;z-index:999;} #musicplayer:hover {top:-10px;} #music {padding: 20px 0 5px 0;background: #fff;width:230px;border-bottom-right-radius: 5px;-moz-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;z-index: 9999;} #musictab {font-family:century gothic;text-shadow: 0 1px 0 #FFFFFF;height:30px;padding: 0 0 8px 0;background:#fff;border-bottom-left-radius: 5px;-moz-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;-moz-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;width: 50px;}

Now put the following below the <body> tag (important!—you will need to retype the quotation marks yourself because copying and pasting can get iffy on here):

<div id="musicplayer"> <div id="music"> <center>MUSIC PLAYER CODE</center> </div> <div id="musictab"> <br><img src="https://64.media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif"></div> </div>

You can change the gif URL to your own, but you need to use something favicon-sized.

To move the tab more to the right, find left:20px and increase the number to your taste. I suggest you don’t mess with anything else, unless you know what you’re doing. Do not forget to retype the quotation marks in the second part, or it will not work.

#musictab #music