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
Well I had a look. Try removing the second < b> and < /b> from around the text. If that doesn't work then it's probably something to do with the code that makes it red.
👍: 0 ⏩: 1
Thanks but there's no second set of < b > < / b >, only one, and removing that didn't work for me
👍: 0 ⏩: 0
Whenever I try this it just shows a little icon above all my text like there is an image there but it cannot show it. Not exactly sure what I am doing wrong. I have doubled checked that the img url is correct and replaces "URL" and that all my other stuff is in the body text.
👍: 0 ⏩: 0
I did everything. I kept the quality under 100, i used the same size for the bg, i plugged the code in and inserted my sta.sh image address properly and then it does this...
👍: 0 ⏩: 1
wait a minute, sorry people I figured it out.. Does anyone know how to have white text instead of grey?
👍: 0 ⏩: 1
Here's a guide for different text colors! ^^
👍: 0 ⏩: 1
My names Amaya!
Cool tutorial! I found it super helpful~!
Though when I got to step 3, there was a slight problem...
I right-clicked and (I use Google Chrome) "Copy image URL" wasn't there. Perhaps it's because I'm using a Mac, or something? O: Maybe!
Screenshot of what pops up:
(Screen Shot 2017-05-26 at 6.23.49 PM )
Image I'm trying to use:
(Custom Box Cat 2 By Snowys Stock-d70zkwm )
Image not made by me, its made by Snowys-stock !! PS: They have cool backgrounds, check them out!
Any solutions? Thanks!
-Amaya
👍: 0 ⏩: 1
I did "copy image address" and this popped up:
I clicked "Save", and then this popped up:
any solutions? Q^Q
👍: 0 ⏩: 1
You didn't put the html code 
You'll find the html code in the description of the tutorial , copy it, past it in your box, copy/paste the url address into the code and it should work
👍: 0 ⏩: 3
i did all of that including the code and it doesn't work for me either... :/
👍: 0 ⏩: 1
I see errors in your code :
* delete the br (with their < and >) I circled in red
* replace the URL I underlined in pink by your image address
* delete what I've striked in green, but keep the /div with their <>
I think it will be okay after, let me know
You let the URL in the code, so you don't point to any pic, it can't work
You just put an url of your image, but nothing in your code says "hey, I want it in the background"
👍: 0 ⏩: 1
Try this
YOUR TEXT HERE
Let me know how it turned out
👍: 0 ⏩: 2
hey there! UwU
I tried to do the thing ^but I think I messed something up
Could you help me please?
^that's what I put in (do I delete the YOUR TEXT HERE part)?
and it just comes out looking like this
👍: 0 ⏩: 1
I think a comma (") is missing after your url (gif/)
👍: 0 ⏩: 1
thank you so much!!! it works now!
👍: 0 ⏩: 1
Aaaaah, cool, I'm glad it works now ^^
👍: 0 ⏩: 0
oh i already figured it out! Thanks a bunch tho!!!
👍: 0 ⏩: 0
i did it thank u so much! :3c
👍: 0 ⏩: 1
What if it the picture you have will not reach to the bottom or won't fit the sides of the box altogether? I've been trying to figure this out and it hasn't given me a dang thing
👍: 0 ⏩: 1
That would imply your image is too small, it should atleast be 800 in width and 1000 in height. :--)
👍: 0 ⏩: 1
Is there any way you can do it on desktop version of Google plus on phone?
👍: 0 ⏩: 1
It would be a lot less convenient than using an actual computer, but yes.
👍: 0 ⏩: 1
Too bad I don't own a computer-
Do you know a way that I could do it on my phone? If you don't mind.
👍: 0 ⏩: 0
The codes don't work. All I get is a tiny section of the background.. Please update!
👍: 0 ⏩: 0
For me it wont work, do you know how to on safari?
👍: 0 ⏩: 0
it helps me thank you ^^
👍: 0 ⏩: 0
I need help. It won't come up with the background.
👍: 0 ⏩: 1
Thank you really much. it helped me a lot.
👍: 0 ⏩: 0
If I was on an I pad would colours work?
👍: 0 ⏩: 0
Hi all so I did this but I cant add a picture ? it donst show up, please help? I got a background and custom box from here
👍: 0 ⏩: 1
make sure that your custom background code is at the very top of your text, and make sure the
s are in the right spots
👍: 0 ⏩: 1
<= Prev | | Next =>