[x]

Browse More Like This

more ▶

More from `CypherVisor

View Gallery

Featured in Groups:

#eCSSited
a place for all your CSS needs

#PhotoArtography

#SuckMyART
Be inspired!

#DevNews
News 'til Hell freezes over

#CustomizeYourProfile
Get Customized!

#All-Art-Wanted
Every ART accepted

#Group-Eaze
Making Fella Proud

Details

Submitted: June 27, 2010
Image Size: 1.1 MB
Resolution: 900×3500

Link

Thumb

Statistics

Comments: 855
Favourites: 1,699 [who?]
Views: 90,334 (8 today)

License

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

[x]

Deviation-box background tutorialby `CypherVisor

Resources & Stock Images / Tutorials / deviantART Tutorials

»»»»»»»»»»»»»»»»»»»»»»»»»»» Exclusively for Premium members and Super groups only «««««««««««««««««««««««««««

How to use ?

Just copy the source code(s) below and paste it in your Custombox module in your profile or group page.

SOURCE CODE:

<div class="popup2-moremenu"><br><div class="floaty-boat"><img align="center" src="BACKGROUND-URL"/><br></div></div><br><div class="popup2-moremenu"><br><div class="floaty-boat"><br><div align="center"><br><br><a href="DEVIATION-URL"><img src="DEVIATION-IMAGE-URL"/></a><br><br><br><b>DESCRIPTION TEXT HERE</b></div></div>

CODE TO STRETCH IMAGE (It works also as to repeat image ONLY FOR SOLID COLOR IMAGES though!) :
---------------------------------------------------------------------------------------------------------------------------------------------
Insert the width and height in the <img> tag of the code as shown below:

<img width="YOUR-WIDTH-SIZE" height="YOUR-HEIGHT-SIZE" src="URL"/>

EXAMPLE:

<div class="popup2-moremenu"><br><div class="floaty-boat"><img align="center" width="1000" height="1600" src="BACKGROUND-IMAGE-URL"/><br></div></div><br><div class="popup2-moremenu"><br><div class="floaty-boat"><br><div align="center"><br><br><a href="DEVIATION-URL"><img src="DEVIATION-IMAGE-URL"/></a><br><br><br><b>DESCRIPTION TEXT HERE</b></div></div>

My background image link (the background that I've used for demo in this tutorial)
------------------------------------------------------------------------------------------------------------------
http://img33.imageshack.us/img33/5853/deviationboxdemo.jpg

Other tutorials

For custom-box widget:

For deviantID-box widget:

Want to customize your profile more?

Check all my free resources + tutorials: [link]

Having any doubt? Please read this F.A.Q. + Tips n Tricks before writing a comment below.

I am a free resource provider for the deviantART community. If you like my free customization resources you can donate some
points

to me as an appreciation or support.

I take commissions to make custom journal CSS too. Check out my Journal CSS folder or Read-made Journal Skins. Send me a note to contact me.

~~wow 0 0~~

~~fear 0 0~~

~~neutral 0 0~~

*xRaika-chanx 1 day ago Hobbyist Digital Artist

I have a question, I did everything like in this tutorial, but when I saved, the Deviation in the box is now really small

What can I do to give it its usual size in the box again?

`CypherVisor 4 hours ago

you should get the deviation image URL when its not in the editing mode...

*animelover5ful 17 hours ago Hobbyist General Artist

Open the image you want to feature in a separate tab and take the image URL from that separate window only with the image and then place it where it says img src="DEVIATION-IMAGE-URL" and then save and it should show the original size of the picture

Hope it works

*xRaika-chanx 13 hours ago Hobbyist Digital Artist

Yes it worked!!! Thank you so much

*animelover5ful 10 hours ago Hobbyist General Artist

You're welcome

*Ghimeopta 13 hours ago Hobbyist Digital Artist

Ah sorry, I already found the mistakes. Btw, thanks for the tutorial~

*animelover5ful 10 hours ago Hobbyist General Artist

Glad it worked in the end

*Ghimeopta 13 hours ago Hobbyist Digital Artist

I have same trouble like her, I have tried like you said, but in the end the background was filled by the deviation image.. o.o

*animelover5ful 10 hours ago Hobbyist General Artist

you must choose a picture for the background other than the deviation and to place the URL of that picture where it says about the BG picture

and the deviation links where it says about the deviation

*Sandra-Fairy 4 days ago Student General Artist

Can you put the deviations in box? ( [link] )
I tried but it doesn't work D:

More from `CypherVisor

Featured in Groups:

Details

Statistics

License

Deviation-box background tutorialby `CypherVisor

How to use ?

SOURCE CODE:

Other tutorials

Want to customize your profile more?

Having any doubt? Please read this F.A.Q. + Tips n Tricks before writing a comment below.

The Journal Portal

Polls

What is your preferred drawing software?

deviantART [dee·vee·un'nt·ART]

Keep in Touch!

Deviousness

Add Media

Style