Deviant Login Shop  Join deviantART for FREE Take the Tour
×



Details

Submitted on
January 28, 2011
Image Size
1.1 MB
Resolution
550×400
Link
Thumb
Embed

Stats

Views
72,032 (22 today)
Favourites
5,045 (who?)
Comments
1,224
Downloads
549

License

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---

asakedgjsdgjdkgkdgsakfjaskfj.

OHHHHHH MY GOSH.
THANK YOU SO SO SO SO SO SO MUCH FOR A DD. oAo;;;;

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.

Enjoy!!
`SanguineEpitaph

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">
CONTENT GOES HERE!!
</div >< /div>< /div>< i class="gr3 gb" >< /i >< i class="gr2 gb"></i >< i class="gr1 gb gb1" >< /i>
</div >

Buttons: [link]
Buttons:
[link]
Moar buttons:
[link]

The biggest resource of all: :iconwoooplz:
[link]
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 )
:iconkonatachanjapan:
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
262 out of 270 deviants thought this was fair.

:iconmasqurade-chan:
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
153 out of 155 deviants thought this was fair.

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

:iconlittletacobear:
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
Reply
:iconkikkien:
kikkien Featured By Owner Jun 18, 2014  Hobbyist Digital Artist
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)
Reply
:iconchiri-nyan:
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:
Reply
:iconkikkien:
kikkien Featured By Owner Jun 19, 2014  Hobbyist Digital Artist
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 ;;
Reply
:iconchiri-nyan:
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
Reply
:iconkikkien:
kikkien Featured By Owner Jun 19, 2014  Hobbyist Digital Artist
idk, i tried it with text too without results. maybe its the custom box i use? (the regular one, black)
Reply
:iconchiri-nyan:
Chiri-nyan Featured By Owner Jun 19, 2014  Hobbyist General Artist
I'm not really sure o v o this is how mine looks prntscr.com/3uhqmm
Reply
:iconkikkien:
kikkien Featured By Owner Jul 1, 2014  Hobbyist Digital Artist
latest reply ever haha sorry sry but the code looks same as mine so i think it's just the box i use 
Reply
Hidden by Commenter
:iconx-sapphir3eclips3-x:
X-Sapphir3Eclips3-X Featured By Owner Jun 16, 2014
This works perfectly!
Reply
Add a Comment: