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
backgroundbackgroundsbatchboxbuttonsclosedcodecodescodingcommissioncommissionscomplexcsscustomcutedecoratedecorationdesigndesignsfeaturefreefreetousegameholdhtmljournalmenunintendoonholdopenpackpackspaintpayedpikachupokepokedexpokemonpokemonspolandpolskapolskieprofileps4psyduckredresourceskinstatusswitchwidgetwiijournalskinwiiup2uartstatusf2upaytousefreaturescustomboxlookingartpokemonfanartpokemonnintendo
Description
LIVE PREVIEW : pokedex
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 had this idea for awhile, but it's rather fresh regarding other ones that sits in my head for months now.. I decided to make a Pokédex based widget
On the left side there is a place for your image (at least 150x90px), which you can add in CSS (it's reallysimple and described in attached Read-Me file). Below, maybe not too visible, a button that holds one YouTube song of your choice - when you hover the button, the title and artist will appear on the box below it.
On the right side of the Pokédex there is a small box for the text content (or any content in general), and as always if you write too much content it will become a scrolling box, so nothing is lost from your page. Then, a menu with blue buttons, but I suggest to keep the button names really short, same for the white buttons that are right below them. Lastly, a two column section for the text content and whatnot, and again they will become a scrolling boxes if you add more content.
I usually do pixel arts for widgets like this one, but I enjoyed doing it kind of 'smoother' a lot!
Premium content pack contains:
Text files codes:- CSS base codes (the layout)
- Journal base code (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
For the preview, I have used this free to use resource: 5: Pastel Yellow Custom Box 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
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
651x436px 61.84 KB
Comments32
AMAZING! Have purchased, thank you so much <3
Comments have been disabled for this deviation