[x]

Browse More Like This

Download File
SWF, 1.1 MB more ▶

More from `SanguineEpitaph

SepulchralSepulchral

Etched; this sepulchral epitaph:

"Fear reclamation".

LoversLovers

Turned face;

hides the blackened eye.

View Gallery · View Prints

Featured in Groups:

#eCSSited
a place for all your CSS needs

#TutorialsForYou
Discover The World Of Tutorials

#DACipher
Your Circle of Growth.

#Tutorial-City
Where the best tutorials live.

#DD-Catalogue
The Home of Daily Deviations

#Divine-Tutorials
Tutorials befitting of a deity!

#TutorialHouse
A Casa dos Tutoriais

#CommanderLuminaire
The Resource Maker

Show all (13)

Details

Submitted: January 28, 2011
Image Size: 1.1 MB
Resolution: 550×400

Link

Thumb

Statistics

Comments: 1,136
Favourites: 4,174 [who?]
Views: 49,511 (69 today)
Downloads: 475 (0 today)

License

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

[x]

Sexify Your Page: Custom Boxesby `SanguineEpitaph

Resources & Stock Images / Tutorials / deviantART Tutorials

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]

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 )

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?

Fair Unfair

The Artist thought this was FAIR

81 out of 83 deviants thought this was fair.

1 Reply

Devious Rating

Vision

Originality

Technique

Impact

Critique by ~KonataChanJapan Jun 9, 2011, 7:01:37 PM

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?

Fair Unfair

The Artist thought this was FAIR

199 out of 206 deviants thought this was fair.

3 Replies

Devious Rating

Vision

Originality

Technique

Impact

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

~~mad 0 0~~

~~fear 0 0~~

~~neutral 0 0~~

*SoraVonSixxed May 10, 2013 Student Digital Artist

This is helpful yet my brain must be weird because I copy everything right but everything is looking weird like I tried to add an image and it made the box HUGE I'm not cut out on this whole HTML coding thing haha