HOME | DD
CypherVisor — Deviation-box background tutorial
by-nc-nd
Published: 2010-06-27 21:20:30 +0000 UTC; Views: 322816; 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
I'm trying to create a custom image for a widget background. How would I do this? I've never tried something like this before
👍: 0 ⏩: 1
Hi Nav, you can follow the steps in this tutorial one by one and then install the custom bg. Don't worry about getting anything incorrectly done (coz it won't break your page 
👍: 0 ⏩: 1
Thank you ^^ but where is the deviation's source code?
👍: 0 ⏩: 1
In the description below the tutorial.
👍: 0 ⏩: 1
Ok, thank you so much! ^^
👍: 0 ⏩: 0
It is for premium members only.
👍: 0 ⏩: 1
Hmm... DA doesn't allow full HTML and CSS support in non-PM accounts
👍: 0 ⏩: 1
Hi!
I have some problems with the box size, as soon as the code is embed, the box does not expand in size/lenght anymore, so the description text is just cut off. (-> fc01.deviantart.net/fs71/f/201… )
What can i do?
Thanks in advance
👍: 0 ⏩: 1
Use
tags at the bottom of the codes as many times you want to expand it height wise.
👍: 0 ⏩: 1
I've got some problems with image size, it "crops" the full-size of my vertical picture: prntscr.com/2zv9bg
What should I do?
👍: 0 ⏩: 1
No worries, you just need to expand your box height wise. Just use
tags at the bottom of your codes as many times you want and it should expand.
👍: 0 ⏩: 1
Could you possibly tell me how to add borders around other featured images such as the ones at the top of this profile? lilyas.deviantart.com/ (left under "Best of Lilyas")
👍: 0 ⏩: 1
Well, there is only one of doing that. You make an image (of your choice) in any shape & style you want and use the image as an hyperlink.
Check my Custombox F.A.Q. + Tips and tricks on how to do a image button.
👍: 0 ⏩: 1
I figured it out, thank you!
👍: 0 ⏩: 1
The text in the description always stays white, do you have any idea how to fix it?
👍: 0 ⏩: 2
You can get more colors here: cyphervisor.deviantart.com/art…
👍: 0 ⏩: 1
Yup, figured it out, thanks!
👍: 0 ⏩: 0
Nevermind, figured it out! Thanks!
👍: 0 ⏩: 0
So I struggles to get the code to work. Found it was best to paste the code right into the box I wanted to edit instead of putting it in text edit. I also used google chrome to add the code to the box since Safari was giving me some trouble. It worked finally XD
👍: 0 ⏩: 1
yeah Finally have profile that looks cool.
👍: 0 ⏩: 1
you're so helpful, thanks for sharing you knowledge! (:
👍: 0 ⏩: 1
It's my pleasure. You're most welcome!
👍: 0 ⏩: 0
can you skin newest deviations box?
👍: 0 ⏩: 1
If u have a tutorial, can i see it?
I cant seem to find it
👍: 0 ⏩: 1
cyphervisor.deviantart.com/art…
however, you would need premium to use this.
👍: 0 ⏩: 1
It only shows a thin line of the top part for me .u.
👍: 0 ⏩: 1
You are possibly using incorrect links or the tags in the code are not be closed properly.
👍: 0 ⏩: 0
About to lose it. Image won't show at all
👍: 0 ⏩: 1
Check this journal for Custombox F.A.Q. + Tips and tricks
👍: 0 ⏩: 1
I got problem that I haven't found a solution for just yet. I went trough the comments and 5 times through the tutorial and I still couldn't get it right. My problem is that my picture moves to the side of the box. Whatever I try it does not go align nor just stands there in the midle. It looks like this;
fc08.deviantart.net/fs70/i/201…
I have tried resizing,
and even doing the custom align code from the custom box tutorial. But it just doesn't work.
👍: 0 ⏩: 2
Did you change any of the align="center" property in the code?
👍: 0 ⏩: 0
I am by no means a expert here....but try a new custom box and if that does not work try to this generator: fav.me/d4l7cle
I do not know if this will help but I hope it does ^^
👍: 0 ⏩: 0
Why is this happening to me? :c
👍: 0 ⏩: 3
you should get the deviation image URL when its not in the editing mode...
👍: 0 ⏩: 0
Umm, try to change size of deviation image using width="" height="". The rest of code is the same.
For Example:
👍: 0 ⏩: 0
AH! That's also happening to me .. 
👍: 0 ⏩: 0
this is really cool. just trying to make it tile.
assets.razerzone.com/eeimages/… <-- want to use that.
👍: 0 ⏩: 1
<= Prev | | Next =>