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

Deviation Actions

UszatyArbuz's avatar

Custom box: Pokedex (CSS)

By
Published:
8.7K Views

Description

LIVE PREVIEW :  pokedex


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 had this idea for awhile, but it's rather fresh regarding other ones that sits in my head for months now.. :lol: I decided to make a Pokédex based widget :D

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! :la:


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 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 :) (Smile)



Other similar resources: 
Custom box: Six tiles gallery (CSS) by UszatyArbuz Custom box: Spiral notebook devID (CSS) by UszatyArbuz Custom box: Tabs devID (CSS) by UszatyArbuz Custom box: RP profile box (CSS) by UszatyArbuz Custom box: Super condensed,responsive devID (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
651x436px 61.84 KB
Comments32
mewco's avatar
AMAZING! Have purchased, thank you so much <3
Comments have been disabled for this deviation