HOME | DD
CypherVisor — Deviation-box background tutorial
by-nc-nd
Published: 2010-06-27 21:20:30 +0000 UTC; Views: 322822; 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
Your tutorials have been very helpful for me since I just got a premium membership but when I tried putting a deviation in a custom box with the background (in other words, this tutorial) it only showed a small border of the background image and that was it. It didn't show the deviation, just the top border of the background image. How would I fix this?
👍: 0 ⏩: 1
Are you inserting the links in the code properly as indicated in the tut?
👍: 0 ⏩: 1
Yes, sorry to bother you but I figured it out. Thanks anyways!
👍: 0 ⏩: 1
Hey there my friend, your tuts have come very much in handy for so many users.
I have a question..I have a custom box with thumbs of my premade custom box backgrounds, May I include a link to this tut on a button stating "tutorial here"
I think it would help users that do not know how to do it but want to.
👍: 0 ⏩: 1
Sure, you can do that!
Spreading knowledge it good!
👍: 0 ⏩: 1
The font is showing up in super light gray and is really had to see, is there anyway to change this?
And thank you for all the wonderful help!
👍: 0 ⏩: 2
Nah, You cannot change the font colors.
👍: 0 ⏩: 1
All well I'll get over it!
Thank you, my profile is nice and spiffy thanks to you
👍: 0 ⏩: 1
You're welcome!
👍: 0 ⏩: 0
Would like to be able to change this as well!
👍: 0 ⏩: 0
My browser doesn't have the Copy Link Location or the Copy Image Location. What do I do?
👍: 0 ⏩: 1
Different browsers have different context-menu for the same thing. For example, chrome says "Copy link address" for "Copy link location" in firefox.
👍: 0 ⏩: 1
How do you love your art in step 2?????? (if you know what i mean?)
👍: 0 ⏩: 1
Ah! You mean using my favorite tool "photoshop" to create designs? I love it too much!
👍: 0 ⏩: 0
Can you get rid of the browse more button?
👍: 0 ⏩: 1
Which browse more button? You mean the "browse folder" button? If yes, then you can't.
👍: 0 ⏩: 1
I haven't done anything like this in dA yet, but it was extremely helpful for future reference! I love it when people on dA put up tutorials like this
👍: 0 ⏩: 1
Okay, that's great! And sure thing!
👍: 0 ⏩: 0
this was so helpful thank you so much!!!!!!!!!!!!!!!!!!!!!!!!!!!
👍: 0 ⏩: 1
I am glad that I could be of your help!
👍: 0 ⏩: 0
I've used this tutorial before, and had no problems with it. But this time, instead of using an image for the devitation box, I want to use a literature piece. The only problem is is that I can not get an image link of the literature. Or, at least I don't know how to.
Thank you so much~!!
👍: 0 ⏩: 1
Oh well, it is little different to use a literature as a deviation there.
Try to put the lit code by replacing this part of the code:
👍: 0 ⏩: 1
I am so sorry to ask again, but what is a lit code? I don't quite understand at all what you just said.
So sorry DX
👍: 0 ⏩: 1
In the whole code
DESCRIPTION TEXT HERE
remove the
and instead put your lit thumb code :thumbxxxx: there and try
👍: 0 ⏩: 1
It didn't work. It came out messed up. But it's okay.
Thank you so much, though~!! 
👍: 0 ⏩: 1
Hmm.. Okay. I'll check it out and put the proper code to do it.
👍: 0 ⏩: 1
Alrighty~ Thank you again ^-^
👍: 0 ⏩: 1
Hey there, this is so useful! 
I was wondering however, have you figured how to apply a background into the "newest deviations" widget? With all the little thumbnails and such
👍: 0 ⏩: 1
Thanks. I am glad that you like it!
And for the newest deviation box you can use this same code. However, you can use it when you are setting it to display only one deviation. (though there is a way to get 4 or 6 or more deviations in the box which I can't explain here) Also, since your are manually customizing the box, it can't change the deviations automatically when you upload a new one. I hope you get it!
👍: 0 ⏩: 0
I've been trying to do this over and over again and now I just realized that it's for premium members and supergroups only. Urgg.
👍: 0 ⏩: 1
Every time I do it, it makes my picture small and the description stretch across the whole custom box o.o
👍: 0 ⏩: 1
I understand. You should get the deviation image URL when its not in the editing mode...
👍: 0 ⏩: 1
Hmm... How can I place the "Print Avilable" button a little bit more down?
👍: 0 ⏩: 1
Is it a button that you have inserted by yourself? If yes, then just insert
tags before the button code to push it down the box.
👍: 0 ⏩: 1
Nah, it is the "offical" dA button XD
And I already tried the < br > code
👍: 0 ⏩: 1
Well, then what you can do is that go to edit mode of the box and select huge thumbnail as the deviation view (if it is not selected) and save it. It should push the button down now. If it is already selected to huge thumbnail then I am afraid you need to make the deviation smaller.
👍: 0 ⏩: 1
Okay Dokey Lokey, thank you
I'll try that soon
👍: 0 ⏩: 1
<= Prev | | Next =>