HOME | DD
CypherVisor — Custom-box Background Tutorial
by-nc-nd
Published: 2010-06-23 21:01:34 +0000 UTC; Views: 573622; Favourites: 12561; 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
I got my custom box backround to work but I wanna put one of the blue content holder boxes in it but I can't figure out how.
👍: 0 ⏩: 1
Please check this journal for Custombox F.A.Q. + Tips and tricks
Thanks
👍: 0 ⏩: 1
ok ^^ Thanks for the help!
👍: 0 ⏩: 1
Don't spam with your stupid comments!
👍: 0 ⏩: 0
Thanks so much for this!
I couldn't figure it out at all and it was driving me nuts, haha!
👍: 0 ⏩: 1
i tied to do it and when i clicked save the code disappeared and the only thing there where the words i typed :/
👍: 0 ⏩: 1
Don't know what exactly do you mean.
Can you show me what is wrong?
👍: 0 ⏩: 1
👍: 0 ⏩: 1
For some reason, I cant do it ;-; Ive tried it several times..
Can you please have a look at my page too see whats wrong?
👍: 0 ⏩: 1
Where? I can't find it.
👍: 0 ⏩: 0
I wonder if there's a way to make the background image appear starting from the left. Now it's centered so when the image is bigger than the widget it's shorter of some part from the left and from the right. I would like it to be aligned to the left, is it possible?
👍: 0 ⏩: 2
In the code just insert align="left" like this:👍: 0 ⏩: 0
OH! OH OKAY I FIGURED IT OUT omg I should really check all the comments before asking. It's class="al" right? Hehehe sorry for the trouble~!
👍: 0 ⏩: 0
i have no idea what im doing wrong could you please take a look at my page!
👍: 0 ⏩: 2
You are doing correctly. However you just need to copy the existing content and re-write your content in the "body text here.." part of the code.
And for the devID box you need to use this: [link]
👍: 0 ⏩: 0
This is the most helpful tutorial EVER
👍: 0 ⏩: 1
thanks, but your Google icon below.. O.O
👍: 0 ⏩: 1
You mean to say the google chrome icon?
👍: 0 ⏩: 1
yes what happened to it e.e
👍: 0 ⏩: 1
Haha.. I customized it.
Here's the tut: [link]
👍: 0 ⏩: 0
how do you get an image to repeat?
👍: 0 ⏩: 2
You cannot. Instead you need to make a background with the repeating background and use it.
👍: 0 ⏩: 0
I'm wondering the same thing ;_;
👍: 0 ⏩: 1
yeah so far it just stretches the image x'''(
👍: 0 ⏩: 1
D:
I want to have one of those pixel repeating backgrounds ono
👍: 0 ⏩: 0
It's not working, no matter how many times I try! It just shows up as a tiny black and white box inside a box, and a link under it! This is what I pasted into my Custom box:
👍: 0 ⏩: 1
I can't see your code if you paste it in the comments. May be note me the code that you are using.
👍: 0 ⏩: 0
Please help me!! I'm using a skin, but the contents are too long and it's going out of the skin DX
👍: 0 ⏩: 1
In my profile...the one on the left T-T
It's not solid colour though, and I've deleted the content which were coming out..
👍: 0 ⏩: 1
Okay the custom box with the title "Please Take A Look!!" You can increase the size of your custombox by using
tags at the bottom of the codes as many times you want.
👍: 0 ⏩: 1
Yes!! Thank you so much for telling me
👍: 0 ⏩: 1
SSSSOOOOMMMMMEEEEOOOONNNNNEEEEE PPPPLLLLEEESSSSEEEE HHHEEEELLLLLPPPP
TTTTT^TTTTT
👍: 0 ⏩: 1
Kinda with putting in the Box Wallpaper/Background in the Custom boxes, I’ve tried every tutorial and I’m still having trouble with it!
👍: 0 ⏩: 1
Hmm.. May be show what you are doing?
👍: 0 ⏩: 0
Is there a code to make the background image repeat?
👍: 0 ⏩: 1
I keep triying this over and over again but I just get an x in a little box
👍: 0 ⏩: 1
Probably the image link that you are using is not correct.
👍: 0 ⏩: 1
<= Prev | | Next =>