HOME | DD
CypherVisor — Deviation-box background tutorial
by-nc-nd
Published: 2010-06-27 21:20:30 +0000 UTC; Views: 322817; 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
thank you SO much for this tutorial, now my deviation boxes are all pretty and neat <3
i just have a small problem, i added a small text box down my deviation and it overlap the "print available" button, is there a way to fix the problem ? shizen-nana.deviantart.com/
👍: 0 ⏩: 1
Try deleting any line-breaks before the content-holder box.
👍: 0 ⏩: 0
Every time I try, this happens: imageshack.com/a/img571/2372/9…
👍: 0 ⏩: 2
You are using the deviation-image-URL link for your deviation page probably. You can reduce the size using the width property of the img tag. Check this journal for Custombox F.A.Q. + Tips and tricks
👍: 0 ⏩: 1
It's alright, I've gotten it to work! Thank you so much!
👍: 0 ⏩: 1
Same here ;-; Doing the width/height thing doesn't help either ;------;
👍: 0 ⏩: 1
It worked for me though. I fiddled around smaller sizes for both the picture ID and the background.
👍: 0 ⏩: 1
I just figured out what I was doing wrong xD I was stretching the bg instead of the deviation
👍: 0 ⏩: 0
What's the difference in between "DEVIATION-URL" and DEVIATION-IMAGE-URL"
👍: 0 ⏩: 2
Please check this journal for Custombox F.A.Q. + Tips and tricks
You'll find it in the FAQ section at the bottom. (Deviation URL is nothing but the URL address of your deviation)
👍: 0 ⏩: 0
Deviation URL is the page URL on top when viewing the deviation.
Deviation page URL is the URL copied from 'Copy Image URL' when you right-click the image.
👍: 0 ⏩: 1
I use internet explorer ;-;
👍: 0 ⏩: 1
Just kidding; anyway, Internet Explorer doesn't have 'copy link image' when you right-click on one? If not, press F12, the page HTML code will appear. The URL that ends in .jpg or .png should be the image URL....
seriously tho change your browser dammit XD
👍: 0 ⏩: 1
I did a few hours ago...
It was next to impossible to do it with Internet Explorer, the same URL showed up when I copied and pasted it...
👍: 0 ⏩: 1
Good ^^ Well then, the URL thing should be sorted out, nya?
Now, if only it would work for me...
👍: 0 ⏩: 1
Aw, I hope you figure it out!
What browser were you using? When I used Google Chrome is worked the first time i tried.
👍: 0 ⏩: 1
I figured it out XD
Resizing helped a lot ^^
👍: 0 ⏩: 1
Ooooooooooooooooooh
I'm gals you fixed it!
👍: 0 ⏩: 1
You too! Nice profile, by the way
👍: 0 ⏩: 1
Thanks! It's still a bit of a work in progress, though. Your's is great, too
👍: 0 ⏩: 1
awesome! 
but in case of customs..what can i do to put big images... not in little size like when i put the thumb .. (sorry for my english... it s difficult to explain)
👍: 0 ⏩: 1
Please check this journal for Custombox F.A.Q. + Tips and tricks
👍: 0 ⏩: 1
thank you very much ^u^
👍: 0 ⏩: 1
My devation is really small, it doesn't take up the whole space like it's meant to, any reason why? :I
👍: 0 ⏩: 1
you should get the deviation image URL when its not in the editing mode...
👍: 0 ⏩: 1
Ahhh, okay thank you c:
👍: 0 ⏩: 1
hm... when i put the image url in, only a (?) box show up, is there any way to fix it?
👍: 0 ⏩: 1
Then it means that your image link is broken. Check your link again and see if it is working fine.
👍: 0 ⏩: 1
ok, if it doesn't, should i try the thumb?
👍: 0 ⏩: 1
Nope. Thumbs won't work here.
👍: 0 ⏩: 1
ok, well i figured it out, thanks for your help!
👍: 0 ⏩: 1
Is there a way to edit the Newest Deviations box? Like when you have multiple uploads? I want everything to mesh. OCD! hahah
👍: 0 ⏩: 1
You use this same tutorial. However, each time you upload a new deviation you need to update the code with it manually. Also, it would not quite work well if you have selected to display more than 1 deviations.
Btw, you are pretty!
👍: 0 ⏩: 1
I was trying to recode it in different ways, but you're right the coding is all jumbly. UGH! I wish they made it easier to customize your profiles without having to make it so technical. It's like you have to crawl through caves and travel through the wilderness just to get something on it. I'm giving up for the night hahah.
Gaww now you're making me blush 
👍: 0 ⏩: 1
Lol... 
👍: 0 ⏩: 1
Lol yeah something like that hahah
👍: 0 ⏩: 1
I can't make this work. This happens every time I try. Can you help me please and tell me what I am doing wrong.
👍: 0 ⏩: 1
You need to increase the height of your box. Use
tags at the bottom of the codes as many times you want to increase it.
👍: 0 ⏩: 2
Oh my god, THANK YOU SO MUCH FOR THAT. I've been sitting here for an hour trying to make the box bigger, and now I finally know :'D
👍: 0 ⏩: 1
Thank you for the advise. I hope I'll make it work now.
👍: 0 ⏩: 1
<= Prev | | Next =>