HOME | DD
CypherVisor — Custom-box Background Tutorial
by-nc-nd
Published: 2010-06-23 21:01:34 +0000 UTC; Views: 573423; 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
Ahh it doesn't work to me neither ; v ;
probably some change on the code,,,maybe :''D
👍: 0 ⏩: 2
I was able to fix mine for now, I had to break it down in smaller boxes. The stretching code is what has been messed up! If I ever get mine working, I will drop you a line. Cute page too! Such a bummer! Thanks so much for the watch! 
👍: 0 ⏩: 1
Ahh i wish i can fix mine!but the background is too smol! :'''D
omg yes plz, my page looks so weird without background T v T
aHH THANKS!
cats are best form of life in the earth : D
👍: 0 ⏩: 1
And I thought I'm the only one. My page I've worked for 3 days is now crashed x'D
The backgrounds don't stretch, my gallery button widget has turned into a scrollbox and my litle browse buttons with self-made shiny fonts has enlarged :'D
👍: 0 ⏩: 1
AHH
THANKS LORD !i thought i was an idiot who broken links with out touch them! :'''D
DAYUM brb! x'''D DA is destroying our pages!
👍: 0 ⏩: 1
No you can check it out my page to make a picture of it. It's totally disordered as well x'D
Aww man, it's still inconvenient 'cause it means that I need to re-type my boxes .... and I have a lot :\
👍: 0 ⏩: 1
Yeh i see it :'''D
in my page too!
aww i feel ya' dude! i have 8 boxes! i hope i don't have to write everything again :'''''T
👍: 0 ⏩: 2
Uuh well. I do hope, too for my .... too many boxes haha :'D
I guess if I just copy the content between the main custom widget box code and replace it into the -hopefully- updated custom code then it might work. I just assume :I
👍: 0 ⏩: 2
i hope~
ah i try but no :'''')))
i hope this fix soon, my page is so weird with out the background
👍: 0 ⏩: 1
Well, I replaced my background which had a wide width into another background with a large height. Also I managed to fix other details which was disordered on my profile. Now it looks well-ordered again c:
I guess there's now a limitation of the width of the background. For more, I need to research.
👍: 0 ⏩: 0
AH I'M GLAD I'M NOT THE ONLY ONE. ;0; Hopefully, this problem can be fixed soon...
👍: 0 ⏩: 1
I assume it's an issue with the widen code I mean just my backgrounds are affected and the images I put it for my browse-buttons. Everything else might be alirght on my page.
👍: 0 ⏩: 0
Thanks! Doesn't work! Tried everything! Oh well!
👍: 0 ⏩: 0
aww man, these are great. thanks so much
👍: 0 ⏩: 0
This doesn't work for me at all. The image goes inside the box and pushes all the text outside. Help please?
EDIT // nvm I got it
👍: 0 ⏩: 0
it doesn't say URL but it says copy image and copy image address, both of which don't work. who knows a way around this?
👍: 0 ⏩: 1
copy image address should be the same thing as copy URL. Are you using chrome? Because I'm pretty sure that it's just a chrome thing.
👍: 0 ⏩: 0
I dont get the "copy image URL" option and Im on chrome, what should I do?
👍: 0 ⏩: 1
Just click "copy" and it copies the url
👍: 0 ⏩: 1
Umm.. How do you put an image inside a content holder box?
👍: 0 ⏩: 1
Hm, no, like when people have art work inside a content holder box including a description ; v ;
👍: 0 ⏩: 1
Copy the thumb code from which ever art you want to use, paste it into where you'd put text, and see if it works then!
👍: 0 ⏩: 1
Aah <3 Thank you so much! It works nicely~
👍: 0 ⏩: 0
Why it doesn't work in my profile :c
👍: 0 ⏩: 0
I've used this code before an it worked perfectly, but I just tried using it and the floating box doesn't seem to work. You can see it on my profile page, is anyone able to help?
👍: 0 ⏩: 0
Okay
Confusing at first
but I think I got it now?
👍: 0 ⏩: 0
Excuse me, but might you know how to include all images/gifs onto the background?
I'm having trouble with my page because for whatever reason the background only allows one image, it lengthens with the more images added, like it's supposed to, but won't show the other pictures.
I'd be thankful if you could help me out ^^
👍: 0 ⏩: 0
This is super useful! Thanks for making this!
👍: 0 ⏩: 0
whenever I try to increase the width, nothing happens.
👍: 0 ⏩: 1
Scarlett-Phantom You need to add more images/text as far as I'm aware to make the custom box longer/show more of the background.
👍: 0 ⏩: 1
can you put stuff on top of the image?????
👍: 0 ⏩: 0
Thanks for the turorial!
I just have one question, how do you make the background a recurring pattern?
👍: 0 ⏩: 0
If there a way to make the text white insted of black? I want to use a universe background and i can't see black text very well on it.
👍: 0 ⏩: 0
i dont understand how to copy the image link. it never comes up
👍: 0 ⏩: 1
i know im not a core member yet, but even for non core members you can get a custom box in a group you created, so im just asking what do you mean by replace the url with the image link?
👍: 0 ⏩: 1
in the coding in the description it says url
paste in the image link (right click image, select copy image url) where it says url
👍: 0 ⏩: 0
But.. umm.. How do i get the code?
👍: 0 ⏩: 1
its in the description
👍: 0 ⏩: 1
Thank you for creating this...!
👍: 0 ⏩: 0
<= Prev | | Next =>