Deviant Login Shop  Join deviantART for FREE Take the Tour
×



Details

Submitted on
June 23, 2010
Image Size
852 KB
Resolution
800×3050
Link
Thumb
Embed

Stats

Views
290,431 (153 today)
Favourites
7,973 (who?)
Comments
2,720

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License.
×
Custom-box Background Tutorial by CypherVisor Custom-box Background Tutorial by CypherVisor

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




Updated: 23-Feb-2014






How to use ?

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




Spanish translation of this tutorial


Tutorial fondo en caja Custom. by FanasY




SOURCE CODE:




Code to insert an image without stretching: (ORIGINAL CODE)

<div class="popup2-moremenu"><div class="floaty-boat"><br><img src="URL"/></div></div><div class="gr-box gr-genericbox"><br>Body text here..</div>


Code to stretch an image (It works 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"><div class="floaty-boat"><br><img width="1000" height="1600" src="URL"/></div></div><div class="gr-box gr-genericbox"><br>Body text here..</div>




How to insert a content-holder box inside a custom box?


Simply copy a content-holder boxes from my gallery folder here: LINK and paste it where it says "Body text here.." in the above code.




My background image link (the background that I've used for demo in this tutorial)
------------------------------------------------------------------------------------------------------------------
http://fc07.deviantart.net/fs70/f/2013/227/0/1/demo_by_cyphervisor-d6i84qo.jpg



Other tutorials


Custom background for DeviantID-box widget:
deviantID widget box customization tutorial by CypherVisor

Custom background for New deviation-box widget:
Deviation-box background tutorial by CypherVisor




The content holder box used in this tutorial


Shadow Content-holder box (Default Bright) by CypherVisor




Want to customize your profile more?


Check all my free resources + tutorials: somrat.deviantart.com/gallery/…



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.
Add a Comment:
 
:icongaminggoru:
GamingGoru Featured By Owner Edited 15 hours ago  Student Digital Artist
Is there a code to add backgrounds, content holders, floating images & buttons to "Featured Deviation" widgets?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner 3 hours ago
Check my tutorials folder here: cyphervisor.deviantart.com/gal…

And Custombox F.A.Q. + Tips and tricks

you should find almost all your answers there. :nod:
Reply
:iconbluestrose:
BluestRose Featured By Owner 1 day ago
what do you mean "Body Text Here.."?
Reply
:iconcyphervisor:
CypherVisor Featured By Owner 3 hours ago
see the code in the description. :)
Reply
:iconatomicbubbles101:
AtomicBubbles101 Featured By Owner 4 days ago  Hobbyist Digital Artist
Mine used to work, but when I went to change it, I redid the whole thing and it turned out to be way too small. Please help me.
Reply
:iconcyphervisor:
CypherVisor Featured By Owner 3 hours ago
What turned to be too small?
Reply
:iconlady1724wolf:
Lady1724wolf Featured By Owner 5 days ago  Hobbyist General Artist
I couldn't get this to work for some reason
Reply
:iconcyphervisor:
CypherVisor Featured By Owner 3 hours ago
Umm, what's wrong? Most of the times it is due to incorrect image URLs. Check the code for links properly.
Reply
:iconlady1724wolf:
Lady1724wolf Featured By Owner 3 hours ago  Hobbyist General Artist
thanks I will!!
Reply
:iconcali-purp:
Cali-Purp Featured By Owner Edited Sep 5, 2014  Hobbyist Digital Artist
This works on normal groups! I just cant place text over the background image (only above or under the actual image).
< div class= "gr-box gr-genericbox" >
does not work for normal groups :(
Reply
Add a Comment: