HOME | DD
CypherVisor — Custom-box Background Tutorial
by-nc-nd
Published: 2010-06-23 21:01:34 +0000 UTC; Views: 573421; Favourites: 12565; 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 Custombox module in your profile or group page.
Spanish translation of this tutorial
SOURCE CODE:
Code to insert an image without stretching: (ORIGINAL CODE)
Body text here..
Code to stretch an image (It works as to repeat image ONLY FOR SOLID COLOR IMAGES though!) :
Insert the width and height in the
EXAMPLE:
Body text here..
How to insert a content-holder box inside a custom box?
Simply copy a content-holder boxes from my gallery folder here: LINK and paste it where it says "Body text here.." in the above code.
My background image link (the background that I've used for demo in this tutorial)
------------------------------------------------------------------------------------------------------------------
http://fc07.deviantart.net/fs70/f/2013/227/0/1/demo_by_cyphervisor-d6i84qo.jpg
Other tutorials
Custom background for DeviantID-box widget:
Custom background for New deviation-box widget:
The content holder box used in this tutorial
Want to customize your profile more?
Check all my free resources + tutorials: somrat.deviantart.com/gallery/…
Having any doubt? Please read this F.A.Q. + Tips n Tricks before writing a comment below.
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 Read-made Journal Skins . Send me a note to contact me.
Related content
Comments: 3487
The background part works,but my gif's don't show.
👍: 0 ⏩: 0
Um this didn't work at all. :/ maybe you should do a tutorial about Windows ten?
👍: 0 ⏩: 0
It doesnt copy the URL :L It only copies the link :L
👍: 0 ⏩: 1
The URL is the link they are the same thing
👍: 0 ⏩: 1
what about adding buttons? like i want to add buttons to my widget with backgrounds but i dont know how!
👍: 0 ⏩: 1
This has something on it
simplysilent.deviantart.com/jo…
Scroll down enough and you'll find it
👍: 0 ⏩: 0
The text just kinda blends in with it, and I have to do it separately for each box. Rrrrreasons? How do you get the box on top of the BG
👍: 0 ⏩: 0
Okay I'm using this code, and it sends the background image over top a deviation I am trying to display.
👍: 0 ⏩: 1
Would it be possible to tile a smaller image for the background?
👍: 0 ⏩: 0
I did it on my "Newest deviations," but the actual deviations are not visible.
👍: 0 ⏩: 1
For the deviation box, you'll need . You won't be able to have it under the deviations though if I remember right.
👍: 0 ⏩: 0
I'm curious,can this somehow be done with the "Favorites" tab?
👍: 0 ⏩: 1
You can (with core) but as a non premium member I don't believe you can.
👍: 0 ⏩: 0
You have to have a core membership in order to be able to get the custom widget
👍: 0 ⏩: 1
I realized that after lol
👍: 0 ⏩: 0
i think you have to be core
👍: 0 ⏩: 0
When I copy and paste it shows up like this: pre07.deviantart.net/6647/th/p…
what did I do wrong?!!!!!!?
My drawing program is SAI
CypherVisor
👍: 0 ⏩: 1
Same for me. Have you figured it out? (maybe you could help me?)
👍: 0 ⏩: 1
Yes I have, and all I can say is that what I did was I kept trying and then on like the fifth or seventh try I finally got it and I was so happy because now it's all over my profile. So I'd recommend just keep trying
👍: 0 ⏩: 1
This doesn't work for me. Basically I have a tablecloth pattern that I want to repeat (not stretch... repeat) as a background in an existing DA box like Favorites. Not only does this code fail to repeat the pattern, but it superimposes the image over the Favorites thumbnails. How do I fix this?
👍: 0 ⏩: 0
how can you tile a bg image in the code?
👍: 0 ⏩: 0
It Worked!! Thank you sooo much for making this ^^
👍: 0 ⏩: 0
what to do if the image for the background didn't fully cover the widget? i always had this space on the right and left of the image and that doesn't look very good
👍: 0 ⏩: 1
Hi, idk if you already fixed it or not,.
But try adding * height="(add size here like 1000 2000 or something, idk how but I always just keep typing the size until it's fully covered .xD) "
And width="(add size again )"
After the image link ends with ( " ) before the link reaches " > " ( on the Aaah I'm so bad at explaining stuff
My explanation must be so confusing
👍: 0 ⏩: 1
ahh i understand that ^^ haha i'll try that.. don't worry, i do got confused first 30 secs but i understand.. 
👍: 0 ⏩: 1
You're welcome happy CODING! QWQ
Aaah I knew i made u confused omai
👍: 0 ⏩: 1
haha no problem xD i do that too sometimes and just ended up saying "forget it" QvQ
👍: 0 ⏩: 1
Oh haha xD
Ist awesome that your decorating your page though QwQ
👍: 0 ⏩: 1
haha thank you ^^ i'm still too lazy to fix the background tho.. maybe later xD
👍: 0 ⏩: 1
You're welcome ! qwq Oh haha I see XD Well GOODLUCK!
👍: 0 ⏩: 1
The height code stopped working for me. ;-; any fixes for this?
👍: 0 ⏩: 1
I was just wondering... I have this code on my site lucytherescuedcat . It has worked great! This morning the stretching components just won't work? Has there been a change in the codes as to why it won't fully stretch out! Thanks so much!
👍: 0 ⏩: 2
I'm having the same problem. Worked fine at first, and it's been fine for weeks, but I just noticed it stopped yesterday or something. Anyone have any fixes?
👍: 0 ⏩: 1
I have not heard of any fixes except shorter custom boxes! 
👍: 0 ⏩: 0
<= Prev | | Next =>