HOME | DD
CypherVisor — Deviation-box background tutorial
by-nc-nd
Published: 2010-06-27 21:20:30 +0000 UTC; Views: 327667; 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
You are my deviantart hero! Thank you so much!
👍: 0 ⏩: 1
Haha.. Okay if you say so!
You're most welcome btw!
👍: 0 ⏩: 1
I don't understand it can u plz explain it to me?
👍: 0 ⏩: 1
Please watch the video tutorial if you are unable to understand.
👍: 0 ⏩: 1
I can't do codes to safe my life, but your tutorial made it all so easy.
And I'm on a Dutch Mac even
Thank you for uploading this, you're utterly awesome!
👍: 0 ⏩: 1
I am glad that I could make this super easy for you!
And you're welcome btw!
👍: 0 ⏩: 1
Well, of course I made the same mistakes a lot of people posted here, but you already explained so many of them in the comments, I found all the answers.
Again; thanks
👍: 0 ⏩: 1
Cool! 
👍: 0 ⏩: 0
Thank you so much for this. Is there a way to change the text color at all? Since mine is a pale blue/purple color and its hard to read. Also how would I place the white box around the content of the deviation-box without messing up the coding?
👍: 0 ⏩: 1
Sorry, mate can't change the font color.
You need to put the white-content holder box code by replacing the "Lorem Ipsum" text
Please check this journal for Custombox F.A.Q. + Tips and tricks
👍: 0 ⏩: 0
I'm sorry; what is the difference between the Deviation-URL and the Deviation-Image-URL?
I'm having a hard time making the background image show up in custom boxes so I thought I'd try this one instead but my art shows up as
Suppose this is the deviation [link]
so here's the URL address of the deviation
http://kawiko.deviantart.com/art/Flash-the-Hedgecat-347850761 is the deviation-URL
and the image link
http://fc07.deviantart.net/fs71/f/2013/010/a/4/flash_the_hedgecat_by_kawiko-d5r3nd5.png is the Deviation-Image-URL
👍: 0 ⏩: 1
Oh wonderful! Thank you! I get it now.
The background is showing up; but now it's covering the deviation.
👍: 0 ⏩: 1
probably you've switched the image-URLs
👍: 0 ⏩: 1
I did it just as you said I think.
When I switch them the text shows up in front but the image is still behind the background.
👍: 0 ⏩: 1
May be show me the code you are using? Note me? I can't understand what's wrong if you explain to me like this.
👍: 0 ⏩: 0
Just got into this and realized DA code is not at all standardized HTML. Your piece helped a lot, thank you!
👍: 0 ⏩: 1
Yes 
👍: 0 ⏩: 1
The background covers the deviation! Can you help me??
👍: 0 ⏩: 1
You should write your content in the "body text here.." part of the code.
👍: 0 ⏩: 0
okay so i tried that but the picture became too big and didn't fully show up in the box.
👍: 0 ⏩: 1
are you using the width or height property in the image tag?
👍: 0 ⏩: 1
I fixed it. I was using the links of the actual deviation and now the links of how it shows up in the box which is what messed it up
👍: 0 ⏩: 1
Okay never mind I figured it out; the devitation image is pretty small though. But I'll figure it out
👍: 0 ⏩: 2
you should get the deviation image URL when its not in the editing mode...
👍: 0 ⏩: 1
Oh okay..... 
👍: 0 ⏩: 1
Kay I figured it out
👍: 0 ⏩: 0
But when I tried all the rest, it worked out fine 
👍: 0 ⏩: 1
great that you've figured it out. I've replied to your other comment on why the image is displayed small.
👍: 0 ⏩: 1
Alright
👍: 0 ⏩: 1
Everything is working fine, only somehow my text has turned light grey. Any way to fix this?
👍: 0 ⏩: 1
Nope.
Try using a content-holder box to write your content instead.
👍: 0 ⏩: 1
Ok, thank you!<3 I used black buttons, it looks great!<3
👍: 0 ⏩: 1
Try it again. I am sure you'll get it. Just follow it thoroughly.
👍: 0 ⏩: 1
is there a way to change the color of the description text? the code works perfectly, but even using a hex code and the name tag for the color it doesn't variate from the default color.
[ it's much to light to read easily on my chosen background ]
👍: 0 ⏩: 1
Unfortunately, you can change the text color. I am still looking for an alternative way for this. I'll update if I find out something.
👍: 0 ⏩: 1
great, thanks for letting me know!
👍: 0 ⏩: 1
Lovely!!
But I tried it out and the image of DA is smaller than background, so I tried to find that JPEG option on Photoshop but couldn't find it. How can I find it? I use PS7. Thankyou.
👍: 0 ⏩: 1
<= Prev | | Next =>