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
No problem! You're most welcome!
👍: 0 ⏩: 0
I love tis tutorial but I encountered a problem. The picture in my custom box turns out super small, why is that?
👍: 0 ⏩: 1
Well, you just need to take the image when the deviation box is not in the editing mode. That's all!
👍: 0 ⏩: 1
yeah shortly after I noticed that I accidentally copied the thumbnail 
👍: 0 ⏩: 1
Ah! Ok! And no problem.
👍: 0 ⏩: 0
Awesome. This work on free account?
👍: 0 ⏩: 1
Is there one like this for gallery folders?
👍: 0 ⏩: 1
Gallery folders? Well, that is gallery CSS coding. You need to skin your gallery folder using CSS for that.
👍: 0 ⏩: 0
Why do all these hate mee!? My deviantaions just coming up as a "?" TnT
👍: 0 ⏩: 1
I guess I have replied to you. You cannot use this in your gallery folders. That is completely different CSS coding that is required for gallery folders.
👍: 0 ⏩: 0
This is awesome ^^ Thank you very much for showing us how to use these
Would you happen to know how we could apply custom backgrounds to other widgets such as with the donate button and newest deviations? I tried using your method and it worked to an extent, but it doesn't work perfectly
👍: 0 ⏩: 1
For all tutorials pls check my gallery here [link]
👍: 0 ⏩: 0
This worked perfectly except for one thing. I pasted all the correct links for the picture but the picture still turns out really small. How to I make it bigger? Everything else is fine.
👍: 0 ⏩: 1
Just take the image-link when it is not in the editing mode.
👍: 0 ⏩: 1
There is problem the description show :
👍: 0 ⏩: 0
Again, I'm sorry to bother you. However, the deviation that I have put in the box turns out really small, but when I took the link thing when not in editing mode, it ended up really large. Do you know any way to choose how large the deviation appears in the box?
👍: 0 ⏩: 2
Just take the image-link when the widget is not in the editing mode.
👍: 0 ⏩: 1
If you actually read my comment, you would see that I said that I wasn't in editing mode.
👍: 0 ⏩: 1
Oops! Apologizes for that. Well, in that case it should not happen. Can you tell me how exactly did you take the link (step-by-step)?
👍: 0 ⏩: 0
Im having the same problem.
👍: 0 ⏩: 1
I just used a custom box, so that I could use the :bigthumb#: code. Cause they never answered my questions.
👍: 0 ⏩: 0
all i have is my background i chose show up :U
i did all those steps and made an imageshack acc -u
what am i doing wrong/?
👍: 0 ⏩: 1
If you are getting your background then the background image link is correct. You just need to check the deviation image link. See if you are taking the direct-image link of the deviation correctly.
👍: 0 ⏩: 0
Heya I´ve got a question
Everything is working fine for me except when I add width and heigh to the picture which i wanted to put as my favourite deviation.
Its totally blurry :c Is there a way to make it sharp like it is in the normal mode?
Thx for ur answers <3
👍: 0 ⏩: 1
No you can't do that unless the image link of the image that you are taking is of high resolution. If you reduce a higher resolution image it will look good but if you stretch a lower resolution it will get blurry!
👍: 0 ⏩: 1
It's my pleasure. You're most welcome!
👍: 0 ⏩: 0
Hi, I copied everything corectly but the deviation comes out HUGE and half of it iscut off. How do I solve this???
👍: 0 ⏩: 1
Take the image link of the image which is small.
And to get rid of the cut off just add
tags at the bottom as many as you need..
Example..
👍: 0 ⏩: 1
It's my pleasure. You're most welcome!
👍: 0 ⏩: 0
thank you very much, it was really helpful *_* 
👍: 0 ⏩: 1
You're most welcome!
No, you can't have a border around the deviation.
👍: 0 ⏩: 1
ah I see, but it's still very nice! ^_^
👍: 0 ⏩: 1
<= Prev | | Next =>