HOME | DD
CypherVisor — Deviation-box background tutorial
by-nc-nd
Published: 2010-06-27 21:20:30 +0000 UTC; Views: 322807; 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
Tried several times and it did not work for me 
👍: 0 ⏩: 1
Oh thankyou but this was months ago when I did have one ^^
👍: 0 ⏩: 1
I have a quick question. Is there anyway to fix an image from not fitting into the box? The deviations that I'm attempting to use are too huge that they just don't fit into the box.
Nevermind. I figured it out
👍: 0 ⏩: 1
How did you do it? I've been having the same problem with both the background image and the image I want to present. It works fine in Google Chrome, but not in FireFox.
👍: 0 ⏩: 1
Same code but in the second half of it I just added width="300"> so it came out like 👍: 0 ⏩: 3
No 11's obviously.
I took it from a thumbnail preview tutorial he had.
Hope this helps, man.
I know this is super random and out of the blue, but I was lost and looking through comments for help because nothing I tried worked, except for your suggestion of having the width at 300. Thank you, you're a life saver.
👍: 0 ⏩: 1
Glad it helped!! (I was having the same issue tbh)
👍: 0 ⏩: 0
THIS is super helpful! Should be featured or added to the description if you ask me ^^
👍: 0 ⏩: 1
Thanks! I just thought others could use the help because I know I spent about 3 hours fiddling with the string of code.xD
-snake
👍: 0 ⏩: 0
Yeah it did, thanks.
👍: 0 ⏩: 0
Will you do something like this for the commission widget as well? 
👍: 0 ⏩: 0
what am i gonna do when de deviation is to big?
not the background. when im doing it like the toutorial the whole thing is filled with my deviation and its cut on the edges.
id be glad for some help.
👍: 0 ⏩: 1
It did that for me as well DX
👍: 0 ⏩: 0
It just shows links to the pictures:
Is this how its supposed to look like?:
👍: 0 ⏩: 1
No, the reason why only links are showing up is because you're only putting in links. You need to put the code in first and then insert the links into the code.
Copy and paste the code in the description, then put the links where the bolded words are.
👍: 0 ⏩: 1
I fully figured out how to make it so it doesn't show up small or too big but just wondering on some advice on how to make it so the image doesn't look blurry on my main page?
👍: 0 ⏩: 0
How do you change the Text color below the feature image?
👍: 0 ⏩: 0
What if my daily devianton is menu? I mean menu with buttons, cant put img url cause I dont have it. How to do it?
👍: 0 ⏩: 0
You make really great tutorials. Thanks so much!
👍: 0 ⏩: 0
I was hoping there'd be a way to easily install a background onto the predesigned widgets.
That's alright. I'll just have to shove everything onto a massive custom box.
👍: 0 ⏩: 0
I still don't understand a thing about how this works...
👍: 0 ⏩: 0
My thumbnail shows a broken link o.0
👍: 0 ⏩: 0
My thumbnail got oversized Any solution to this problem ?
👍: 0 ⏩: 1
it's maybe the size of your picture. They take the full size of your picture and put it that way.
👍: 0 ⏩: 0
It doesn't fully work anymore and caused by dA admins.
👍: 0 ⏩: 0
I think the issues with the image overflowing the box can be fixed by adding style="max-width: 100%" after class="floaty-boat" (inside the div element)
👍: 0 ⏩: 1
I tried what you said & it still shows it to big, Did you make it its own like
I tried both and i still cant get it to work ; A ;👍: 0 ⏩: 0
the box for this is too small to fit the image and description could you possibly tell me how to fix this problem in extending the main box?
👍: 0 ⏩: 1
Check out the comment I just left above; leaving a reply on here so that you get a notification and are able to see it.
👍: 0 ⏩: 0
I had a problem with my picture size issue being to big but then after trying to figure out a solution i saw to put width="500" in between img and src, it helped
👍: 0 ⏩: 3
yep, works for me as well! thx!
👍: 0 ⏩: 1
thank you so much 
👍: 0 ⏩: 1
I'm using the code that's not supposed to stretch the image, but my featured art is being stretched to fit on the entire widget.. any ideas why?
👍: 0 ⏩: 0
But is there a way for your "newest deviations" box to have the deviations atop the background, so you don't have to edit your box everytime you upload something?
👍: 0 ⏩: 1
Something to add:
You have to mannually update the number, though.
👍: 0 ⏩: 0
Good day
We are seeking reworking our profile visual design and have come across your many tutorials, may we say they are fantastic and resourceful. Albeit we have a single inquiry; after searching through some of your tutorials one thing we can not locate is a tutorial of how you created custom headers for your widgets on your front page. Is there an established tutorial we failed to find, if not could you explain please how you created those custom headers?
Thank you
👍: 0 ⏩: 0
Well everything is fine with the picture and all. But the featured deviation no longer shows up, it just shows the icon for a broken link. I think I broke something.
👍: 0 ⏩: 0
Copy and paste
if your image is too over sized. Where your image url is, after the " put
width="ANY WIDTH" height="ANY HEIGHT"> to choose it to your wants
👍: 0 ⏩: 3
<= Prev | | Next =>