HOME | DD

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

Published: 2010-06-23 21:01:34 +0000 UTC; Views: 573541; 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

CoffeexCookies In reply to ??? [2014-04-16 02:53:05 +0000 UTC]

Click edit page and by the add this widget click mics it's called Custom 

👍: 0 ⏩: 1

OceanBlueKitty In reply to CoffeexCookies [2014-04-16 02:59:32 +0000 UTC]

I did, but its the coding that's not working.  =C

👍: 0 ⏩: 0

MeetTheHelperRachel In reply to ??? [2014-04-15 02:23:14 +0000 UTC]

Go to the edit page button on your dA page and you can add a custom box there ^w^

👍: 0 ⏩: 1

OceanBlueKitty In reply to MeetTheHelperRachel [2014-04-15 03:17:39 +0000 UTC]

ok! ill try!  THNX!

👍: 0 ⏩: 1

MeetTheHelperRachel In reply to OceanBlueKitty [2014-04-15 03:18:32 +0000 UTC]

Welcome :3

👍: 0 ⏩: 1

OceanBlueKitty In reply to MeetTheHelperRachel [2014-04-15 03:23:31 +0000 UTC]

WAIT. widget edit, or page edit?

👍: 0 ⏩: 1

MeetTheHelperRachel In reply to OceanBlueKitty [2014-04-15 03:25:43 +0000 UTC]

Go to edit page at the top right of your page, and at the bottom you can add widgets, you'll find custom box, and you can add it to your page and also rearrange the other widgets :3

👍: 0 ⏩: 1

OceanBlueKitty In reply to MeetTheHelperRachel [2014-04-15 03:27:29 +0000 UTC]

where do i put the custom box? im so sorry, im so armature.

👍: 0 ⏩: 1

MeetTheHelperRachel In reply to OceanBlueKitty [2014-04-15 03:28:10 +0000 UTC]

Anywhere you like :3

👍: 0 ⏩: 1

OceanBlueKitty In reply to MeetTheHelperRachel [2014-04-15 03:38:03 +0000 UTC]

mmmhmmmm  im so confused... i don't understand.  

👍: 0 ⏩: 1

MeetTheHelperRachel In reply to OceanBlueKitty [2014-04-15 03:39:55 +0000 UTC]

Ah... Maybe there are some tutorials ^^

👍: 0 ⏩: 1

OceanBlueKitty In reply to MeetTheHelperRachel [2014-04-15 03:49:24 +0000 UTC]

*sigh* im so confuzd! thanks for the help! ill figure out the rest.

👍: 0 ⏩: 0

Rose-Titan In reply to ??? [2014-04-12 07:09:43 +0000 UTC]

Will this work with SAI?

👍: 0 ⏩: 1

CypherVisor In reply to Rose-Titan [2014-04-12 11:48:14 +0000 UTC]

Yes, you can create your background in any graphics tool. You just need an .jpg, .png or .gif image to use as a bg that's it.

👍: 0 ⏩: 0

RowanDust In reply to ??? [2014-04-11 22:36:52 +0000 UTC]

Thank you so much for all your helpful tutorials! c:

👍: 0 ⏩: 1

CypherVisor In reply to RowanDust [2014-04-12 11:48:23 +0000 UTC]

It's my pleasure.

👍: 0 ⏩: 0

MoonSpirit555 In reply to ??? [2014-04-10 23:14:33 +0000 UTC]

Erm

👍: 0 ⏩: 1

CypherVisor In reply to MoonSpirit555 [2014-04-11 21:06:22 +0000 UTC]

Alrem?

👍: 0 ⏩: 1

MoonSpirit555 In reply to CypherVisor [2014-04-11 21:12:01 +0000 UTC]

I don't get it.

👍: 0 ⏩: 1

CypherVisor In reply to MoonSpirit555 [2014-04-12 12:11:20 +0000 UTC]

Umm, what do I say? Follow the stops thoroughly again? And try and experiment in your page...?

👍: 0 ⏩: 1

MoonSpirit555 In reply to CypherVisor [2014-04-12 14:46:40 +0000 UTC]

Ok

👍: 0 ⏩: 0

Spaceisthelimit In reply to ??? [2014-04-08 01:21:42 +0000 UTC]

How do you change the font color?

👍: 0 ⏩: 1

CypherVisor In reply to Spaceisthelimit [2014-04-11 21:06:04 +0000 UTC]

This: cyphervisor.deviantart.com/art…

But you need to premium for this though.

👍: 0 ⏩: 0

OboieTheDragon In reply to ??? [2014-04-07 22:39:10 +0000 UTC]

Hi thank you so much for making this! I checked the F.A.Q.'s and read number 17 but it still comes up as a link on the top.
fc08.deviantart.net/fs71/f/201…
 
