Shop Mobile More Submit  Join Login


Submitted on
January 28, 2011
Image Size
1.1 MB


5,190 (who?)


Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.

Frequently Asked Questions (read this before asking)

:bulletblue: How do I put an image in my custom box?
<img src="url of image here"/>

:bulletblue: This code won't work!
I urge you to go through the tutorial and re-read it before asking me. It's hard for me to help you if I don't know the code you're using, and the code FROM THE TUTORIAL works if you copy and paste it and follow instructions.

:bulletblue: How do I make the inner box without the heading?
Please see the comment I made here, which will give you an inner box without a heading area!

I get like 10 questions a week on this. :noes:

Edited 5.15.11
This tutorial now has been edited to include how to get your image's URL if you're using Internet Explorer! :w00t:! It wouldn't have taken me so long, but Flash kept crashing whenever I tried to export my new file. ;^;

---EDIT 2---



I don't even know what to say!! Thank you to ^namenotrequired and `wdwparksgal for being amaaaaaaazing. I'm going to go pass out from joy! :woohoo:

If you have any questions at all, please ask away and I will answer!
If I don't answer your comments right away, please don't be discouraged. ;^; I kind of wish I had cleaned my inbox yesterday now that this amazing thing happened. XD

Edit: Thanks to ~missy2spencer for pointing out a little piece I neglected to explain.

I've never used Flash before.
What was I thinking?! :faint: /heavybreathingofdistress

It's okay. :aww: I think this turned out quite well, actually. It was an amazing learning experience for me, since I've never used Flash. :omg:

This was made for #PremiumMembers's weekly contest. This week's was:
We're challenging you to think about your favorite Premium Member features and write a very short how-to or a few tips on using it!

:lol: I think the operative word was "short"...... Maybe I, err, over-did it? ^^; But really, custom boxes are amazing, and there's not a simple, short way to really explain them! So I wanted to go in-depth...

...sorry some of this presentation is absolutely crazy. The majority of it (i.e., the first several steps) were written between 2 and 4 AM last night. :giggle: I finished it up after cleaning today.

I don't know how it's going to work, or if there will be bugs. /gulp/ So if you see anything gone awry, please let me know so I can fix it. :meow:

If you have suggestions for ways to improve this, please also tell me those! :la: I hope you can take something away from this presentation!

If you thought all of this was fancy, check out the creator/discoverer of all of this fancy stuff, *SparkLum. His resources are on ~Backup-Lunari!!!
Credit to =somrat (CHECK OUT HIS GALLERY, AT LEAST), $DEVlANT, =NaiveCRIMSON, and to the other deviants whose work I cited in there, or whose pages I displayed as an example. :aww:

Hmm, I think that that's it.


Codes and Images used/Helpful Links:
My background image: [link]

Custom Background Tutorial

To add your background image **remove the spaces**:
< div class="popup2-moremenu" >< div class="floaty-boat" >< img src="YOUR-IMAGE-URL-GOES-HERE" />< /div >< /div >

To add an inner box **remove spaces**:

< div class="gr-box" >
< div class="gr-box gr-genericbox" >< div class="gm-controls" >< /div >< i class="gr1" >< i>< /i>< /i>< i class="gr2" >< i>< /i>< /i>< i class="gr3">< i>< /i>< /i>< div class="gr-top" >< i class="tri" >< /i >< div class="gr" >< i class="icon i30" >< /i >< div class="thumb-holder cc-name" >BOX HEADING</div >< /div >< /div >< div class="gr-body"><div class="gr" >< div class="grf-indent pp">
</div >< /div>< /div>< i class="gr3 gb" >< /i >< i class="gr2 gb"></i >< i class="gr1 gb gb1" >< /i>
</div >

Buttons: [link]
Moar buttons:

The biggest resource of all: :iconwoooplz:
Add a Comment:

Daily Deviation

Given 2011-04-06
Sexify Your Page: Custom Boxes by =SanguineEpitaph CATEGORY: deviantART Related / deviantART Tutorials The Suggester states, ".....a great tutorial explaining its subject, in sufficient detail but still clear enough to be understood by people who have no experience with it. Also contains links to many other helpful resources, and I love the visual of it too!" ( Suggested by namenotrequired and Featured by WDWParksGal )
Dear SanguineEpitaph,
As a premium member myself i really enjoyed learning how to customize my boxes with your flash tutorial tutorial.
This flash tutorial is great. There are many nice graphics displayed through out the tutorial. Great for visual learners :)The text is very descriptive throughout the entire tutorial making it very easy for deviant artists of all levels of experience to achieve. I love how its not too much text. Its just the right amount making it easy to understand. I suggest all deviants looking to customize their page and boxes use SanguineEpitaph's wonderfull tutorial to achieve box customization.
What do you think?
The Artist thought this was FAIR
279 out of 287 deviants thought this was fair.

Being a first time with a preimium membership, this tutorial helped me finally understand how to put a BG on my custom boxes. It turned out great. The steps are eays to follow and understand. The code is practically written out for you and you don't have to think about "how do I do this" or "how do I do that" because (as I said before) it is CLEARLY explained.

This is an amazing step by step tutorial for putting a BG on your custom box.

Great job. I am more than satisfied with this. You have earned the DD.
What do you think?
The Artist thought this was FAIR
166 out of 168 deviants thought this was fair.

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

BlossutchQueen Featured By Owner Oct 29, 2014  Hobbyist Writer
What if once I complete this, I see nothing?
Sonyasworlds Featured By Owner Oct 24, 2014  Hobbyist Digital Artist
Does this work with group pages?
Shina-K Featured By Owner Oct 16, 2014  Student General Artist
is there a way to add a background to the smaller box?
triplet99c Featured By Owner Oct 15, 2014
How would I add a background to my other boxes on my profile like my favs and newest deviations and stuff...? all I am seeing is things for custom boxes...
copper9lives Featured By Owner Oct 5, 2014  Hobbyist General Artist
THANK YOU for this!!! :heart:
SnowFlake-Storm Featured By Owner Oct 5, 2014
thank you so much you have no idea how much you've helped me! <3 ;v;
Tharkenta Featured By Owner Oct 3, 2014  Hobbyist General Artist
Thank you very much for this tutorial!
DigiSprinkles Featured By Owner Sep 20, 2014  Student Digital Artist
do you have any idea how to put an image next to an inner box(like on the right or left of the box)?
Add a Comment: