HOME | DD
CypherVisor — Deviation-box background tutorial
by-nc-nd
Published: 2010-06-27 21:20:30 +0000 UTC; Views: 322809; 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
You should take the deviation image URL when its not in the editing mode...
And you're welcome!
👍: 0 ⏩: 1
It's okay ^^ I figured something out
^^
👍: 0 ⏩: 1
atomicbubbles101.deviantart.co…
Why is it not showing the bottom of the image?
👍: 0 ⏩: 1
comments.deviantart.com/1/1692…
👍: 0 ⏩: 0
hey i have a question! whhen i try this, a little box with a black x in it shows up and i cant seen to figure out why. if you go to my page you will see it, do you have any idea why this is happening??
👍: 0 ⏩: 2
I can see it to be completely fine.
Have you got it fixed?
👍: 0 ⏩: 1
yea sorry! it is fixed, but thanks for this tutorial <3
👍: 0 ⏩: 1
Cool
And you're welcome!
👍: 0 ⏩: 0
You've just gotta switch the links around, sweetie. ^^ don't stress.
👍: 0 ⏩: 1
okay! i'll try that <3 thanks!
👍: 0 ⏩: 1
/sigh/ it didnt work!! but i'll try and fighre it out
👍: 0 ⏩: 0
I have a question, how can this person "muzzlemutt" have a longer featured Deviation "bliss"?
👍: 0 ⏩: 1
In the box she is using the custom box bg code to put the bg in the widget from here: cyphervisor.deviantart.com/art…
And then increased the size of the box by inserting
tags at the bottom of the code.
👍: 0 ⏩: 1
darrgh, I know all that! I think she changed her page before you had a chance too see what I meant!
I will come back to you with a screenshot! someday....
👍: 0 ⏩: 1
Now I have taken a screen-shot on muzzlemutt profile ( sta.sh/0evi9f6v6cj )
And I wonder how she made her "Featured Deviation" "Bliss" so long/height?
👍: 0 ⏩: 1
As, I said before, she increased the size of the box by inserting
tags at the bottom of the code.
Try it in your own... Goto edit and in the description write:
... ans see
👍: 0 ⏩: 1
I have tried that, but no, it did not work for me : (
👍: 0 ⏩: 1
Really?
Well, then there's something wrong you are doing in the codes. May be missing
👍: 0 ⏩: 1
I solved it by my own, I only misunderstood, I thought that you could do "a widget journal" longer by using
instead I use it on the "widget description".
👍: 0 ⏩: 1
Will this ever be available for literature deviations?
👍: 0 ⏩: 1
I gotta check if I can find a workaround. I'll surely update if I find a solution.
👍: 0 ⏩: 1
Thank you! Your tutorials are super awesome, and really helped me glam up my page.
👍: 0 ⏩: 1
My pleasure!
And thanks...
👍: 0 ⏩: 1
I got it messed up ;n;
it looked either like this: sta.sh/01rzyvxdihuq or the image was so big that only about 1/4 of it could be seen on the widget..
👍: 0 ⏩: 1
Use the same code but take the deviation image URL when its not in the editing mode...
👍: 0 ⏩: 0
Okay, is this for the "newest deviations" widget or the "featured deviation" widget?
👍: 0 ⏩: 1
Basically, it is for the featured deviation widget. But you can use in the newest deviation widget also. However, in the newest deviation widget you will have to manually update the code every time you upload a new deviation.
👍: 0 ⏩: 0
Does this only work for actual images, not literature?
👍: 0 ⏩: 1
For now, yes it works only with image based deviations only.
👍: 0 ⏩: 0
hi, I did it and I got this sta.sh/0222o8h99fxy why is my pic on the right side and not in the middle?
👍: 0 ⏩: 1
umm.. okay.
Don't know why that happened. May be you can send me the code via note and I can give it a check.
👍: 0 ⏩: 0
Can u plz make this downloadable? A little blurry for me, thx
👍: 0 ⏩: 1
May be you are viewing the image in full-view (by clicking on the image) coz it isn't blurry I believe.
👍: 0 ⏩: 1
definitely didn't work for me. trying again though - maybe I did something wrong? I hate how da allows some code but not most of it. ugh!
👍: 0 ⏩: 1
Umm, may be. Check the URL that you are using are correct and working.
👍: 0 ⏩: 1
hm, definitely not that. but thanks anyway! I really appreciate you taking the time to reply & all, in any case.
👍: 0 ⏩: 1
You can note me your messed up code if you want. I can give it a look.
👍: 0 ⏩: 0
I got it wrong at first lol. But I got it now, thank you so much! This was very helpful, like your other tutorials!
👍: 0 ⏩: 1
Glad you did! And you're welcome!
👍: 0 ⏩: 0
My picture is a thumbnail instead of a proper Feature preview. Could you help/explain? odddisease.deviantart.com/
👍: 0 ⏩: 1
It will work as it is if you follow the tutorial.
However, please note that this code works in a premium member's account only.
👍: 0 ⏩: 0
THANK YOU so much! This is so helpful!
👍: 0 ⏩: 1
<= Prev | | Next =>