HOME | DD

CypherVisor — Custom-box Background Tutorial by-nc-nd

Published: 2010-06-23 21:01:34 +0000 UTC; Views: 573456; Favourites: 12564; 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 tag of the code as shown below:




EXAMPLE:

width="1000" height="1600" src="URL"/>

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

Athenamus In reply to ??? [2014-12-10 04:18:59 +0000 UTC]

Thank you very much! this was very helpful!  

👍: 0 ⏩: 1

CypherVisor In reply to Athenamus [2014-12-27 05:45:58 +0000 UTC]

You're most welcome!

👍: 0 ⏩: 0

mochamints In reply to ??? [2014-12-10 01:36:24 +0000 UTC]

The background covers my text... How do I fix that??

👍: 0 ⏩: 1

CypherVisor In reply to mochamints [2014-12-27 05:46:30 +0000 UTC]

Please copy your previous content (all of it) and paste them in the "body text here" part of the code.

👍: 0 ⏩: 0

InstantPistachio In reply to ??? [2014-12-09 01:45:45 +0000 UTC]

Okay so I have a problem, my custom box picture used to take up the entire custom box but it no longer does. Can someone help me out? 

👍: 0 ⏩: 2

CypherVisor In reply to InstantPistachio [2014-12-27 05:52:20 +0000 UTC]

Seems like it working fine now in your page.

👍: 0 ⏩: 1

InstantPistachio In reply to CypherVisor [2014-12-27 05:54:50 +0000 UTC]

Yeah, I just reput in the whole code and it worked out ^^ Thanks for the reply though ^^ This tutorial was VERY helpful ^^ 

👍: 0 ⏩: 1

CypherVisor In reply to InstantPistachio [2014-12-28 16:35:45 +0000 UTC]

Cool and yw

👍: 0 ⏩: 0

Flowtie In reply to InstantPistachio [2014-12-17 22:25:14 +0000 UTC]

you need to use the "stretch" code 

👍: 0 ⏩: 0

JustSquidsYay In reply to ??? [2014-12-08 19:53:55 +0000 UTC]

Thank you!! This really helped a lot!

👍: 0 ⏩: 1

CypherVisor In reply to JustSquidsYay [2014-12-27 05:45:24 +0000 UTC]

It's my pleasure. You're most welcome!

👍: 0 ⏩: 0

Poke-Chann In reply to ??? [2014-12-03 20:39:51 +0000 UTC]

why wont this work in my group custom box?

👍: 0 ⏩: 2

CypherVisor In reply to Poke-Chann [2014-12-27 05:46:50 +0000 UTC]

It won't work in a group if it is not a SUPER group.

👍: 0 ⏩: 0

FallenForYouEveryday In reply to Poke-Chann [2014-12-06 23:36:42 +0000 UTC]

You need a super group for that.

👍: 0 ⏩: 1

Poke-Chann In reply to FallenForYouEveryday [2014-12-06 23:39:21 +0000 UTC]

Ah ok

👍: 0 ⏩: 0

Raixander In reply to ??? [2014-11-30 08:47:08 +0000 UTC]

Thank you!!!

👍: 0 ⏩: 1

CypherVisor In reply to Raixander [2014-12-27 05:45:30 +0000 UTC]

It's my pleasure. You're most welcome!

👍: 0 ⏩: 0

reqionalatbest In reply to ??? [2014-11-28 21:13:47 +0000 UTC]

Thank you!!

👍: 0 ⏩: 1

CypherVisor In reply to reqionalatbest [2014-12-27 05:45:40 +0000 UTC]

You're most welcome!

👍: 0 ⏩: 0

ShinySigilyph In reply to ??? [2014-11-18 18:42:24 +0000 UTC]

While I'm following all steps to put my custom  background in my custom box I get something else than the maker of this tutorial.
The exact link I got you can find in the screenshkt below.
nl.pinterest.com/pin/397301998…
Is there anyone that can help me or tell me what I'm doing wrong?

👍: 0 ⏩: 1

CypherVisor In reply to ShinySigilyph [2014-12-27 05:49:21 +0000 UTC]

You need to use the entire code and not only the IMAGE link in your box.

The code is provided in the description. It looks like this:

....

Please read the tutorial and you'll get it.

👍: 0 ⏩: 0

indieroses In reply to ??? [2014-11-10 19:46:10 +0000 UTC]

the box w the background is too small !! i want it to show more background!!

👍: 0 ⏩: 2

CypherVisor In reply to indieroses [2014-12-27 05:47:20 +0000 UTC]

Means? You mean to say the length of the box is short?

👍: 0 ⏩: 0

seagxll In reply to indieroses [2014-12-23 04:40:27 +0000 UTC]

use the stretch code provided

👍: 0 ⏩: 0

nonmagicalboy In reply to ??? [2014-11-05 17:10:29 +0000 UTC]

