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
This is quite confusing for me
👍: 0 ⏩: 1
I'm having issues making the code work. The background doesn't appear, it moves the text in the middle of the image and it makes it white.
You can see it on my deviantart page cassandrachatwin.deviantart.co…
I've double checked the coding, and I can't see where I've made the error. Can you help me?
Here is my code below:
i.imgur.com/UOAl7sS.png "/>
fc02.deviantart.net/fs71/f/201… "/>
Russian Caravan tea is named for the camel
caravans of the 18th century, whose goods
would adopt the smokey taste of the nomad's
campfires as they ventured six thousand miles
from China to the Russian boarders.
If you are interested in using my tattoo design,
please contact me via note or email, prior, to
negotiate terms and conditions.
Also, is it possible to use a content holder box for the deviation description?
Thank you,
Cassandra
👍: 0 ⏩: 2
If you could just show me the code that you have entered then I can say what's wrong. You may note me with the subject "Deviation box problem"
👍: 0 ⏩: 0
It seems that the comments tries to run the code. Is there a different way I can send you the code?
👍: 0 ⏩: 0
what about the newest deviation box? It's slideshow mode and what should i do about that?
👍: 0 ⏩: 1
In the newest deviation box you can use the same code however you need to manually update the code each time you upload a new deviation. It cannot change the deviation dynamically when a new deviation is uploaded.
And background code with slideshow is not available yet.
👍: 0 ⏩: 1
okay ty!
I'll see when the slideshow thing w/ background works
tkx!
👍: 0 ⏩: 1
no offense, but i literally started crying because of how complicated this was.
👍: 0 ⏩: 1
Well, in that case I can just say try it slowly and step-by-step. You'll get it through don't worry
I am sorry if I have made it very complicated...I can't make it any simpler than that
👍: 0 ⏩: 1
nah its ok, im just really dumb
👍: 0 ⏩: 1
Thanks for all your resources!
Is it possible to use a content holder in the deviation box with background? When I replace DESCRIPTION TEXT HERE with my content holder (containing text, thumbs and images) like it is done with Body text here.. in custom boxes with backgrounds, everything goes to hell. xD Sometimes the deviation image doesn't register the width attribute and appears at full size, sometimes it's moved to the left, sometimes it's okay, but in every case the widget doesn't expand downwards and displays only a little bit of the content holder.
👍: 0 ⏩: 1
Yes it is absolutely possible to have a content-holder box. If you could just show me the code that you have entered then I can say what's wrong. You may note me with the subject "Deviation box problem"
👍: 0 ⏩: 0
Do you know how to make it so you can have more than 1 deviation on the same thingy?
👍: 0 ⏩: 1
I think my deviation is too big... Every time I try to put in the background and everything it shows a blown-up, zoomed in version of the deviation. Is there any way I can fix that?
👍: 0 ⏩: 2
Are you using the "width" and "height" property in your 👍: 0 ⏩: 0
Same here. Is there a fix?
👍: 0 ⏩: 0
What? The whole thing?
👍: 0 ⏩: 1
yup..... im not good with computers
👍: 0 ⏩: 1
Can i put a Bg in the "newest Deviation" widget/box?
👍: 0 ⏩: 1
Yes. Check: cyphervisor.deviantart.com/art…
However, you have to change the deviation image link and url in the code each time you upload a new deviation (as it won't take the new deviations automatically)
👍: 0 ⏩: 0
Thanks for the Information, it is vital to the cause!...Because one day the entire world will...well you know the rest.
👍: 0 ⏩: 1
:-P Sorry it's early marketing for a company that only exists in the shadows right now.
👍: 0 ⏩: 0
How can I change the color of the text? It's not really clear to read with my background..
hagarenodude.deviantart.com/
👍: 0 ⏩: 1
cyphervisor.deviantart.com/art…
👍: 0 ⏩: 1
thanks~ ^^ I already changed the background ^^"
👍: 0 ⏩: 1
quick question, my custom feature collapse on top of my background/photo so I see like 5% of the background, I'm quite confused why
👍: 0 ⏩: 1
Can you show me what's the prob? I didn't understand what's the prob.
👍: 0 ⏩: 1
yup sorry took me time to upload it somewhere ahah
this is what happens
👍: 0 ⏩: 1
Oh that! It is normal to happen like that. It will expand when you insert more content in it. However, if you want to expand it forcefully then insert
tags at the bottom of the codes as many times you want.
👍: 0 ⏩: 1
The backgroud image went over top of my art...what do i do?
👍: 0 ⏩: 1
It is perfectly fine. You need to copy the deviation links and put them in the code as shown in the tut and you should be good to go!
👍: 0 ⏩: 1
I have done that, and it still goes over top of the thumb nails :/
👍: 0 ⏩: 1
<= Prev | | Next =>