HOME | DD
CypherVisor — Deviation-box background tutorial
by-nc-nd
Published: 2010-06-27 21:20:30 +0000 UTC; Views: 322820; 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
I am not sure what are you doing. Codes are mixed up in yours I suppose.
may be you can show me the code that you are using and I can give it a quick peek when I get time.
👍: 0 ⏩: 0
I've been using this for some time, and randomly I just saw the thing change, so the image doesn't show up any more.... Help...?
👍: 0 ⏩: 1
Really?
Could you please send me a note for this as a reminder for me to check it?
👍: 0 ⏩: 1
Oh no worries! I figured it out awhile back. Just need to put the code in again after deleting it.
👍: 0 ⏩: 1
Hello. Ive managed to figure out how most of this works except how to widen the box? Any help would be really appreciated
👍: 0 ⏩: 1
Which box? The widget box?
👍: 0 ⏩: 1
Yeah, not too sure if its possible at all?
👍: 0 ⏩: 1
Yeah, that's not possible.
👍: 0 ⏩: 0
Just wondering - is it possible to get a background image behind a deviation slideshow like you're able to do in custom boxes? Somehow I managed to put a background in the box, but it blocks the slideshow!
👍: 0 ⏩: 1
Nah (at least not yet). I'll surely share once I get a workaround to that.
👍: 0 ⏩: 1
It's some bit of hope that a background functions at all, even if it floats over the slideshow! Thanks
👍: 0 ⏩: 1
Hi, hoping you can help me. I m trying to put a background texture on a deviation box, with a content holder box under the thumb image for the description. This worked fine for an image, but now I want to try it for a literature thumb.
The problem is, the thumb becomes transparent and the text sits directly onto the background (no white behind it) so it is hard to read. If I specify a literature thumb then it adds it in fine, but also hovers the other text over the top, so I wind up with two layers of text that don't line up.
Is there another way around this?
👍: 0 ⏩: 1
I have to check it for literature thumbs. This has been asked by some other people as well.
👍: 0 ⏩: 1
I actually found a way to make this work if you're interested. I used the Gallery Folder widget and changed it to display most recent 2 deviations, then used the same code snippet that is used for the featured deviation widget, but replaced the img src part with the 👍: 0 ⏩: 1
wait....no..its not working 
👍: 0 ⏩: 1
It is for premium members.
👍: 0 ⏩: 1
dang well im saving wit points anyway
👍: 0 ⏩: 1
This helped a lot, thank you!
But I was wondering, is there a way to edit the sit-back widgets so the thing still plays, but there is a custom background?
👍: 0 ⏩: 1
I haven't got a solution for that yet. I'll post if I get one.
👍: 0 ⏩: 1
alright, cool (: thanks anyway.
👍: 0 ⏩: 1
Is there a way I could get a border around my deviation too?
👍: 0 ⏩: 1
I have been trying to get that myself but didn't get one yet.
👍: 0 ⏩: 1
MMMmmm ok, if you could let me know when you do that'll be awesome ^-^
👍: 0 ⏩: 1
I'll surely share if I find a cure for this.
👍: 0 ⏩: 1
I've had a look around but I can't find a tutorial on how to do similar as this, but using the thumbs of your latest four uploads. Basically something that can replace the 'newest deviations' box so I can have my custom background behind it. Do you know of any tuts that I can use please?
👍: 0 ⏩: 1
Well, it won't work with your newest deviation widget because the deviation will not be dynamically changing with your new uploads. You need to manually edit the code every time you upload a new deviation. I do not think there is a possible solution to this. I'll try and give a look at it once again though.
👍: 0 ⏩: 1
Thank you! I don't mind manually changing the code every time if that's what it takes
👍: 0 ⏩: 1
Hiya!
basically it worked for me, but I just couldn't make the deviation resize proportionally when the browser got smaller (aka with different resolutions like on a tablet). The image gets cut-off when the deviation container gets smaller than the image itself. I tried width="100%" but then the image got cut-off in it's hight when the browser was too big, because after a cetain point the dA container still gets wider but not higher, meaning the image gets bigger and bigger because of the 100% width but the bottom gets cut off because the container won't get taller propoertionally. Is there by any chance a solution for this problem?
👍: 0 ⏩: 1
have you tried by putting both width="100%" and height="100%"?
👍: 0 ⏩: 1
yup. here you can see what I mean >> sta.sh/2dcvocalkxw
if you wish you can visit my profile page right now to see the hight 100% version on the first image. I will leave it for a while for so you can check it out
👍: 0 ⏩: 1
Have you got this fixed? I am sorry I lost track of what we were talking about.
👍: 0 ⏩: 1
unfortunatelly I haven't figured it out. seems like I need to be able to get access to the hight and width of the surrounding container, but I'm not even sure if that's possible/allowed. perhaps I'll try to find a workaround sometime.
👍: 0 ⏩: 1
Whenever I right click on my deviation it doesn't show the 'copy link location' and 'copy image location' is there another way to do this?
👍: 0 ⏩: 1
May be you are using Internet Explorer or other browser. Try with firefox or chrome.
👍: 0 ⏩: 1
Great! Thank you ^^ It worked
👍: 0 ⏩: 1
Is there any way we can put up a background image in the donate widget?
👍: 0 ⏩: 1
This a question asked by many. Yes, there is a way but it is slightly complex for me to put in a simplified way in a tutorial. I'll try and post a tut for that.
👍: 0 ⏩: 1
<= Prev | | Next =>