HOME | DD
CypherVisor — Deviation-box background tutorial
by-nc-nd
Published: 2010-06-27 21:20:30 +0000 UTC; Views: 327670; Favourites: 3177; 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
well, while saving your image you get a dropdown to choose filetypes. You can choose .jpg, .jpeg there.
👍: 0 ⏩: 0
Do you have the source code to display background images behind DA's Sitback Slideshow widget?
👍: 0 ⏩: 1
Not at the moment. This was requested by others as well. I couldn't find a possible solution for this presently.
👍: 0 ⏩: 1
I hope you find a solution, cause I'd really love to use it. 
👍: 0 ⏩: 1
Yeah, I'll see if that can be done.
👍: 0 ⏩: 0
Uhm I think it is a bug or something? I copy the code where you can type the width and height, but when I type something like: 500 width and 500 height, it doesn't get smaller
👍: 0 ⏩: 1
you should type it in this syntax width="500" or height="500"
Hope this helps..
👍: 0 ⏩: 1
It works...IT WORKS! Thank youuuuu
👍: 0 ⏩: 1
Awesome!
And you're welcome!
👍: 0 ⏩: 0
I encountered a problem with this 
👍: 0 ⏩: 1
You need to write your content in the "body text here.." part of the code again.
👍: 0 ⏩: 0
There's A Little Problem. I used it and everything is fine accept for image size. iT shows very small image. Could you please help?
👍: 0 ⏩: 1
you should get the deviation image URL when its not in the editing mode...
👍: 0 ⏩: 1
Use
tags at the bottom of the codes to increase the size of the box.
Btw, your question seemed to be very funny at first
👍: 0 ⏩: 1
Ahahah
Yeah I fixed it now!
👍: 0 ⏩: 1
little question:
all my stuff ends up on the left side of my box...
the deviation are lined up properly, but they arent aligned with the box itself.
👍: 0 ⏩: 1
Hi there,
You need to be a premium member to utilize these codes properly.
👍: 0 ⏩: 1
oh no, ive had it till yesterday, so that cant be the problem.
i personally think the codes ive put together are interfering with each other... but im not an expert on the matter...
👍: 0 ⏩: 1
May be show me the code that you're using? I can point out what is the problem that way.
👍: 0 ⏩: 0
how would you cose it for the slide show thing for deviations?
👍: 0 ⏩: 1
That I have to work out. I am not getting much time to get it done for that. I'll do it as soon as I get sometime.
👍: 0 ⏩: 1
Ah alright, i understand how you feel > w <"
Looking forward to when you update then!
Thanks for your time <3
👍: 0 ⏩: 1
ummmm... i get the background and deviation in the box but the deviation is too big! i can only see a quarter of it. when i try the stretching, the background stretches and not the deviation! help?
Thank youuu
👍: 0 ⏩: 1
It will be best if you can show me the code that you are typing in. May be send me a note with the code?
👍: 0 ⏩: 2
I'm also getting this problem too, I had no problem before but I felt like changing my background today and then this happened, not sure how to un-change it case I had no problem before
👍: 0 ⏩: 1
Probably you are adjusting the size of the background with width or height property. Why not do the same for the deviation image too?
👍: 0 ⏩: 1
Thank you!
I have sent the note!
👍: 0 ⏩: 1
I did not receive your note.
👍: 0 ⏩: 1
ah. really? it's okay! i figured it out. thank youuuuuu!!
👍: 0 ⏩: 1
Would you mind helping me? I'm not too sure what I'm doing wrong, but when I put the code in, the widget box cuts off halfway through the top line of the description. I can see the top of the text, but not the whole thing. I have tried adjusting the background sizes and such, but there is no change.
👍: 0 ⏩: 1
Simply use
tags at the bottom of the codes to increase the size of the box
type as many as you want... like this:
...
👍: 0 ⏩: 1
Is there someway to get "donate" and "wishlist" box with background too?
👍: 0 ⏩: 1
Yes, there is. But when I sat to make a tut for that I was getting hard for me to make it simple to understand. I think it may be complex for people to understand it.
I'll try it again but I doubt that it would be simple enough to understand.
👍: 0 ⏩: 1
could you do one for me? I mean, with the background I have in my profile?
👍: 0 ⏩: 1
I can do but you have to a premium user to use this code.
👍: 0 ⏩: 1
I had! It just expired. :c
👍: 0 ⏩: 1
I got a question.. :0
Am I able to use a background for the newest deviation widget and the collection widget?
👍: 0 ⏩: 1
You should be able to use it in the newest deviation box. However, the collection widget has multiple deviations displayed together so it will not be easy to replicate that using this tutorial.
👍: 0 ⏩: 1
Oh okay, might there be an other code for the collection widget? :0
👍: 0 ⏩: 1
Yeah, may be. I'll have to do a lot of testing before I come up with a new one (if I do).
👍: 0 ⏩: 1
<= Prev | | Next =>