“MUSIC BOX” AUDIO PLAYER
LIVE PREVIEW
- This music player displays simple text saying “music,” but when hovered over slides away revealing the album artwork and then the song info. and music player.
- The album art auto-sizes too 100px by 100px.
- the default position is in the bottom left-hand corner
- billy music player is suggested
- credit is always appreciated, but not required.
- !BE SURE TO RETYPE ALL QUOTATION MARKS!
INSTALLATION:
TO BE PUT IN CSS: (abover </style>)
.musicbox {
overflow:hidden;
position:fixed;bottom:15px;left:15px;
height:100px;
width:100px;
border:2px solid transparent;
-webkit-transition: all 1.5s ease-out;
-moz-transition: all 1.5s ease-out;
-o-transition: all 1.5s ease-out;
}
.musicbox:hover {
border:2px solid #eee;
}
.peanuts {
height:100px;
width:300px;
-webkit-transition: all 1.5s ease-out;
-moz-transition: all 1.5s ease-out;
-o-transition: all 1.5s ease-out;
}
.packaging {
font-family:cambria;
font-size:9px;
color:#000;
height:100px;
width:100px;
float:left;
}
.musicbox:hover .peanuts {
margin-left:-200px;
}
TO BE PUT IN THE HTML: (below <body>)
<div class=”musicbox”>
<div class=”peanuts”>
<div style=”text-align:center;line-height:98px;”class=”packaging”>music</div>
<img style=”height:100px;width:100px;” class=”packaging” src=”ALBUM ART IMAGE URL”>
<div style=”height:90px;width:90px;padding:5px;background-color:#fff;”class=”packaging”>
</p><b>TRACK:</b> TRACK NAME<br>
<b>ARTIST:</b> ARTIST NAME<br>
<b>ALBUM:</b> ALBUM NAME
<div style=”margin-top:15px;overflow:hidden;width:48px;”>
MUSIC PLAYER CODE
</div>
</div>
❞
QUESTION: What was the very first theme you have ever made?
ANSWER: the veeery first theme I ever made was one I didn’t real release.
but it was a while ago ._.
it had a sidebar image with a description under it and when you hovered over it, the picture would move over with a menu in it c:
And actually i was surprised when gyapo made this theme a while back because it was so similar to that theme haha
ASKED BY Anonymous
❞
QUESTION: how to uninstall a theme of yours?
ANSWER: Simply install another theme and it will go away!
ASKED BY Anonymous
❞
QUESTION: Yoh! this is random but i wanted to know which one of your themes is your favorite ?^^
ANSWER: ahh this is a nice question and a change of pace!
hmm I really like the mendax theme.
and I really like occulta c:
ASKED BY Anonymous
❞
QUESTION: Is there any possible way on your buxos theme to make the space in the posts smaller; like says there's a gif set and is it possible to make the post fit snug around the gif instead of the space or...?
ANSWER: hmm, im not sure what you mean.
ASKED BY Anonymous
❞
QUESTION: Hey, I'm using the Iusto theme and it's perfect! But the only trouble I'm having is with the content sources. when people click on the Images I reblog, it takes them to the original blog that posted the photo. Does that make sense? How can I change that so that it takes them to where the picture is on MY blog.
ANSWER: hello!
yes this is something I put in the theme on purpose, but you can take it out. in your code find:
{LinkOpenTag}
<meta name=”{PhotoAlt}” content=”{PhotoAlt}”/>
and {LinkCloseTag}
and it should go away!
ASKED BY Anonymous
err for some reason the link on my blog for “all themes” was not working.
I guess tumblr is redirecting “/themes” links to their own theme page now?
Umm but it is fixed now
sorry about the trouble.
❞
QUESTION: hi I'm not sure if it's just me but when I click on the 'all themes' link it takes me to tumblr's theme page? ><
ANSWER: Hi!
uuuuuuh yeaaaaaaah
I just noticed that ._.;
(it should be doing that and I just answered someone’s question saying it doesn’t do that. oh no)
uuhm I will get on fixing this right away
sorry about that!
ASKED BY Anonymous
