deviant art

Deviant Login Shop  Join deviantART for FREE Take the Tour

89,586

1,692 842 0

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

Details

Stats

Submitted on
June 27, 2010
Image Size
1.1 MB
Resolution
900×3500
Views
89,586 (96 today)
Favourites
1,692 (who?)
Comments
842

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
URL
Thumb
Embed
Only verified accounts can report policy violations. Please check your email and click on the verification link.
* Required field
Add a Comment:
 
love 6 6 joy 3 3 wow 0 0 mad 3 3 sad 1 1 fear 0 0 neutral 0 0
:iconrawrpotato:
*RawrPotato 1 day ago  Student General Artist
Are you able to do this to more than one deviation? O:
Reply
:iconcyphervisor:
You can do this in different new deviation boxes not with boxes having more than 1 deviations :nod:
Reply
:iconlike-a-british-guy:
=Like-A-British-Guy May 11, 2013  Hobbyist Traditional Artist
I'm having a bit of trouble. I want to set a custom background for my recent deviations and so far, it tells me it fails. Is there something I should do with the location urls?
Reply
:iconcyphervisor:
I have not tested these codes in the recent deviations so I can't be sure. I'll check it out. :)
Reply
:iconlike-a-british-guy:
=Like-A-British-Guy May 12, 2013  Hobbyist Traditional Artist
Would you please? I'd love to see if I can do it with my recent!
Reply
:iconcyphervisor:
Alright, I'll check it out. :)
Reply
:iconlike-a-british-guy:
=Like-A-British-Guy May 12, 2013  Hobbyist Traditional Artist
Okay. Thank you!
Reply
:iconhero-wuff:
=Hero-Wuff Apr 27, 2013  Student Digital Artist
How can i do this for my newest deviations box?
Reply
:iconcyphervisor:
It should work the same way. If it doesn't then I gotta check.
Reply
Add a Comment: