HOME | DD
CypherVisor — Custom-box Background Tutorial
by-nc-nd
Published: 2010-06-23 21:01:34 +0000 UTC; Views: 604613; Favourites: 12489; 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
Custom box, but it’s prob not working cuz I’m using an iPad... im still on desktop version tho.
👍: 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
I tried it, but it only shows for a split second then only shows white?
👍: 0 ⏩: 1
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
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
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
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
it doesn't work on journals, you have to use a custom box hshdjsd
👍: 0 ⏩: 1
| Next =>