Shop Mobile More Submit  Join Login
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:
 
:icongrowlie26:
Growlie26 Featured By Owner 2 hours ago  Hobbyist Digital Artist
'Sign' I'm not gonna bother. I tried this before, it didn't work. 
Reply
:iconstarthewisher:
StartheWisher Featured By Owner Jun 27, 2015  Hobbyist Digital Artist
Hi! Maybe I'm just missing it, but do you have a tutorial on how to put content boxes inside the background instead of beneath it?  Every time I try to use one of your content box links where it says "body text here" it just ends up beneath the background haha
Reply
:iconspring-lapphund:
Spring-Lapphund Featured By Owner Jun 28, 2015  Student Digital Artist
Same!  I have no idea why D:
Reply
:iconstarthewisher:
StartheWisher Featured By Owner Jun 28, 2015  Hobbyist Digital Artist
I think i found out why!  I was trying to use it for a group that wasn't a super group, and it didn't work there.  But it did work on my premium account.  I think it's just a feature you have to pay for lol 
Reply
:iconxxfabulouswolf:
xXFabulousWolf Featured By Owner Jun 24, 2015  Hobbyist Digital Artist
NOTHING WORKS!! Waaaah! Waaaah!  IT WONT LET ME
Reply
:iconolyandtabbs:
Olyandtabbs Featured By Owner Jun 19, 2015  Student Digital Artist
Doesnt work at all,Whats up with it? Do i need to transfer my Premium and points to a new account? im doing everything right..
Reply
:icontestsubjectferal16a:
TestSubjectFeral16A Featured By Owner Jun 17, 2015  Hobbyist General Artist
So when I get premium membership, can I use linearts that I made and colored to make my background? Note me if you can help me out.
Reply
:iconleafpool999:
leafpool999 Featured By Owner Jun 16, 2015  Hobbyist Digital Artist
For some reason the box is really big now... how do I fix that?
Reply
:iconmadam-mannal:
Madam-Mannal Featured By Owner Jun 17, 2015
fix the Width and Height by adding this:
<img width="YOUR-WIDTH-SIZE" height="YOUR-HEIGHT-SIZE" src="URL"/>

