UszatyArbuz on DeviantArthttp://creativecommons.org/licenses/by-nc-nd/3.0/https://www.deviantart.com/uszatyarbuz/art/Custom-box-Meet-my-OCs-CSS-752055933UszatyArbuz

Deviation Actions

Custom box: Meet my OCs (CSS)

UszatyArbuz

Published: Jul 10, 2018

25K Views

Description

Commission Info dA Resources Prints Instagram ToyHou.se

LIVE PREVIEW (no background): OC's box sideway

CSS BASED WIDGET CODE DESIGN

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

A box that supposed to work a bit different but because of dA limitations I ended up with this

It's a pretty cool widget that can feature three of your OCS - when you hover the image, the image get smaller and sharper, and a tab appear where you can write little info about them, add some inventory and whatnot

The widget is responsive and fits smaller laptop screens as well as big monitors - images will be cropped for desired size so when you set it up make sure that the main character is on the very middle of the canvas (details on how to set it up are in Read-Me file). There is also a lot of customization elements such as Quote box, a few headers in different colors and Likes and Dislikes lists built in ordered and unordered lists, with hearts and crosses as bullets!

Premium content pack contains:

Text files codes:
- CSS base codes (the layout)
- Journal base code (the content)
- Widget base code (the background template)
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 resources: Free dA avatars - batch 1/5

I got a permission from M-ukki to use her arts for the preview purposes only: [AT] Red x Cynthia | [ZT] So..clovers are for StP's, not Spring-Fest? | [AT] Beautiful shooting star

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)