UszatyArbuz on DeviantArthttp://creativecommons.org/licenses/by-nc/3.0/https://www.deviantart.com/uszatyarbuz/art/Custom-box-RP-profile-box-CSS-687599937UszatyArbuz

Deviation Actions

UszatyArbuz's avatar

Custom box: RP profile box (CSS)

By
Published:
40K Views

Description


LIVE PREVIEW :  RP profile box


CSS BASED WIDGET CODE DESIGN

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


I had an idea for this box for forever now :lol:

This widget have a set up size, and looks like a box featuring a character from sort of a RPG game.
On the very top there is a box name that can be set up as you wish.

Next there are two columns. In the left columns there is a place for the image (should be exactly 158x158px), next a name and some stats, or coin balance. Then, a Guild box that is especially for your friends or inspirations, but you can title it as you wish so it can have different purpose.

On the left column, on top there is a big box for you content. Below is a smaller box called Inventory with up to 8 different icons that acts like a directory - every icon is a link that you can set up and entitle. The item aka link name will appear when hovering the icon.

A very complex and compact looking widget, great to introduce your OC on deviantArt! :D


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 resources: Pastel copyright statement | Free-to-use Identity Pixel Set | Juliea | pixel orange/brown progress bars | Lullaby Custom Box Background

Generic Inventory Items with a permission for commercial use from SugarySweetSprites



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: Gramophone music player (CSS) by UszatyArbuz Custom box: Super condensed,responsive devID (CSS) by UszatyArbuz Custom box: Green and purple (CSS) by UszatyArbuz Custom box: Responsive Four columns devID (CSS) by UszatyArbuz Custom box: Diamonds and squares (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 109.81 KB
Comments44
Hellebore-Rain's avatar
Hi! I was wondering if the top banner (The very top with the X and were the quote goes) color can be changed. I found out how to color the other boxes, though will this always be pink and red?
Comments have been disabled for this deviation