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:
 
:iconkuro-creations:
Kuro-Creations Featured By Owner May 10, 2015  Hobbyist Digital Artist
This code doesn't seem to be working with super groups anymore.
Reply
:iconstarlitcarnival:
starlitcarnival Featured By Owner May 9, 2015  New Deviant  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  New Deviant Professional 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
: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  New Deviant Professional Digital Artist
Super helpful! Thanks :D
Reply
:iconbix-adoptables:
Bix-adoptables Featured By Owner Mar 8, 2015  New Deviant 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  New Deviant Hobbyist General Artist
R00d block and reportd :::''' (((( I kno the dA tem . they will delete ur acount :::: ))
Reply
:iconapplepiemuncher:
ApplePieMuncher Featured By Owner Apr 23, 2015
Oi!
Reply
:iconkatrinabonebrake:
KatrinaBonebrake Featured By Owner Mar 12, 2015  Hobbyist Digital Artist
ROFL.....
Reply
:icononehitok:
onehitok Featured By Owner Mar 10, 2015  Student Traditional Artist
gmo
Reply
:iconmystic-artist11:
mystic-artist11 Featured By Owner Feb 27, 2015
didnt exactly work...
Reply
:iconlenazoni:
LenaZoni Featured By Owner Feb 21, 2015  Student Digital Artist
Yay!

Now i know how i can make my own journal skin!
Reply
:iconmidnight3795:
Midnight3795 Featured By Owner Feb 22, 2015  Student Digital Artist
This doesn't work with journal skins, at least I don't think it does.
Here's a guide for journal skins. Basic CSS Tutorial by DragonX141  
Reply
:iconlenazoni:
LenaZoni Featured By Owner Feb 22, 2015  Student Digital Artist
Oh ok thanks
Reply
:iconkojiana:
Kojiana Featured By Owner Feb 20, 2015
Thanks a lot ! Handshake 
Reply
:iconthunderztorm:
Thunderztorm Featured By Owner Feb 18, 2015  Hobbyist General Artist
How do you use purchased deviantART backgrounds?
Reply
:iconnightmare-curse:
Nightmare-Curse Featured By Owner Feb 18, 2015  Hobbyist Digital Artist
you are AMAZING!! Thank you!
Reply
:iconbattlefairies:
BATTLEFAIRIES Featured By Owner Feb 17, 2015
Thank you very much for this!
Boxbackground Screenshot1 by BATTLEFAIRIES
I'll make sure to donate some points. Cheers!
Reply
:iconmidnight3795:
Midnight3795 Featured By Owner Feb 13, 2015  Student Digital Artist
How do I change the text color?
Reply
:icondjkip2390:
Djkip2390 Featured By Owner Feb 13, 2015  Hobbyist Digital Artist
This isn't working. the instead of the background, the link to the image appears at the top. 
Reply
:iconguineaarts511:
GuineaArts511 Featured By Owner Mar 18, 2015  Hobbyist Digital Artist
I have that same problem.
Reply
:iconwillow-moonmaiden:
willow-moonmaiden Featured By Owner Feb 12, 2015  Hobbyist Digital Artist
Thank you so much! I'm using your Pink Hearts background and I am absolutely loving it! Thank you Thank you! This has been incredibly helpful~! :tighthug:
Reply
:iconvapolord:
Vapolord Featured By Owner Feb 12, 2015  Hobbyist General Artist
I want to ask what I should do If I want to have my text start  on the very left. With this kindoff box that gets made in this code, the text and the picutures that come after are limited to a certian width. But if I want to have my text start on the very left, I would have to change the "invisible" borders from stopping me. I just want to recreate the normal profile look, just with a dark background and white text. But I won't happen as long as the text will not start closer to the left. Anyone help? I've been a premium member for a month or so now, and I just didn't have the nerves to figure out this shit yet. Would be cool if someone could help me.
Reply
:iconsaltyarts:
SaltyArts Featured By Owner Feb 9, 2015  Hobbyist Digital Artist
What exactly is custom box
and how do you use it?

Is it Premium exclusive?

Anyone ?
Reply
:iconstarisfluffeh:
starisfluffeh Featured By Owner Feb 9, 2015  Hobbyist Digital Artist
Yes, a Premium Membership gives you more opportunities with DA. A Custom Box is one of them, You can either get a Premium Membership by paying money, or with points.
Reply
:iconsaltyarts:
SaltyArts Featured By Owner Feb 10, 2015  Hobbyist Digital Artist
Thats cool to know
Reply
Add a Comment:
 
×




Details

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

Stats

Views
352,509 (162 today)
Favourites
9,526 (who?)
Comments
2,977

License

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