HOME | DD
CypherVisor — Deviation-box background tutorial
by-nc-nd
Published: 2010-06-27 21:20:30 +0000 UTC; Views: 327674; 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
x'D OMG you made it so easy! Thank you!
👍: 0 ⏩: 1
Hmm, this isn't working, but i'll keep trying. I know I'm doing something wrong.
👍: 0 ⏩: 1
Tell me what's going wrong. Perhaps I can help you out!
👍: 0 ⏩: 1
Well, I might have made the background too big. When I apply it the bottom half of the deviation gets cut off.
👍: 0 ⏩: 1
probably you need to expand the box by adding
tags at the bottom of the code
👍: 0 ⏩: 1
how come it didn't work for me... I did all the instructions again and again... i'll try it again
👍: 0 ⏩: 1
I've visited your profile. I guess you are not putting the deviation-image-link properly.
👍: 0 ⏩: 1
I'll try again.....*sigh*
👍: 0 ⏩: 2
You'll get it don't worry!
Tell me if you have any problem.
👍: 0 ⏩: 0
I did it but it went to the right corner...HELP
👍: 0 ⏩: 0
is it possible to put a content-holder box around the deviantion? or do i have to draw that into the background image I'm using?
also thank you for your tutorials they have been most helpful :3
👍: 0 ⏩: 1
Yes, you should be able to use the content-holder boxes in your deviation widget.
And you are most welcome!
👍: 0 ⏩: 1
Can you do the same as this on your newest deviations box? Or is there a difference in the coding for it?
👍: 0 ⏩: 1
It works in the newest deviation box!
👍: 0 ⏩: 1
Ah crud I seem to suck at getting this thing to work, could I possibly get some help seeing where I went wrong? I can only seem to get them to line up going straight down rather than next to each other. Or is straight down the only way they'll line up?
[link] "/>
[link] "/>
Winter Time: Arieyhn[link] "/>
Arieyhn[link] "/>
Youth and Whisky[link] "/>
Faerie Ring[link] "/>
Art Swap: Ib[link] "/>
Kia Doll Dress Up[link] "/>
Franziska Doll Dress Up[link] "/>
Adoptable 4 Closed
👍: 0 ⏩: 1
Your code has gone hidden in the comment. You may send the code in my note.
👍: 0 ⏩: 0
I guess this doesn't work for non-Premium Members, eh? : (
👍: 0 ⏩: 1
It should work. Try again. Please mind the links properly!
👍: 0 ⏩: 1
ok... ill try.. the boxes are working but i cant get the background working
👍: 0 ⏩: 1
You should take the image-link not the URL address of the background mind it!
👍: 0 ⏩: 2
oh... ok ill try that thanks
👍: 0 ⏩: 1
I know I'm probably missing something obvious, though I've been trying all the different links just trying to get the deviation the right size. Firstly it appeared at the thumbnail image, which I quickly resolved but instead it's come up extra large and not sitting in the box as it should. I've tried many different links from all locations, it's there every time but the wrong size to fit in the box. Where am I going wrong?
👍: 0 ⏩: 2
you should get the deviation image URL when its not in the editing mode...
👍: 0 ⏩: 2
Unless the only way is to put in img width="YOUR-WIDTH-SIZE" height="YOUR-HEIGHT-SIZE" with the image url and just guess the correct pixels in trial and error?
👍: 0 ⏩: 1
You can just use any of the properties "width" or "height" and the image with re-size proportionately by itself. And what I was suggesting was, taking the IMAGE link of the image when you are not in the editing mode of the deviation widget. This way you'll get the image link of the exactly sized image displayed in the box.
👍: 0 ⏩: 0
I'm having the same problem. I haven't used the image URL from editing mode. When I take it from the picture in my gallery, it's still too large (abnormally so) and when I take the main URL if I was going to download it, it's huge! It's not a matter of the box being to small, but in it not fitting the size of the box. Is there a way to specify the dimensions of the image?
👍: 0 ⏩: 0
I'm glad I wasn't the only one! I'm used to being the only one it goes wrong for. *confused high-five!*
👍: 0 ⏩: 1
yeah.. i gave up trying to fix it xD
i seriously dont know whats wrong D:
👍: 0 ⏩: 1
Likewise. Just took it all out again and left it be
👍: 0 ⏩: 1
.-. I tried and The Text cuts off if I type to much other then that It shows up fine .-.
👍: 0 ⏩: 1
then you should reduce the gap between two
tags as explained in the tut.
👍: 0 ⏩: 1
👍: 0 ⏩: 1
^^ But in the end I ended up making my own [link] ^^ maybe next time I'll try again c:
👍: 0 ⏩: 1
<= Prev | | Next =>