Sexify Your Page: Custom Boxes

Frequently Asked Questions (read this before asking)

How do I put an image in my custom box?

<img src="url of image here"/>

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.

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


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

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?! /heavybreathingofdistress

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

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

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

If you have suggestions for ways to improve this, please also tell me those! 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.

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:
[link]