Shop Mobile More Submit  Join Login

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
318 out of 328 deviants thought this was fair.

Critique by Masqurade-Chan Mar 26, 2012, 6:56:55 PM
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
203 out of 205 deviants thought this was fair.

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

JayMazz Featured By Owner Oct 2, 2015  Hobbyist Digital Artist
I owe you my life.
Lisaneee Featured By Owner Jul 23, 2015
This doesn't work. When I enter the code it doesn't show up :(
Juniperkitten Featured By Owner Jul 18, 2015  Hobbyist Digital Artist
Very helpful, used this for my group <3
Piko-Ai-chan Featured By Owner Jul 10, 2015  Hobbyist General Artist
Can someone please explain to me how to use scroll boxes in custom boxes? I have tried everything and nothing works :'(
CandyCatArt Featured By Owner Jun 27, 2015  Hobbyist Digital Artist
mine doesn't work......the code doesn't it only gave me a link.
Nationsofculture Featured By Owner Jun 9, 2015  Hobbyist
Didn't help me I keep having the same problem where I put in the right code and img. but yet it shows nothing?
Vaporeonsflame Featured By Owner May 19, 2015  Hobbyist Traditional Artist
I have tried EVERY LITTLE DETAIL and I cant git it to work. only a fraction of the picture shows up!
ToothpasteBeatboxer Featured By Owner Apr 25, 2015  Hobbyist Digital Artist
This is really, really helpful. Thank you so much for making this!!
xXFizzFaceXx Featured By Owner Edited Apr 11, 2015
*Heavy Breathing* I finally found a tutorial that works... OH MY GOD!!! Thank you!!!
PaMonk Featured By Owner Apr 5, 2015  Professional General Artist
Awesome Info thanks for sharing and Congrats on this DD  Also.:D
glazedcoconut Featured By Owner Feb 8, 2015  Hobbyist General Artist
Thanks! This really helped!
satansugermama Featured By Owner Feb 8, 2015  Student Digital Artist
Hi ! so i put the costom box and everything but idk how to edit the inner box. All it says is "content goes here" so how do i write in it?
xXInsaneKittyCatXx Featured By Owner Feb 1, 2015  Hobbyist Digital Artist
This was literally the only one that actually helped me ;;w;;
White-Moonlight Featured By Owner Jan 29, 2015  Hobbyist Digital Artist
Gracias por enseñarnos! esto realmente me ayudó !!!
penguinlove2506 Featured By Owner Jan 24, 2015  Hobbyist General Artist
This has to be one of the best tutorials out there

10/10 so shexay
Burgatory Featured By Owner Jan 9, 2015  Hobbyist General Artist
You said
was used for dividing content, I thought it was
kuru-okami Featured By Owner Jan 7, 2015  Hobbyist Digital Artist
That is so helpful, thank you very much for making this tutorial! I am so glad I found it since I'm a noob with html. Thank you!!!♥
Dame-Hailey Featured By Owner Jan 6, 2015  Student Traditional Artist
justlovearts Featured By Owner Jan 4, 2015  Hobbyist
uhmmm...the bg works but the content header doesn't work by me ^^; 
BlossutchQueen Featured By Owner Oct 29, 2014  Hobbyist Artist
What if once I complete this, I see nothing?
OutflowIslandArt Featured By Owner Dec 24, 2014  Hobbyist Traditional Artist
Yeah, that happened to me.
BlossutchQueen Featured By Owner Dec 24, 2014  Hobbyist Artist
Kaizellea Featured By Owner Jan 2, 2015
It's because you aren't a Premium Member
BlossutchQueen Featured By Owner Jan 2, 2015  Hobbyist Artist
No, that was when I WAS a premium member.
Kaizellea Featured By Owner Jan 2, 2015
Oh. XD
BlossutchQueen Featured By Owner Jan 3, 2015  Hobbyist Artist
yep :3
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  Professional 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!
Sperkel-Derg Featured By Owner Sep 20, 2014  Hobbyist General 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)?
CloveCoinpup Featured By Owner Mar 7, 2015  Hobbyist Filmographer
Hi,do you still next help with that?
Sperkel-Derg Featured By Owner Mar 7, 2015  Hobbyist General Artist
yes c:
CloveCoinpup Featured By Owner Mar 7, 2015  Hobbyist Filmographer
Okay so <img src="URL OF THE PICTURE HERE" align="right"/>

If you want it to be alittle bit on the box of you text,you have to put it in the context of the box.If you want it off of it just copy the code under or on top of it.If you want it to be on the left,middle,or right,just detele "right" in the code and write left,middle or right.I you want it to be on top of the box you have to put the code in the begginging of your context of your box code.Or in the bottom of it,with it alittle bit on the box,you put the code in the bottom of your context box code.

If you need help with get "ur of the picture here",you need chrome (I think),right click the picture of the one you want and you click copy url.Go change the code,detele URL OF THE HERE and replace it with the url by holding your CTRL buttom and v at same time.Just don't detle the "s because those are kinda important.

I hope this helped. :)
Sperkel-Derg Featured By Owner Mar 8, 2015  Hobbyist General Artist
thanks! I kind of scrapped the idea, but I know it'll come useful later :)
CloveCoinpup Featured By Owner Mar 8, 2015  Hobbyist Filmographer
You're welcome. ^w^
Sperkel-Derg Featured By Owner Mar 9, 2015  Hobbyist General Artist
Guardian-Samurai Featured By Owner Aug 26, 2014  Hobbyist Artisan Crafter
Hello :D I was wondering if maybe you could help me out a bit. I've been trying to get this to show up on my page… and I've followed what i think was the appropriate steps (using the img src coding that you listed.) but it never seems to show up :/ Is there something that i can do to get it to work?
shuryukan Featured By Owner Aug 22, 2014  Hobbyist Digital Artist
great tutorial!
Konimous22 Featured By Owner Aug 12, 2014  Hobbyist Digital Artist
Can you help me out? I am no a tablet, and it will not let me use it. So can you send me like the copy version in a comment???
SpiritClaw123 Featured By Owner Aug 1, 2014
no one will help me with step 5
LittleTacoBear Featured By Owner Jul 22, 2014  Student Digital Artist
it wont let me put any custom boxes to the right side of my profile, only the left X( can you plz help me
kikkien Featured By Owner Jun 18, 2014  Hobbyist
thanks, this was helpful but does anybody know how to add for example a journal doll to the custom box that its between the custom box background and the custom box? (i just need the code for that)
Chiri-nyan Featured By Owner Jun 19, 2014  Hobbyist General Artist
You mean page doll? I belieave you just need to put it as an img ->>> <img src=" IMG URL" align="right(or left)"/> not at the end but like in the middle of some text just try it o; that's what I did on my page c:
kikkien Featured By Owner Jun 19, 2014  Hobbyist
thanks, but it's not working with me?? i even tried it when there was only a page doll in the custom box with that code, but it still stays inside the custom box ;;
Chiri-nyan Featured By Owner Jun 19, 2014  Hobbyist General Artist
maybe you need more text in the custom box o.o it worked perfectly for me
Add a Comment:


Submitted on
January 28, 2011
Image Size
1.1 MB


88,530 (10 today)
5,582 (who?)


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