HOME | DD
CypherVisor — Deviation-box background tutorial
by-nc-nd
Published: 2010-06-27 21:20:30 +0000 UTC; Views: 322820; 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
can you do this for the donation box widget?
👍: 0 ⏩: 1
Yes, but it is buggy. The poll bar gets covered.
👍: 0 ⏩: 1
Sadly everytime I get it done,my background changes width/height. My picture stays the same. Help?
👍: 0 ⏩: 1
Are you using the width or height property in the background image tag? If yes, then that could be causing the problem. Try deleting the width or height property from it and try again.
👍: 0 ⏩: 2
Since dA have changed something in the custom boxes it's great that you gave us tips how we can stretch the background images.
However, I still have a tiny problem.
I stretched my backgrounds in that original size they have (ex. space background, width 2550 px, height 1600 px)
Yes I'm using large BGs. My intention is that the box takes a part of the complete image as background.
But still the backrounds are disorted vertically. Is there a possibility how to keep the origingal size without a vertical disortion?
👍: 0 ⏩: 1
I had found a solution for that I believe but now I have forgotten.
I'll check it out and update it.
👍: 0 ⏩: 1
Well, that's okay. I can get used to the little disortion
And if you found a solution I'll check it out next time
👍: 0 ⏩: 1
I think you are using the width and height property in your img tag for your image. Just remove those and it should be fine.
👍: 0 ⏩: 1
I even tried removing the width and height property. But the image automatically adjust itself the size proportional in the size how width of my custom box is. The rest of the custom box below will be a blank grey space
👍: 0 ⏩: 1
try using width="100%" or height="100%" and see if it works.
👍: 0 ⏩: 1
By typing width="100%" the image adjust by the width of the custom box proportionally (blank space still be there below)
By typing height="100%" the image is stretched though but it's still disordered just like when I typed the original heith and width of the image.
👍: 0 ⏩: 1
Are you by chance using Chrome? If so, then let me tell you that Chrome has these code compatibility issues.
👍: 0 ⏩: 1
No. I'm using Opera. I assume that it might have similar issues with the code compatibility such like Chrome
👍: 0 ⏩: 1
Just check it in firefox or IE if possible. If these browsers works correctly then it's a browser issue.
👍: 0 ⏩: 1
I could try. But on the other side I got used to it even if the images for my custom boxes are disorted d:
👍: 0 ⏩: 1
It just doesn´t work... I don´t know why... Is there anything you can do wrong?
👍: 0 ⏩: 1
Hey no prob. Let me know if you still have any problem.
👍: 0 ⏩: 1
When I do it this time, its making the actual deviation really small, is there a way to fix it it?
👍: 0 ⏩: 1
Just copy the deviation-image-link when it is in the normal mode (not in the edit mode)
👍: 0 ⏩: 1
Thank you soo much! <33
👍: 0 ⏩: 1
Is it possible to do the same thing with "Newest Deviations" widget?
and also make it to work correct(auto-update of newest artworks, or i have to change it by myself )
👍: 0 ⏩: 1
Yes it is possible for newest deviation but auto-update won't be happening. You need to update it manually each time you upload a new deviation.
👍: 0 ⏩: 1
As I thought. And another question:
Which HTML codes i'm as supposed to use when i want to put background into box with slideshow?
👍: 0 ⏩: 1
The slideshow is a problem actually. I haven't got a working code to bg for a deviation widget with slideshow. I'll surely share it if I get one!
👍: 0 ⏩: 1
Okay, I will be waiting until you find for this code ^^
BTW:If You remember: I see your note but i've lost html code for sta.sh/0luk8k9cchm
I guess i need to create it once again. I will call you back when the same problem will appear.
👍: 0 ⏩: 1
Yeah I remember. Even it would have to backtrack it like way back to find that note of yours.
And sure, let me know when you need me.
👍: 0 ⏩: 0
How do I change the color of the font? It's all white.
👍: 0 ⏩: 1
cyphervisor.deviantart.com/art…
👍: 0 ⏩: 0
Hi, is there any possibility how could I give my "newest deviations sit back widget: a background?
👍: 0 ⏩: 1
and give background to polls or donation pool?
👍: 0 ⏩: 2
Nope (as of now). The code that I have is buggy.
👍: 0 ⏩: 0
Ya! You can give to donation pool!
👍: 0 ⏩: 1
Use this turtorial: cyphervisor.deviantart.com/art…
Friend
👍: 0 ⏩: 1
But you can't donate then :/ Look at my donation poll: lelixiana.deviantart.com
👍: 0 ⏩: 1
You can just add a button!
👍: 0 ⏩: 1
cyphervisor.deviantart.com/art…
👍: 0 ⏩: 0
Hi there... it keeps cutting it short
this is the text i am using (without the spaces between the thumbs:
img713.imageshack.us/img713/74… "/>
fc00.deviantart.net/fs70/f/201… "/>
: thumb178301257 : : thumb310807042 : : thumb310423127 : : thumb306157519 : : thumb317731775 : : thumb45896814 : : thumb178304614 : : thumb65944733 : : thumb159364605 : : thumb82661704 : : thumb82661806 : : thumb83623471 :
: thumb275638295 : : thumb275638298 : : thumb275638374 : : thumb275638366 : : thumb91623360 : : thumb275638389 : : thumb245677202 : : thumb98596378 : : thumb289251941 :
.
If you could help me with this that be brilliant
Thanks
👍: 0 ⏩: 1
Use
tags at the bottom of the codes as many times you want to force the box to increase by height.
👍: 0 ⏩: 1
<= Prev | | Next =>