HOME | DD
CypherVisor — Custom-box Background Tutorial
by-nc-nd
Published: 2010-06-23 21:01:34 +0000 UTC; Views: 584534; Favourites: 12511; 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
how do you put text over the image?
👍: 0 ⏩: 1
Write your text in the body text part of the code or use a content-holder box to write your content instead.
👍: 0 ⏩: 0
^^ I'm going to try my best.
👍: 0 ⏩: 0
should i write the blue box codes into the "body text here" section?
👍: 0 ⏩: 1
Whenever I tried this it worked, but when I put something on top of it (like a gif, picture, etc) it didn't go on top of the background. It went above it or below it. ?
👍: 0 ⏩: 1
Are you writing your stuff in the "body text here" part of the code. If not, you should!
👍: 0 ⏩: 1
The tutorial isn't, It's the fact that premium members get everything.
👍: 0 ⏩: 2
Well, after all paid members have to get some extra features right? And also if DA do not change for these extra features who will it make money? After all, DA is running a business.
👍: 0 ⏩: 1
I kinda get where this person is coming from, like they should let normal members have custom boxes. I like that shit.
👍: 0 ⏩: 1
May be they can with some restrictions. But it's upto DA what they think.
👍: 0 ⏩: 1
Thats what I meant :\
👍: 0 ⏩: 1
Sorry but that is so foolish, if you want cool features, you have to pay for it, you cant have anything you want, :/
👍: 0 ⏩: 1
Not many things in life are free. DAs premium is cheaper than almost any other sites paid services, for less than 15 dollars you can get premium for months, that isn't unreasonable at all.
👍: 0 ⏩: 1
no technowolfeh, sorry hit the wrong reply button haha, my bad!
👍: 0 ⏩: 1
Ahaha~ I see xDD I understand lol xD
👍: 0 ⏩: 1
Sorry about that..**sheepish shrug** lol
👍: 0 ⏩: 1
Do you have to use photoshop for this? Because I have paint sai!
👍: 0 ⏩: 1
No you can use any graphics software. I just used photoshop coz I only use that!
👍: 0 ⏩: 1
Hmm.. well, I do now have photoshop cs4, would that work? '7'
👍: 0 ⏩: 1
Yep absolutely!
I made this tutorial using CS4 itself as far as I remember!
👍: 0 ⏩: 0
Oh, I have the same problem als dattebay000. You said to her that she had to copy the existing code and paste it in the place 'bodey text here..' but it don't work o.o
👍: 0 ⏩: 1
Please check this journal for Custombox F.A.Q. + Tips and tricks and see if you find the solution.
Thanks
👍: 0 ⏩: 0
Since I am using a picture drawn by someone, is there a way to align the picture so it starts from the top left, not the top right of the picture? Hope that made sense.
👍: 0 ⏩: 1
Have you tried div align tag to align the picture?
Please check this journal for Custombox F.A.Q. + Tips and tricks
Thanks
👍: 0 ⏩: 0
It don't work with this picture [link] ):
👍: 0 ⏩: 1
Ofcourse it will. Check the URLs that you are inserting properly.
👍: 0 ⏩: 0
My image is 774x3000, how do I make it fit the entire custom widget?
👍: 0 ⏩: 1
You can't make it fit to the box. It would overflow the box.
👍: 0 ⏩: 1
Well, I tried to make it the same size as the free BG pics available, but it wouldn't work with mine for some reason. I ended up using a premade one anyways, but I'd still like to know why mine wouldn't fill the box while the others did for future reference.
👍: 0 ⏩: 1
Try to keep the width of the image to about 900+px and it should work fine!
👍: 0 ⏩: 1
I'll keep that in mind, thank you for the help!
👍: 0 ⏩: 1
Is there a way to change the font with this?
👍: 0 ⏩: 1
I did everything as you've told on the tutorial, but every time I put it in my custom box, it doesn't show up? :c
👍: 0 ⏩: 1
Check that you are inserting the URLs properly.
👍: 0 ⏩: 1
just put the below IMAGE-URL in the code and you are good to go!
http://fc09.deviantart.net/fs71/f/2013/034/2/d/custom_box__pink_hearts_by_lolihime_sama-d5tse7q.pn
👍: 0 ⏩: 0
<= Prev | | Next =>