HOME | DD
CypherVisor — Custom-box Background Tutorial
by-nc-nd
Published: 2010-06-23 21:01:34 +0000 UTC; Views: 573389; 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
Where are you trying to use it? Because it does work.
👍: 0 ⏩: 1
Custom box, but it’s prob not working cuz I’m using an iPad... im still on desktop version tho.
👍: 0 ⏩: 1
I think it'll be best for you to use it on the computer instead of trying on the iPad.
👍: 0 ⏩: 1
probaly not
unless you are on safari and have request desktop page on.
👍: 0 ⏩: 0
Thank you! This has helped me a lot! :3
👍: 0 ⏩: 0
so I've kept trying to do this but it doesn't seem to work
when I copied the exact code you had on the tutorial it didn't work
👍: 0 ⏩: 0
Hello. I am having issues with the image zooming in, or its off center, even though I used the proper measurements. I tried using a previous image that did not have this issue, and it did the same thing. Am I doing something wrong? I haven't altered or changed anything. It just started having this issue.
👍: 0 ⏩: 1
Only the image, huh? 👍: 0 ⏩: 1
Use this code:
Use any number in the width if you want to change the size of the deviation.
If you have any other issue, this one should help:CustomBox+Journal Tips n Tricks-Updated 25-Sep-14
i hope this will help!
I tried it, but it only shows for a split second then only shows white?
👍: 0 ⏩: 1
maybe try this one instead?
White Content-Holder Boxes
If you have any other issue, read this:CustomBox+Journal Tips n Tricks-Updated 25-Sep-14
👍: 0 ⏩: 0
Hi^^
So I'm trying to do a background on some custom text for a group (whether that matters or not I don't know) but it won't fill the entire box, do you know why??
👍: 0 ⏩: 1
Hi! I'm not the owner of this blog, but I'd love to help!
I had the same issue, but now i fixed it.
I suggest you to zoom in the picture( the one you want to be the background) and after you zoom in, copy that URL.
👍: 0 ⏩: 0
Hey, I used this with the content-holder box on my custom box, and at the top this shows up
(div class="popup2-moremenu") as plain text (replace ( with <)
Do you know why that happens?
👍: 0 ⏩: 0
hhhhh oml this is so helpful thank you
👍: 0 ⏩: 0
I'm on my iMac pc i don't have adobe tho
👍: 0 ⏩: 0
so
my background keeps getting chopped in half by the custom box?
👍: 0 ⏩: 1
shsh nvm i figured it out a silly mistake of mine
👍: 0 ⏩: 1
Find image address. Same thing.
👍: 0 ⏩: 1
Right click the image and click "copy image address" ?
Like this: orig00.deviantart.net/491a/f/2…
👍: 0 ⏩: 1
Well install a custom box first
Then paste this in the box:
i.imgur.com/rmJLOkr.jpg "/>
[ENTER YOUR TEXT HERE]
That should work and then you can replace the imgur link with any image link that end with either jpg, png or gif
👍: 0 ⏩: 2
Wait that didn't show up right
Copy this:
[div class="popup2-moremenu"][div class="floaty-boat"][br][img src="i.imgur.com/rmJLOkr.jpg "/][/div][/div][div class="gr-box gr-genericbox"][br](ENTER YOUR TEXT HERE)[/div]
but replace all [ and ] with < and >
👍: 0 ⏩: 1
So make it look like this?
<div class="floaty-boat">i.imgur.com/rmJLOkr.jpg "/>
(Hi)
Or do I get rid of the ( )?
👍: 0 ⏩: 1
does this work in the custom boxes in groups or only for core pages?
👍: 0 ⏩: 1
I think it'll work in Super Groups, but not normal groups. Not too sure, though.
👍: 0 ⏩: 1
Oof can anyone tell me how to make the images repeat? I keep trying with the right code and everything but in the end I have to change the size until I can get it right and it's like super tedious oof
👍: 0 ⏩: 0
it doesn't work on journals, you have to use a custom box hshdjsd
👍: 0 ⏩: 1
| Next =>