HOME | DD
CypherVisor — Deviation-box background tutorial
by-nc-nd
Published: 2010-06-27 21:20:30 +0000 UTC; Views: 322805; 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
is this still up to date? I followed the instructions very carefully but my bg image covers my displayed deviation, and the description goes to the top of the wedge
👍: 0 ⏩: 1
I'm not sure if you still need help but did you copy the https link from the browser bar for the "DEVIATION URL" and then right clicked on the deviation image and chose "Copy image url" and pasted it to the "DEVIATION-IMAGE-URL" ? I accidentally did it the wrong way around the first time and got the same problem as you did. This order helped for me.
👍: 0 ⏩: 0
Doesn't work
PS. If you are going to color code your shit, at least do it properly.
👍: 0 ⏩: 0
Tried hard but the picture becomes too big all the time, I do something wrong.
Thanks for this tutorial anyhow.
👍: 0 ⏩: 0
This works awesome and I appreciate that someone bothered to make a tutorial and I know this takes a lot of time...
the funny thing is I did something to make it have a small empty space above the background... I laugh every time I open my profile now
👍: 0 ⏩: 0
Hello! I'm new to customizing profiles and found this tutorial useful, though I have a problem. I wanted to use my Featured Deviation as my first practice and I tried to make the picture smaller, only to have it ignore my requests. It's large and cuts off at the bottom, while the background, is, as you had recommended, 800x800. How can I fix this?
EDIT -- I think I figured it out. I was trying to use "style="width:50%" but ended up trying to follow your example and it worked. Only that I couldn't get the background to show at 800x800, seems to be cropped at the bottom. I also wanted to change the text color so that it's easily readable, or at least add a background-color to it. Is that possible?
👍: 0 ⏩: 0
I dont get it. the images are just under the box of the fav image.
👍: 0 ⏩: 1
I think it's because it only works for core members.
👍: 0 ⏩: 1
Yea. Already figured it out. Thanks tho
👍: 0 ⏩: 1
If I use this, my Featured Deviation is way too large D: What do I need to do?
👍: 0 ⏩: 0
hey guys i tried it out with a transparent image and it works 
you can visit my profile to see 
👍: 0 ⏩: 1
Hey how were you able to get the box "longer"? I try to place my image in it, and half of it is cut off!
👍: 0 ⏩: 1
i has the same thing happen to me but there is another code you can add where it alters the dimensions of the box. Ill link the journal
👍: 0 ⏩: 0
I can't work it without the deviation taking over the entire thing
👍: 0 ⏩: 1
I found out for everything else like the favorites widget. If you put a background on it the deviations will some who still show through it. Not sure why or how but this might be useful to some one.
👍: 0 ⏩: 0
I'm trying to get this to work with having a featured journal. Is there any possible way to get it to work??
I have custom CSS in my journal that I'd really like to use, but whenever I try to get it work, either A) the background won't show up... or B) the journal has a scroll box with an ugly background around it.
👍: 0 ⏩: 0
Hi! How do I get the image url of this deviation welcome to embed it (it's a sta.shwriter, not an image)? When I tried :bigthumb: it doesn't show up as an image and I have no idea how to go about this. Thanks for your help!
👍: 0 ⏩: 0
I attempted this and my result wont change, the image is half cut off (I tried adding more Div's ad Br's)
👍: 0 ⏩: 1
Your image is too big!
👍: 0 ⏩: 1
I tried smaller images but they wouldn't work either :'))
👍: 0 ⏩: 1
It has to be below 200 pixels width and height I belive
Pagedolls are only 100x110 px big
👍: 0 ⏩: 0
do you by chance know how to make your featured deviation not show up if you aren't a core user?
👍: 0 ⏩: 1
Make it like mine, if u want to. Submit an art to your Deviations for the title, then feature it. After that, put the art in your Scrapbook.
👍: 0 ⏩: 0
Hey CypherVisor ... I'm really sorry if this is not the right place to ask,
The source code isn't working for me... However, my image URL has a different start for me. Not sure if that's the problem? It starts with "http:// im00.deviantart .com" and then goes into the rest.
I have done this to other featured deviation pages while using the following code (I put spaces in it because I wasn't sure how else to show you the whole code LOL) but this code isn't working on this featured deviation widget in particular.
< div class = "popup2 - more menu"> < div class ="floaty-boat"> < b r >< img src = " BACKGROUND URL HERE "> < div class = " gr-box gr-genericbox">
👍: 0 ⏩: 1
Select the image Right click and press image address. Thats the url
👍: 0 ⏩: 1
Yeah.... I understand that part. I did that. The background pushes everything that's supposed to be over it down below it as if I had inserted the bg as a standard image. None of the codes I tried at that time worked.
All of my other HER custom boxes, however are fine. I do understand HTML. Lol.
👍: 0 ⏩: 0
Is there a way to box the image like I can box the text?? The featured image I'm using has a transparent background and is rather hard to see
👍: 0 ⏩: 1
I'm wondering the same thing. I got mine to work - firestorm185.deviantart.com/ but the box is at the bottom of the background now.
👍: 0 ⏩: 0
for me it just showed the deviation and background but no actual text?
👍: 0 ⏩: 0
How do I stretch the image in width to actually make it fit the entire custom box? ;/
👍: 0 ⏩: 1
If you put the height and width for the image to equal 100% it will fill the whole box... I got that to work, but now my featured deviation is all wonky, so hopefully it works for you. :/
👍: 0 ⏩: 0
For people who are trying to feature journals instead of images (like if you made a profile directory), all you need to do is copy the thumb link and place that into the [deviation-image-URL] part of the code, worked perfectly for me :)
in case anyone is struggling with that lol, i sure did
👍: 0 ⏩: 1
god you're a fucking life saver
👍: 0 ⏩: 1
lol i dont know what the fuck im doing wrong
but its fucking cutting off part of my box and not showing the whole thing ????
im kinda mad,,, and i know no one will answer lmao
and im doing evERY FUC KING THING ITS TELLIGN ME
👍: 0 ⏩: 1
try to add more br or div.
👍: 0 ⏩: 0
This works fine for me, except for whenever I put more than a few words of text in the DESCRIPTION TEXT HERE, it blows up the image and pushes it to the left. I sized down the image before putting text, and when I saved it, it looked fine, and I didn't change anything after putting the text in... Does anyone know how I can fix this?
👍: 0 ⏩: 0
Didn't work for me. I've tried both chrome and firefox, but the result is a smushed image. The resolution of both the images, my deviation & background, are fine. The box doesn't expand to the full size of the images though. ~Armored Heart
👍: 0 ⏩: 0
| Next =>