HOME | DD
CypherVisor — Deviation-box background tutorial
by-nc-nd
Published: 2010-06-27 21:20:30 +0000 UTC; Views: 322809; 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
It only works for premium members
👍: 0 ⏩: 0
I don't have the option to Copy Image URL. Instead I have Copy Image Address and stuff like that. I was trying to use this (Box Background ) image for my profile but couldn't find out how to get the URL thing. Please halp.
👍: 0 ⏩: 1
copy image address is the same thing as copy image url
👍: 0 ⏩: 1
Really doesn't work, I'm core and using Chrome. the background displays just fine, but there's no sign of actual deviation.
👍: 0 ⏩: 0
Do you know if there's any difference between how this shows up on Firefox VS Chrome? My friend are I are seeing different results. Thanks!
👍: 0 ⏩: 0
it made my deviantation big! is there a way to correct this???
👍: 0 ⏩: 0
It seems to be displaying differently on different devices for some odd reason, but thank you!
👍: 0 ⏩: 0
Thank you for this tutorial! Very helpful!
For those in the comments having problems with sizing, read closely on the tutorial. You DON'T get the image url of the plain image, you get the image url of the image that's already in the featured widget box. That's because it's already sized down and it's a different url. If you DO want to get the plain image's url because the scaled one is too small, just add width="50%" directly after the image url in the same brackets. That will scale down the image and you can play around wtih the percentage number.
So it'd look like this: < img src = "image url" width="50%" > without the extra spaces
👍: 0 ⏩: 6
This was very helpful! Thank you!
👍: 0 ⏩: 0
Thank you for adding this!
👍: 0 ⏩: 0
thank you! this was very helpful!
👍: 0 ⏩: 0
Your comment was very helpful, thank you!
👍: 0 ⏩: 0
Sweeet!! this was my last try and I read this! thanks
👍: 0 ⏩: 0
These tutorials are terrific! They are a HUGE help for me! By any chance, do you have a tutorial for how to customize your background for a DA folder? I've seen the ones for your DA Id and Featured Deviation, but not one for a whole folder. Thanks!
👍: 0 ⏩: 0
i think it only works for the Core members... i tried too, it didn't work
👍: 0 ⏩: 1
i dunno what to say, i'm not a core member...
👍: 0 ⏩: 1
What exactly doesn't work for you?
👍: 0 ⏩: 1
Mh, guess I can't help you with that one, since I'm using a German version of Firefox and have no idea what it looks like for you. But you need to find the URL of the image itself like for the image of this tutorial it would be orig13.deviantart.net/a150/f/2… If you click on the URL you need there should be nothing but the image itself on that page.
There might be an option like "display image" that will lead you to the same site.
Hope this helps.
👍: 0 ⏩: 0
Is there any way to change the font color? The codes I used haven't been working so the words blend into my background image.
👍: 0 ⏩: 0
i believe this only works if the devitation image is under 1000 pixels
👍: 0 ⏩: 0
I can't even get any of these working -__-
👍: 0 ⏩: 0
I did all the steps and it still turned out strange
it the featured deviation.. It is so difficult it seems to customize your DA profile...
👍: 0 ⏩: 1
Yeah, it was alot of work...I kind of gave up of decorating my deviantart profile. Its whatever though.
👍: 0 ⏩: 0
My image is a little too big.
Can I somehow expand my box?
👍: 0 ⏩: 0
Could I somehow change the color of the text?
👍: 0 ⏩: 0
I'm going to guess this doesn't work if your featured deviation is a journal. (,,,,:
👍: 0 ⏩: 0
Hi! I'm trying to change my description text color from the default in the code to black to better go with my background image. I tried the fallowing code: < font color="black" > TEXT < /font > But it is not working. Any tips? Great tutorial BTW!
👍: 0 ⏩: 0
I did this for my newest deviation thing and that little core-star shows through? > . <
👍: 0 ⏩: 0
Thanks for all of these tutorials, I am finally getting somewhere with my page!
👍: 0 ⏩: 0
| Next =>