ShopDreamUp AI ArtDreamUp
Deviation Actions
Buy me a coffee :3
Support me with a coffee a month if you enjoy my resources or artworks! Each and every cup is appreciated and will be drunk right away (◔ั₀◔ั )◞♡
$3/month
Suggested Deviants
Suggested Collections
You Might Like…
Featured in Groups
backgroundbackgroundsbatchboxbuttonsclosedcodecodescodingcommissioncommissionscomplexcsscustomdecoratedecorationdesigndesignsfeaturefreefreetouseholdhtmljournalmenuonholdopenpackpackspayedpolandpolskapolskieprofileresourceskinstatuswidgetjournalskinp2uartstatusf2upaytousefreaturescustomboxlookingart
Description
LIVE PREVIEW : Gramophone player
CSS BASED WIDGET CODE DESIGN
Widget type: Featured deviationDeviant type: Core member
Last update: 11 VI 2018
Before purchase, please get to know with the On Premium Content and Refunds Q&A.
I've been wanting to do it since forever but just recently got time and motivation to get back to the widget codes. And here it is, a very sweet and retro looking music player!I had so much fun pixelling the gramophone and making the bouncy animation, though I was a bit scared of it at the beginning. I also added a ribbon that appears when you hover the gramophone, with a title and artist, in kinda retro theme as well.
Then I though that many people prefer pastel colors for their profiles so I made a variation, in pastel colors
This player can feature one song, and to listen to the song click the small gold Play/Pause button that is on the wooden box. You can also write your own title and song's author in the ribbon, and even decorate this text with emoticons or ASCII codes. You can chose one of the four versions that are in the pack: vivid (original) colors animated and still, and pastel colors animated and still player.
Premium content pack contains:
Text files codes:- CSS base codes (the layout)
- Journal base code in four versions - animated and still for retro and pastel colors (the content)
- Widget base code (the background)
Step by step tutorial on how to install it - click HERE to see the preview!
READ-ME.txt file with additional info about how to customize the content
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
Other similar resources:
Do not hesitate to note me if something doesn't work right! I'll try to fix the code ASAP!
Image size
423x425px 156.4 KB
Comments45
omg i love this i have to save for it
Comments have been disabled for this deviation