HOME | DD
CypherVisor — Custom-box Background Tutorial
by-nc-nd
Published: 2010-06-23 21:01:34 +0000 UTC; Views: 573546; 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
wow thanks for the tutorial in spanish!
👍: 0 ⏩: 1
Well, the actual translation credit goes to FanasY
👍: 0 ⏩: 0
I am afraid this is for premium members only
👍: 0 ⏩: 1
ugh-! Lower class citizens deserve some fancy thing too!
Never mind, you don't make the rules...
Thank you!
👍: 0 ⏩: 0
Where is the custom box? sorry to ask
👍: 0 ⏩: 1
From your profile goto "Edit page" (top-rght) and then in the tabs below you can add the widget "custom"
👍: 0 ⏩: 1
Thx You So much for helping
👍: 0 ⏩: 1
I put my link url in and it isnt working >:U
👍: 0 ⏩: 1
Please check your link.
Here, this might help: cyphervisor.deviantart.com/jou…
👍: 0 ⏩: 1
I figured it out
Thank you anyway
👍: 0 ⏩: 1
this isnt working well for me........
👍: 0 ⏩: 1
may be this would help: cyphervisor.deviantart.com/jou…
👍: 0 ⏩: 0
Thank you again, for another helpful tutorial!
👍: 0 ⏩: 1
Is there any possible way to align the background image?
👍: 0 ⏩: 1
//Whoops, figured it out!
Sorry for the long comment xD
👍: 0 ⏩: 1
Shoot, i've run into a problem.
I want my background to just keep it's original size,
so it doesn't get shrinked, since i used pixels (and that would mess up the result),
and since i hate ugly green borders, i used an ridiculous size,
2000 x 3000
However, no matter which code i use for it, it won't come out the way i want it to :c
i.imgur.com/0HvBPqM.jpg?1
This is what i get with both codes,
and it's both not what i wish it to be!
Do you maybe know why?
sorry for the bother! And thank you for reading in advance!
👍: 0 ⏩: 0
When I use this code the background image is shown before the content of the box, so I teh deviantion isnt showed... what I could do? I will letf a custom box with this problem for show you the problem (sorry for my english)
👍: 0 ⏩: 1
Please check this journal for Custombox F.A.Q. + Tips and tricks
Thanks
👍: 0 ⏩: 0
Sorry to bother you, but I've run into a conundrum with the custom box backgrounds
I've figured out the code and the link to it all, and it actually worked perfectly well before, but when I went to put in another custom box, I must have pressed a wrong button or something because now the image won't show up (it's still on my page if you need a look).
Any way I can fix it? :<
👍: 0 ⏩: 1
I am sorry for the delayed response. Is it fixed? Do you have the box still up in your page coz I didn't find it?
👍: 0 ⏩: 1
I do still have the code in my custom boxes, and it hasn't shown up since it stopped working.
👍: 0 ⏩: 1
You have four boxes. Which one are you referring to?
👍: 0 ⏩: 1
All of the custom boxes have the background code in them. The first box I used was the top right. It was after I added the second custom box (without the code) that it stopped showing up.
👍: 0 ⏩: 1
The background link that you are using is incorrect that is why.
Currently you are using: http://sta.sh/download/6449585639496800/da_background_short_by_bewarenerdyzombies-d740dhf.jpg?token=94f4d686472b428f0c762ec8877efa0a77dcaa79&ts=1391050209
You should use this one: http://fc01.deviantart.net/fs70/f/2014/027/f/d/da_background_short_by_bewarenerdyzombies-d740dhf.jpg
Hope this helps! All the best!
👍: 0 ⏩: 1
It works now! Thank you so much for your help
👍: 0 ⏩: 1
i meant I understand!<3thank you!
👍: 0 ⏩: 0
it only showed my text not my background
👍: 0 ⏩: 1
Lol those emos!
And no worries, I believe you have inserted the background-image-link incorrectly. Check if the image-link for the background is working correctly.
👍: 0 ⏩: 0
hey! thank you very much for all your tutorials! but i have one problem,when i add up the custom box background code,and when i click save it doesnt show my picture,any help ?
👍: 0 ⏩: 2
How dare you >u>
👍: 0 ⏩: 1
You need to use the img tag in the "body text here.." part of the code.
👍: 0 ⏩: 1
Thank you very much ^w^
Mind if i have the code?
👍: 0 ⏩: 1
Code is the same as given in this tutorial. You just need to put your
You can also check this journal for Custombox F.A.Q. + Tips and tricks
👍: 0 ⏩: 1
<= Prev | | Next =>