#popup boxes

Feline Themes Presents: iPawd - A Custom jPlayer Music Player Popup

Okay, so I know I haven’t released a new code in MONTHS. Yeah... sorry about that super long hiatus from making themes. But I am back, and I have greatly improved my coding skills over the last few months through editing my personal theme on my main blog.

Anyways, that said, while I don’t have a full new theme for you today (but I have a new base code, so they are coming), I do have a brand new popup for you! Because, as you may have noticed, there aren’t too many options out there in terms of music players, and Hypster was (and may still be) broke for a long time. So I found jPlayer and used it to put together this customizable, editable from your theme editor music player!

Preview The Popup & Get The Code

Features

Playlist Compatible, Add As Many Songs As You Want

Volume Controls Included [Mute Button/Volume Slider]

Shuffle & Repeat Buttons Included

Shows The Album Art, Artist, And Song Title Of The Current Song Playing

Yes, It Still Works With The Popup Closed :)

Please note that this tutorial may be a bit more advanced for some as it requires slight editing of jQuery to get your playlist. It is also crucial that you follow all the directions carefully in the tutorial! I am more than willing to help you if you need it but I hope that the tutorial will be super helpful to you.

Feline Themes: Zodiac Sign Popups

So, it has seriously been forever since I have released any new themes or codes. Sorry for slacking, life has just been really crazy for me lately. But I have several things to release to you guys in the near future!

Anyways! When I released the code for my birthday page, I also said there would be some optional zodiac sign pop-ups to go with it, and here they are! 

FEATURES

All 12 Zodiac Signs are included! Each with it’s own popup!

I have included some zodiac facts for fun on each popup. You may change these if you really wish to, but these are the “official” facts I sourced from this astrology site. *Zodiac facts are not mine, all credit on those goes to the site I sourced them from.*

Other Information

Intended for use with my my birthday page layout.

These should work however, with any page theme, so feel free to use them however you’d like.

You can see a preview of them here. Just click through the zodiac links.

I’ll just provide links to the tutorials I used when i was learning how to use popups!

This is starious’ tutorial, probably the best one to start out with.

This page has various links and more detailed html doodads to help you with detailing your code.

if you want something super simple and straightforward, str-wrs has code for popups here.

1. If you already have one pop up, ignore this step. If you do not ha a pop up yet, follow steps 1 and 2 from this tutorial.

2. Paste this code under </body> but BEFORE the code for the other pop up. If you place the code after it will cause problems. 

3. Wherever you would like your link to be, meaning the link that you click to make the box pop up, paste this code. This link can go anywhere on your blog, even inside another pop up. 

4. To add even more popups, repeat steps 1 and 2, but replace the 03 with 04. (In BOTH of the codes) Then you would use 05, then 06, and so on.