HOME | DD
CypherVisor — Deviation-box background tutorial
by-nc-nd
Published: 2010-06-27 21:20:30 +0000 UTC; Views: 327673; 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
i'm having a problem. D: when you look at my page at the "to do list" box near the bottom, it's cutting off? i don't understand.. i copied and used your course code perfect
👍: 0 ⏩: 1
Sorry, for my delay in reply. Did you get the problem solved?
👍: 0 ⏩: 1
Ah that's great! And you're most welcome!
👍: 0 ⏩: 0
what are "JPEG" options? And how do you get to it? I have gimp btw.
👍: 0 ⏩: 2
In gimp you go to save and type in your artwork name example: my great picture
and after the name just type .jpg, example: my great picture.jpg
then you come to another window, there you can customize the quality of your image:
1 = worst 100 = best
then just go to save
no you have your image as a jpg
👍: 0 ⏩: 1
Yea I hope you could understand it, my english sucks
👍: 0 ⏩: 1
I am not sure about gimp sorry!
👍: 0 ⏩: 1
I think you can simply get your answer by googling about it!
👍: 0 ⏩: 1
Sighhh, if you go look on my page towards the bottom left, you will see my problem ;c
👍: 0 ⏩: 1
If you are talking about the "Stuffs of me!" box then you need a longer background image to cover the whole box. That's just a small problem.
👍: 0 ⏩: 1
It's my pleasure. You're most welcome!
👍: 0 ⏩: 0
I followed the instructions to the best of my abilities. But the background keeps coming out under the actual deviation, followed by the image and link I entered in the code. So its like deviation, background, deviation. Instead of them being on top of each other.
👍: 0 ⏩: 1
You need to be premium to use the code.
👍: 0 ⏩: 0
That's great! 
👍: 0 ⏩: 0
hello when i right click on the image as you have done there is no option for image url is there a nother way i can get the url?
👍: 0 ⏩: 1
The context-menu for copying the image-link depends from browser to browser. Please try with other web browser such as firefox or chrome to get them!
👍: 0 ⏩: 1
Hello! Your code isn't working properlly on my profile.
My deviation is too big - I can see only half of it.
And a text is grey... I don't know why.
👍: 0 ⏩: 1
Use
tags at the bottom of the codes to increase the size of the box
And the text is grey only. I am not able to get any other font color for it as of now. You may use content-holder boxes instead for your text.
👍: 0 ⏩: 1
I did everything, but my image looks too big, and I can't see it fully. It is on the option "normal size".
What should I do?
👍: 0 ⏩: 1
Copy the image link when it not in the editing mode and without any customization code inside.
👍: 0 ⏩: 0
My devianation got very small! Can it stay in normal size?
👍: 0 ⏩: 1
you should get the deviation image URL when its not in the editing mode...
👍: 0 ⏩: 1
It didnt work for me... it just put a mini picture infront of it :/
👍: 0 ⏩: 1
you should get the deviation image URL when its not in the editing mode...
👍: 0 ⏩: 0
How To Copy Image Location In Internet Explorer?
👍: 0 ⏩: 1
I think you can't get the context-menu in IE. I don't use IE sorry. Try with firefox or chrome and you shall get it!
👍: 0 ⏩: 1
Ohh.. Then i think i have to download Chrome!! I hate firefox.. Between thanks bro..
👍: 0 ⏩: 1
I understand how to do this manually for every deviation in the box. But is there a way to make your Newest Deviations widget or a widget of a particular folder in your gallery show the deviations automatically as you upload them? Or do you have to do it manually each time you want it to show something different? Also, how do you do this for literature deviations? I can do this with photographs or art, things with direct image links, but I am not sure at all how to do so with literature posts which don't have a direct image link. Or do they? D:
Thank you so much for your amazing tutorials!
👍: 0 ⏩: 1
No, you can't get the deviation automatically updated when you post a new deviation in dA. You need to manually do it every time.
I haven't tried with literature thumbs in the new deviation widget. I not sure if you can have it there. I'll give it a try! 
Thanks for posting this query!
👍: 0 ⏩: 0
I try to use it.. but the boz gets cut off in a half ;w;
👍: 0 ⏩: 1
Umm.. may be you need to expand the box using
tags at the bottom of the code
👍: 0 ⏩: 1
You're most welcome!
👍: 0 ⏩: 0
<= Prev | | Next =>