HOME | DD
CypherVisor — Deviation-box background tutorial
by-nc-nd
Published: 2010-06-27 21:20:30 +0000 UTC; Views: 322809; Favourites: 3193; Downloads: 0
Redirect to original
Description
»»»»»»»»»»»»»»»»»»»»»»»»»»» 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 Featured Deviation widget in your profile or group page.
Source Code:
DESCRIPTION TEXT HERE
Code to stretch image (It works also as to repeat image ONLY FOR SOLID COLOR IMAGES though!) :---------------------------------------------------------------------------------------------------------------------------------------------
Insert the width and height in the
EXAMPLE:
DESCRIPTION TEXT HERE
My background image link (the background that I've used for demo in this tutorial)
------------------------------------------------------------------------------------------------------------------
http://fc04.deviantart.net/fs70/f/2014/053/8/a/deviationboxdemo_by_cyphervisor-d77jeon.jpg
Other tutorials
For custom-box widget:
For deviantID-box widget:
Want to customize your profile page?
Check all my free resources + tutorials: [LINK]
Having any doubt with Custombox or Journal CSS? Please read this F.A.Q. + Tips n Tricks
I am a free resource provider for the deviantART community. If you like my free customization resources you can donate some points
to me as an appreciation or support.I take commissions to make custom journal CSS too. Check out my Journal CSS folder or send me a note
Related content
Comments: 1581
omg thank you this helped so much!
👍: 0 ⏩: 0
This tip was perfect -- thank you so much!! This was the exact problem I was having
👍: 0 ⏩: 0
May I just inform you that you're absolutely amazing oh my goodness! Seriously, I couldn't figure out how to get the resizing to happen to save my life.
👍: 0 ⏩: 1
ahhh thank you !!! : D just saw some people below confused and i thought id help! <3
👍: 0 ⏩: 1
Well I'm glad you did!! Yeah you've definitely saved HTML lives after this.
👍: 0 ⏩: 0
for my first try, it work!!! yay! but thing is that when I put a description on it, it doesn't appear, maybe because of the size of my deviation? help!
👍: 0 ⏩: 0
Thank you so much for this tutorial!
Could you make one for the "Newest Deviation" box background (The slideshow one)? Please :3
👍: 0 ⏩: 0
It deforms the pic..O.o What did I wrong? ashravan.deviantart.com/
Well; could it be because I've the picture AND a customized text, so 800x800 is too less?
(That's why the pic is only a link, because there is no space anymore? O.o)
Would be really glad you know the answer
👍: 0 ⏩: 0
I'm so sorry bout this but could you please tell me what I did wrong and how to fix it? I would really appreciate it thank you khaoticcuteness.deviantart.com…
👍: 0 ⏩: 0
So I have this problem, Where Whenever, I add in the picture, Its over sized, and doesnt fit...
But other then that it works..
👍: 0 ⏩: 1
i have the same problem (oMo;
👍: 0 ⏩: 0
all of my deviations from the image URL turn out too big and dont fit inside the custom box D:
and if i use a deviation's thumbnail URL instead, the image is way too small.
i guessing this cant be fixed because of the original sizes of my deviations lol. i dunno. i tried to size it up the thumbnails in a journal and then copy that URL, but it just gave me the full original size.
hnnnng i just want a pretty profile xD
👍: 0 ⏩: 0
I tried your tutorial here and I must say, it was my first time doing codes but I managed and even learned something new
Thanks very much for doing this.
However I used the Favourite Deviation widget to do this, but there is a huge space between the picture and the first box. I tried removing all breaks but I didn't change. What could cause this? (you'll see what I mean when you look on my profile)
👍: 0 ⏩: 0
To anyone who is having issues with their image being too big for the box:
Go to your desired deviation, hit the Edit button, and copy the URL from the thumbnail of the deviation.
This in a way, will 'resize' the image to a suitable standard.
👍: 0 ⏩: 0
I can get the picture to show up just fine, (Thank you very much for these tutorials!), but for some reason the image is doubled..?
november-wishes.deviantart.com… (The welcome picture)
👍: 0 ⏩: 0
the image is just slightly too big for the box with no room for the description pie susu dhian , what went wrong?
👍: 0 ⏩: 0
I just have one question what do do you do when it's on sitback and theres no one picture to take the URL from
👍: 0 ⏩: 0
Is there a way to make images repeat so I don't have to stretch them?
I have a pattern and it stretches to fit but looks ugly when I do that, how would I fix that?
👍: 0 ⏩: 1
Actually change the question,
I added a background but it keeps removing/overlapping my content box leaving behind my scrollbox.
How can I fix this?
👍: 0 ⏩: 0
Will this work with featured Journals?
👍: 0 ⏩: 0
Not background (Featured Deviation) 
👍: 0 ⏩: 0
I am having a lot of trouble with this... All the backgrounds I pick are too short, the background covers up my writings below and the image is too big...
👍: 0 ⏩: 0
I'm having the same issue as GamingGoru....the image is just slightly too big for the box with no room for the description, what went wrong?
👍: 0 ⏩: 0
Hey, first off, thanks for he tutorial!
I however have a problem with adding a background to my "Newest Deviations" because whenever I try to add a text, it just gives me the background image without my actual art @@
Do I have to make thumbs for every single one of them (like I did for my 3 current deviations) or is there a way to only edit the background? :s
👍: 0 ⏩: 0
It's not working right for me. I copied my featured deviation's image URL without being in editing mode, added it to my code, and the image gets too big and it doesn't fit the widget box. It ends up looking like this: Problem with Proportion <-- (Click to view)
Am I doing something wrong?
👍: 0 ⏩: 1
The same thing is happening to me!!
👍: 0 ⏩: 0
daaaaaaaaaang you are devoted to these commenters. props to you for all the work you put into your uploads!!
and thanks a bunch for doing them in the first place, because i hella appreciate these.
👍: 0 ⏩: 1
This is lovely...will it work for a none-premium member?
Sorry if I missed something!
👍: 0 ⏩: 1
Nah, it won't work in a non-PM profile.
👍: 0 ⏩: 1
is this possible to put a background on a gallery folder from my profile?
👍: 0 ⏩: 1
Yep. But you need to code the CSS of it though..
you can simply add this code:
body
{
background:url(YOUR_IMAGE_LINK);
}
👍: 0 ⏩: 0
Hi! I was wondering can I put a background on gallery folder vidget when it's put on sitback slideshow?
👍: 0 ⏩: 1
With slideshow you can't use the current code. It doesn't work.
👍: 0 ⏩: 1
Is there any other code for that or is it just impossible?
👍: 0 ⏩: 1
I didn't find any working code for it as such (yet). So, yeah, it is not possible (as of now).
👍: 0 ⏩: 1
Aww. Well thank you for answers
👍: 0 ⏩: 1
Why is it like that? It doesn't show the complete picture ._. sta.sh/01l7jr559upe
Help! owo
👍: 0 ⏩: 1
Use
tags at the bottom of the codes as many times you want and it will increase the height of the box.
👍: 0 ⏩: 2
For me, it actually worked by putting more br tags at the top of the code ;o
👍: 0 ⏩: 0
Thanks! That helps! *^*
Btw is it possible to smaller the picture?
👍: 0 ⏩: 1
Great!
And yes, check this journal for Custombox F.A.Q. + Tips and tricks
👍: 0 ⏩: 1
Thanks so much ^^ It worked out well for me
The image is a little small, but it's still working ^^ Thank you very much
👍: 0 ⏩: 1
<= Prev | | Next =>