HOME | DD
CypherVisor — Custom-box Background Tutorial
by-nc-nd
Published: 2010-06-23 21:01:34 +0000 UTC; Views: 573534; Favourites: 12564; 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
no, sorry my fault! i did not understand that i had to copy the link with URL in it that YOU posted
i thought that i had to get it from somewhere out of my drawing link XD
it's all fine now!! you have not done anything wrong!
thank you for the tutorial!
👍: 0 ⏩: 1
Great that it's working!
👍: 0 ⏩: 0
Thank you so much!! This helped me out a lot! ^~^ I followed each step and it was a success!
👍: 0 ⏩: 1
So I put in the exact code on here, copy+paste, and make SURE that I'm using the Img URL and not the regular url, but it shows as a huge picture and THEN the text. None of the boxes are showing up either, and I've tried with and without the background code. How do I fix this? Thanks!
👍: 0 ⏩: 1
It doesn't work in non-premium member account sorry.
👍: 0 ⏩: 1
Ahh alright. I though it might work in a preview but guess not
👍: 0 ⏩: 0
How do I change the color of the text?
👍: 0 ⏩: 1
You can use predefined colors from here: cyphervisor.deviantart.com/art…
👍: 0 ⏩: 1
I have an iPad what do I do about that?
👍: 0 ⏩: 1
I don't know about iPad (safari I suppose). You should copy the code from the description and paste it in your custom box.
👍: 0 ⏩: 1
go through the tut again? thoroughly?
👍: 0 ⏩: 1
It's okay I've already found a way to do it
👍: 0 ⏩: 1
url is for the background photo behind it so you copy the image location of it
and body text is for what are you going to write
👍: 0 ⏩: 1
Thanks, it has been explained^^
👍: 0 ⏩: 1
THANK YOU SOOOOOOOOOOOO MUCH <3 <3 <3 <3
👍: 0 ⏩: 1
You're most welcome!
👍: 0 ⏩: 0
Do you have anything to make a custom box bigger?
👍: 0 ⏩: 2
The Custom box widget you mean? If yes, then no.
👍: 0 ⏩: 0
I cant find the original deviation that it's stated in, but heres the code ! < div class="modal-dialog" >< /div > (but without the spaces)
It was suggested that it be put at the very end of all your coding to help avoid problems c:
👍: 0 ⏩: 0
I'm having trouble with custom boxes resizing backgrounds to the width of the box regardless of whether or not i put in the actual width or height of the background. Is that a normal problem/ am I being a dumb? I didn't see anything in the faq after a quick search.
👍: 0 ⏩: 1
This is a problem in chrome. I guess you are using chrome.
👍: 0 ⏩: 1
So there's no workaround at all?
👍: 0 ⏩: 1
Hi! Quick question- what's the width limit of a custom box? Because on my iPad it has a very different size difference than on my computer. What would be the ideal background width?
👍: 0 ⏩: 1
There is no ideal background size. It will always vary from screen to screen coz every screen has a different resolution. You need to experiment yourself to find an ideal one.
👍: 0 ⏩: 1
Alright, thank you!
👍: 0 ⏩: 1
mine's covering my DA ID pic o.o any ideas on how to prevent this?
👍: 0 ⏩: 2
For DA ID widget please check this tut: cyphervisor.deviantart.com/art…
👍: 0 ⏩: 0
You have to use this tut for dA ID's vuv (assuming you hadn't tried this already :'D )
cyphervisor.deviantart.com/art…
👍: 0 ⏩: 0
Thank you so much! This helped a lot c:
👍: 0 ⏩: 1
Sorry but... what goes in the body text here..?
👍: 0 ⏩: 2
Anything.. image codes, text, or content holder box codes, etc. etc.
👍: 0 ⏩: 0
The text you wan to appear in the content box~
👍: 0 ⏩: 0
How do I push information further down the custom box area?
For example, I have a background with WELCOME! at the top, but entering items and pictures into the box, coveres up WELCOME in the background.
👍: 0 ⏩: 2
Use
tags before the content that you wish to push as many times you want. And that should do the trick.
👍: 0 ⏩: 0
If you want to add a whole line of empty space, place
in the space you want~
👍: 0 ⏩: 2
<= Prev | | Next =>