like this:
<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>
Reply
:iconclaralinza:
ClaraLinza Featured By Owner Jun 27, 2015
Thanks you !! Hug 
Reply
:iconsweetnswirlycuteness:
SweetnSwirlycuteness Featured By Owner Jun 14, 2015  New Deviant Hobbyist Digital Artist
how do you paste the image link?
Reply
:iconmissmeskii:
MissMeskii Featured By Owner Jun 16, 2015  Hobbyist General Artist
CTRL + V or right click and select "paste" :) 
Reply
:iconteeroo:
teeroo Featured By Owner Jun 12, 2015  Student Digital Artist
Thank you for this!
Reply
:iconraeannemoriarty:
RaeanneMoriarty Featured By Owner Jun 6, 2015  Hobbyist General Artist
Can you make a small image repeat itself for a background?
Reply
:iconstarlitcarnival:
starlitcarnival Featured By Owner May 9, 2015   General Artist
This tutorial helped me tons! And I used your content holder box which was a heaven sent. 
Reply
:iconcloudjumperlove:
Cloudjumperlove Featured By Owner Apr 25, 2015  Hobbyist Traditional Artist
Wow....that seems very complicated ^^;
Reply
:icondreamchasercloudclan:
DreamchaserCloudClan Featured By Owner Apr 22, 2015  Hobbyist Digital Artist
How do you decorate a normal group page?
Reply
:icono2lfangirl:
o2lfangirl Featured By Owner May 10, 2015  Hobbyist General Artist
Only super groups can have custom box backgrounds.
Reply
:icondreamchasercloudclan:
DreamchaserCloudClan Featured By Owner May 10, 2015  Hobbyist Digital Artist
aah I see… oh well. Thanks for the reply :)
Reply
:icono2lfangirl:
o2lfangirl Featured By Owner May 10, 2015  Hobbyist General Artist
anytime.
Reply
:iconinkyshade:
InkyShade Featured By Owner Apr 20, 2015  Student
How does this work when I want some gifs included?
I followed the steps yet it wasn't really a background. Just another big picture included :P
Reply
:iconspriinklebutt:
SpriinkleButt Featured By Owner Apr 12, 2015  Hobbyist Digital Artist
where do you even find the custom box ;;;;n;;;
Reply
:iconneccaro:
Neccaro Featured By Owner May 31, 2015  Hobbyist General Artist
you also have to have a premium membership in order to have a custom box ;-;
Reply
:iconspriinklebutt:
SpriinkleButt Featured By Owner May 31, 2015  Hobbyist Digital Artist
i know . - . mine expired//
Reply
:icontransforpuppy:
transforpuppy Featured By Owner Apr 13, 2015
Go on your page and click edit in the corner for the page and it should be in widgets
Reply
:iconxxomgsouniquexx:
XxOMGsoUniquexX Featured By Owner Apr 7, 2015  Student General Artist
It works but the stuff inside the boxes like the Featured Deviations or my ID just show the image and the title. That's it. ??
Reply
:iconxxomgsouniquexx:
XxOMGsoUniquexX Featured By Owner Apr 7, 2015  Student General Artist
I am doing the tutorial, but it just shows the background. Can not see the content o.0 Unless I am missing a step.
Reply
:iconstormy-gurl:
Stormy-Gurl Featured By Owner Apr 5, 2015  Hobbyist Digital Artist
This isn't working for me. It is just showing a blank spot... :I
Reply
:iconlinxthepowerful:
LINXthepowerful Featured By Owner Apr 2, 2015  Hobbyist General Artist
It just shows a link in the custom box! So frustratedRage 
Reply
:icontygertooth:
Tygertooth Featured By Owner May 18, 2015  New Deviant Student Photographer
me tooooo!
Reply
:iconlinxthepowerful:
LINXthepowerful Featured By Owner May 18, 2015  Hobbyist General Artist
I know right? Some of these tutorials are a little harder than they look. I don't think I even care about decorating my page anymore:( (Sad) 
Reply
:icontygertooth:
Tygertooth Featured By Owner May 19, 2015  New Deviant Student Photographer
me too :( but I just bought membership for no reason now, what does it even to
Reply
:iconlinxthepowerful:
LINXthepowerful Featured By Owner May 19, 2015  Hobbyist General Artist
Well deviant art sends you notifications that normal deviants don't get, and you can rearrange your profile, but that's about it:( (Sad) 
Reply
:icontygertooth:
Tygertooth Featured By Owner May 19, 2015  New Deviant Student Photographer
Kinda sucks ngl :/
Reply
:iconmirovyye-soyuzniki:
Mirovyye-Soyuzniki Featured By Owner Apr 3, 2015  Hobbyist General Artist
you can use a custom box's URL and go to this: Custom Box Background Code Generator v1.9.x by NAkos

paste your URL there and press get code. if your image isn't stretchy enough, you can do it like i did. I just centered it. do whatever you need to do on the generator. :) (Smile) 
Reply
:iconlinxthepowerful:
LINXthepowerful Featured By Owner Apr 5, 2015  Hobbyist General Artist
THANKS!:D (Big Grin) 
Reply
:iconfrikkan:
Frikkan Featured By Owner Apr 1, 2015  Student Artist
Im so fucking pissed cuz no matter what I do, the background, image or whatever I wanna use stretches out! like this! Help maybe? ...plz? Skärmavbild 2015-04-01 kl. 12.47.05 by Frikkan
Reply
:iconshadowsintidepools:
ShadowsInTidepools Featured By Owner Mar 30, 2015  Hobbyist General Artist
AHHH THANK YOU SO MUCH. 
Reply
:iconxxmissmangaxx:
xXMissMangaXx Featured By Owner Mar 20, 2015  Hobbyist General Artist
This was super helpful! Thank you so much! :D 
Reply
:iconchaosshu:
ChaosShu Featured By Owner Mar 19, 2015  Hobbyist Digital Artist
thanks a lot for this tutoriel!!
Reply
:iconstarlight1514:
Starlight1514 Featured By Owner Mar 11, 2015  Hobbyist Digital Artist
I did this, but It doesn't make it the background, it just makes it just another image. Help!
Reply
:iconguardians-of-jarkita:
Guardians-of-Jarkita Featured By Owner Mar 11, 2015  Professional Digital Artist
Super helpful! Thanks :D
Reply
:iconbix-adoptables:
Bix-adoptables Featured By Owner Mar 8, 2015  Hobbyist General Artist
I am trying to do this for a group aND IT JUST DOESN't FUCKING WORK
Reply
:icononehitok:
onehitok Featured By Owner Mar 10, 2015  Student Traditional Artist
XDDDDDDDDDDDDDDDD
Reply
:iconbix-adoptables:
Bix-adoptables Featured By Owner Mar 10, 2015  Hobbyist General Artist
R00d block and reportd :::''' (((( I kno the dA tem . they will delete ur acount :::: ))
Reply
Add a Comment:
 
×




Details

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

Stats

Views
360,385 (126 today)
Favourites
9,754 (who?)
Comments
2,997

License

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