Shop More Submit  Join Login
×




Details

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

Stats

Views
297,385 (165 today)
Favourites
8,122 (who?)
Comments
2,782

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:
 
:iconrainue:
rainue Featured By Owner 2 days ago  Hobbyist Artist
Sorry if this is a silly question, but how / where can you find a list of deviant art CSS classes?
like "floaty-boat" and "gr-box" 
Reply
:iconangel451154:
angel451154 Featured By Owner 2 days ago  Hobbyist General Artist
How do you get the custombox thing to show up?
Reply
:iconmuttgutts:
muttgutts Featured By Owner Edited 5 days ago  Hobbyist Digital Artist
fc07.deviantart.net/fs70/f/201…
This image is giving me trouble. 
Reply
:iconskybreathe:
SkyBreathe Featured By Owner Oct 12, 2014  New member Professional Digital Artist
hay!! Im having trouble with a custom box with this Cute cat wallpaper HD by AlexandruIuilian  pwease help meh!!
Reply
:iconbeyondtheblueberry:
BeyondTheBlueberry Featured By Owner Oct 10, 2014  New member Hobbyist Digital Artist
Thank you, but I'm having trouble with this image Image by Captain-fab  can you help me please?
Reply
:iconklutzy-kitten:
Klutzy-Kitten Featured By Owner Oct 10, 2014  Student Digital Artist
This is useful~ and does paint tool sai work or only the programs listed to make the background? I made a cool journal skin but I always have a problem with the size of the file :c it doesn't stretch in width or have the resolution I wish for QwQ is it the program?
Reply
:iconalwaysraincheck:
AlwaysRainCheck Featured By Owner Oct 9, 2014  Student General Artist
Thank you so much for this clear guide. :heart:  
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Oct 10, 2014
My pleasure! :hug:
Reply
:iconsugarowls:
SugarOwls Featured By Owner Oct 8, 2014  New member
This is absolutely great. It's just what I was looking for to help get my profile set up. Thank you.~
Reply
:iconcyphervisor:
CypherVisor Featured By Owner Oct 8, 2014
:#1:

You're welcome.
Reply
Add a Comment: