UszatyArbuz on DeviantArthttp://creativecommons.org/licenses/by-nc-nd/3.0/https://www.deviantart.com/uszatyarbuz/art/Custom-box-Modern-Player-CSS-684252949UszatyArbuz

Deviation Actions

UszatyArbuz's avatar

Custom box: Modern Player (CSS)

By
Published:
13.4K Views

Description


LIVE PREVIEW :  Modern player


CSS BASED WIDGET CODE DESIGN

Widget type: Featured deviation
Deviant type: Core member
Last update: 11 VI 2018
Before purchase, please get to know with the On Premium Content and Refunds Q&A.


I still got quite a bit ideas for the song players for dA, and this one is one of them!
This time a bit more modern look, light and shiny, that suppose to look like a some kind of fully working music player. Obviously, only the Play button works and other buttons as well as sound bar doesn't work. Despite that, the player is heavily customable and you can add your own player background (change the one with flowers), and the icon that is going to appear next to the Artist and Title. The sound graph is animated as well, and you can check it out on the live preview below.

Each player can feature one song, and to listen to the song click the Play button. You can also write your own title and song's author, and decorate this text with emoticons, small deviations or ASCII codes. Tested with YouTube songs only, on Firefox and Chrome.


Premium content pack contains:

Bullet; Green Text files codes:
- CSS base codes (the layout)
- Journal base code (the content)
- Widget base code (the background)

Bullet; Green Step by step tutorial on how to install it - click HERE to see the preview!
Bullet; Green READ-ME.txt file with additional info about how to customize the content

For the preview, I have used these stocks for the backgrounds: With All Kind Thoughts | Custom Box - Vintage Background


RULES
1. No distribution is allowed! Only for personal use.
2. You can change the code anyhow you want, but no further selling is allowed.
3. You cannot use this premium content as journal skin for your journal, or as a base to create a journal skin.
4. Please give a PROPER CREDIT as described in my Terms of Service
5. If you have any questions or problems with installing or editing it, note me for help :) (Smile)



Other similar resources: 
Custom box: Pastel mixtape music player (CSS) by UszatyArbuz Custom box: Hover to display hidden boxes (CSS) by UszatyArbuz Custom box: Super condensed,responsive devID (CSS) by UszatyArbuz Custom box: Green and purple (CSS) by UszatyArbuz Custom box: Art vs Artist (CSS) by UszatyArbuz
 
Do not hesitate to note me if something doesn't work right! I'll try to fix the code ASAP!
Image size
651x460px 350.8 KB
Comments57
Nephaleim's avatar
Okay so, question!
Is this pretty much like a journal? Like I want to feature a journal but cannot find any codes for that. I was wondering if I would be able to do that with these codes.
Comments have been disabled for this deviation