How can I expand the box ? :c
I need more space inside the box, but I just can't find the code to do it lol, I saw that this one is a "generic box" isn't there a "big box" or something ? ;a;

👍: 0 ⏩: 3

CypherVisor In reply to nonmagicalboy [2014-12-27 05:45:06 +0000 UTC]

To increase the size of your custombox. Use
tags at the bottom of the codes as many times you want.

👍: 0 ⏩: 1

nonmagicalboy In reply to CypherVisor [2014-12-27 22:06:03 +0000 UTC]

Thanks!

👍: 0 ⏩: 1

CypherVisor In reply to nonmagicalboy [2014-12-28 16:33:00 +0000 UTC]

yw

👍: 0 ⏩: 0

WriterChan In reply to nonmagicalboy [2014-11-16 01:34:21 +0000 UTC]

how do you get the custom box?

👍: 0 ⏩: 3

Bretto-Valaba In reply to WriterChan [2014-12-08 05:57:59 +0000 UTC]

You need Premium membership for it.

👍: 0 ⏩: 0

nonmagicalboy In reply to WriterChan [2014-11-16 15:32:02 +0000 UTC]

My friend sent me the code, I have no idea where he found it lol

👍: 0 ⏩: 1

WriterChan In reply to nonmagicalboy [2014-11-16 15:35:22 +0000 UTC]

oooh

👍: 0 ⏩: 0

Cypher-Boss In reply to WriterChan [2014-11-16 01:38:16 +0000 UTC]

A custom box, you need Premium Membership!

👍: 0 ⏩: 0

Cypher-Boss In reply to nonmagicalboy [2014-11-14 07:38:13 +0000 UTC]

The way I do it, you have to stretch a file or image in order for it to stretch to its length as well. Like on my page, I have a squashed image in order to tell you what the boxes are, and that they are stretched because of the image!

👍: 0 ⏩: 1

nonmagicalboy In reply to Cypher-Boss [2014-11-14 16:24:23 +0000 UTC]

Ok, thanks a lot!
I think I won't need to stretch them anymore, but it was very usefull

👍: 0 ⏩: 1

Cypher-Boss In reply to nonmagicalboy [2014-11-14 18:32:17 +0000 UTC]

No problem ^^

👍: 0 ⏩: 0

DarkmoonFH In reply to ??? [2014-11-02 15:39:10 +0000 UTC]

could this work?   could you help me please? ;-;

👍: 0 ⏩: 2

CypherVisor In reply to DarkmoonFH [2014-12-27 05:44:38 +0000 UTC]

Yes, it should work.

Use this image link in the code provided in the description:

http://fc06.deviantart.net/fs70/f/2014/306/5/9/random_art_bg_by_darkmoonfh-d850n4q.jpg

👍: 0 ⏩: 0

skeluko In reply to DarkmoonFH [2014-11-10 23:32:37 +0000 UTC]

I am not the owner, but i am sure that would work if you use smaller messages! If you intend to make your custom boxes long, it would be a better idea to have a larger box <3

👍: 0 ⏩: 1

DarkmoonFH In reply to skeluko [2014-11-13 00:31:50 +0000 UTC]

thank you! I'll try that later ;w;

👍: 0 ⏩: 1

skeluko In reply to DarkmoonFH [2014-11-13 00:48:00 +0000 UTC]

No problem. I hope it works out!

👍: 0 ⏩: 0

DarkmoonFH In reply to ??? [2014-11-02 15:38:52 +0000 UTC]

could this work?   could you help me please? ;-;

👍: 0 ⏩: 0

httpdogs In reply to ??? [2014-11-02 03:26:38 +0000 UTC]

this really helped!
now i have my own drawn bg

👍: 0 ⏩: 1

CypherVisor In reply to httpdogs [2014-12-27 05:42:17 +0000 UTC]

Yay!

👍: 0 ⏩: 0

mlpcookiedough In reply to ??? [2014-11-01 00:36:23 +0000 UTC]

still ahving trouble with   could you help me?

👍: 0 ⏩: 1

skeluko In reply to mlpcookiedough [2014-11-10 23:31:06 +0000 UTC]

Try to find a different image that is more vertical instead of horizontal, as that is the problem. <3 I could help you, if you like.

👍: 0 ⏩: 1

mlpcookiedough In reply to skeluko [2014-11-11 00:46:09 +0000 UTC]

Ok thanks c:

👍: 0 ⏩: 1

skeluko In reply to mlpcookiedough [2014-11-11 01:29:24 +0000 UTC]

Yep! <3

👍: 0 ⏩: 0

Sweetdeer In reply to ??? [2014-10-28 14:36:20 +0000 UTC]

this works haha i fixed it

👍: 0 ⏩: 1

CypherVisor In reply to Sweetdeer [2014-12-27 05:42:07 +0000 UTC]

👍: 0 ⏩: 0


<= Prev | | Next =>