[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: 842
Favourites: 1,692 [who?]
Views: 89,597 (107 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