I put this url in the code and it looks like this:


fc08.deviantart.net/fs71/f/201…




Can you help? Thank you so much!

👍: 0 ⏩: 1

CypherVisor In reply to OboieTheDragon [2014-04-11 21:07:18 +0000 UTC]

You need to be premium to use this.

👍: 0 ⏩: 1

OboieTheDragon In reply to CypherVisor [2014-04-16 22:35:26 +0000 UTC]

I had it on free membership day. But that went away too soon. Thanks anyways!

👍: 0 ⏩: 1

CypherVisor In reply to OboieTheDragon [2014-04-20 09:51:34 +0000 UTC]

okay

👍: 0 ⏩: 0

HorseQueenDiamond In reply to ??? [2014-04-07 20:11:35 +0000 UTC]

Thankyou so much!!

👍: 0 ⏩: 1

CypherVisor In reply to HorseQueenDiamond [2014-04-11 21:07:31 +0000 UTC]

Yw

👍: 0 ⏩: 0

Alpha128 In reply to ??? [2014-04-07 19:44:33 +0000 UTC]

I tried and my bacround just keeps covering things

👍: 0 ⏩: 1

CypherVisor In reply to Alpha128 [2014-04-11 21:08:03 +0000 UTC]

It is perfectly normal. You just need to copy the existing content and re-write your content in the "body text here.." part of the code.

👍: 0 ⏩: 1

Alpha128 In reply to CypherVisor [2014-04-29 02:59:33 +0000 UTC]

Thx!

👍: 0 ⏩: 1

CypherVisor In reply to Alpha128 [2014-04-29 15:12:21 +0000 UTC]

yw

👍: 0 ⏩: 0

AlphaPrimeSaviour In reply to ??? [2014-04-07 13:21:27 +0000 UTC]

Thanks a million for the great tutorial. Worked like a charm. One question though, is it possible to change font color in the custom box? Keep up the great work!

👍: 0 ⏩: 1

CypherVisor In reply to AlphaPrimeSaviour [2014-04-11 21:08:55 +0000 UTC]

Thank you.

This tut helps to change text colors: th09.deviantart.net/fs71/200H/…

👍: 0 ⏩: 0

SuddenlyBeavers In reply to ??? [2014-04-07 13:09:06 +0000 UTC]

is it possible to use a similar method to add a background to a donation pool?

👍: 0 ⏩: 1

CypherVisor In reply to SuddenlyBeavers [2014-04-11 21:08:27 +0000 UTC]

Yes, but it will hide the donation bar. And there is no fix for that as such.

👍: 0 ⏩: 0

YoursTrulyAurora In reply to ??? [2014-04-06 18:38:23 +0000 UTC]

How can i have two custom boxes in one widget?

👍: 0 ⏩: 1

CypherVisor In reply to YoursTrulyAurora [2014-04-06 19:24:51 +0000 UTC]

Just copy the same code and paste it one after the other.

👍: 0 ⏩: 1

YoursTrulyAurora In reply to CypherVisor [2014-04-06 19:43:45 +0000 UTC]

okay, ill try that thanks

👍: 0 ⏩: 1

CypherVisor In reply to YoursTrulyAurora [2014-04-06 19:49:04 +0000 UTC]

np

👍: 0 ⏩: 0

QueenPoppy In reply to ??? [2014-04-04 22:02:51 +0000 UTC]

Where do I write my content in the coding?

👍: 0 ⏩: 1

CypherVisor In reply to QueenPoppy [2014-04-06 10:52:20 +0000 UTC]

In the "body text here" part of the code.

👍: 0 ⏩: 0

Booty-kun In reply to ??? [2014-04-04 13:09:31 +0000 UTC]

i keep getting a link instead of a picture, even when i copy the image URL :I

👍: 0 ⏩: 1

CypherVisor In reply to Booty-kun [2014-04-04 18:05:16 +0000 UTC]

Please check this journal for Custombox F.A.Q. + Tips and tricks

check FAQ#17

👍: 0 ⏩: 1

Booty-kun In reply to CypherVisor [2014-04-04 18:21:45 +0000 UTC]

got it~!

👍: 0 ⏩: 1

CypherVisor In reply to Booty-kun [2014-04-05 11:11:56 +0000 UTC]

👍: 0 ⏩: 0

owl-boo In reply to ??? [2014-04-03 12:14:51 +0000 UTC]

how do you do on mac?

👍: 0 ⏩: 1

CypherVisor In reply to owl-boo [2014-04-03 16:12:03 +0000 UTC]

Same way. I don't think there is any difference.

👍: 0 ⏩: 1

owl-boo In reply to CypherVisor [2014-04-03 23:34:37 +0000 UTC]

don't worry! I figured it out! thank you! 

👍: 0 ⏩: 1


<= Prev | | Next =>