HOME | DD

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

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

Pinkie-Brush In reply to ??? [2014-01-28 16:24:01 +0000 UTC]

Thank you very much ;w; 

👍: 0 ⏩: 1

CypherVisor In reply to Pinkie-Brush [2014-02-06 16:45:27 +0000 UTC]

np

👍: 0 ⏩: 0

alligatorteeth In reply to ??? [2014-01-20 19:44:01 +0000 UTC]

It didn't work, I put the image url in the code and it showed up as blank and i still had the deviantart default background

👍: 0 ⏩: 2

CypherVisor In reply to alligatorteeth [2014-01-28 10:14:49 +0000 UTC]

This could be due to a faulty background image link. Just check if the background URL is correctly used.

👍: 0 ⏩: 1

alligatorteeth In reply to CypherVisor [2014-01-28 17:27:01 +0000 UTC]

alright :3

👍: 0 ⏩: 0

xPopFloss In reply to alligatorteeth [2014-01-28 03:15:06 +0000 UTC]

it was probably just slow or loading.

👍: 0 ⏩: 1

alligatorteeth In reply to xPopFloss [2014-01-28 03:24:03 +0000 UTC]

oh

👍: 0 ⏩: 1

xPopFloss In reply to alligatorteeth [2014-01-28 03:25:10 +0000 UTC]

i checked your page though, and i see what you mean. maybe you forgot a space or something?

👍: 0 ⏩: 1

alligatorteeth In reply to xPopFloss [2014-01-28 03:35:03 +0000 UTC]

possibly, i bet i messed up the link.

👍: 0 ⏩: 1

xPopFloss In reply to alligatorteeth [2014-01-28 03:41:00 +0000 UTC]

haha x3

👍: 0 ⏩: 0

OneEyedValkyr In reply to ??? [2014-01-17 19:21:25 +0000 UTC]

Is there any way to get the text to come up as white text?

👍: 0 ⏩: 1

CypherVisor In reply to OneEyedValkyr [2014-01-17 20:09:10 +0000 UTC]

cyphervisor.deviantart.com/art…

👍: 0 ⏩: 1

OneEyedValkyr In reply to CypherVisor [2014-01-17 20:39:55 +0000 UTC]

How would the text color code be inserted into the original code? Like, where does it go?

👍: 0 ⏩: 1

CypherVisor In reply to OneEyedValkyr [2014-02-05 12:48:45 +0000 UTC]

Something like this:

gr-genericbox">Body text here..👍: 0 ⏩: 1

OneEyedValkyr In reply to CypherVisor [2014-02-05 15:41:07 +0000 UTC]

okay, thanks! ^o^

👍: 0 ⏩: 1

CypherVisor In reply to OneEyedValkyr [2014-02-06 12:35:04 +0000 UTC]

Np

👍: 0 ⏩: 0

Pyroaura98 In reply to ??? [2014-01-16 22:45:36 +0000 UTC]

I worked, but how do I put the Background in other boxes, eg My Deviant ID Box?

👍: 0 ⏩: 2

CypherVisor In reply to Pyroaura98 [2014-01-17 10:35:05 +0000 UTC]

There are different tutorials for those. Please check my gallery for more tutorials.

you can check here: cyphervisor.deviantart.com/gal…

and also here: cyphervisor.deviantart.com/gal…

👍: 0 ⏩: 0

Pyroaura98 In reply to Pyroaura98 [2014-01-16 22:47:22 +0000 UTC]

I ment to say 'It worked' not 'I worked' sorry

👍: 0 ⏩: 0

Kaybug2K In reply to ??? [2014-01-12 19:38:11 +0000 UTC]

how do we open the custom box thingy???

👍: 0 ⏩: 1

CypherVisor In reply to Kaybug2K [2014-01-17 10:36:02 +0000 UTC]

Goto "Edit page" on the top-right of your profile page and then at the bottom tab install the "custom" widget. After that you can click on the "edit" button of the custom widget.

👍: 0 ⏩: 1

Kaybug2K In reply to CypherVisor [2014-01-18 02:40:37 +0000 UTC]

thanks><

👍: 0 ⏩: 1

CypherVisor In reply to Kaybug2K [2014-01-19 20:14:42 +0000 UTC]

np

👍: 0 ⏩: 0

Zaikiri In reply to ??? [2014-01-12 07:02:22 +0000 UTC]

Can you do this to your donation widget?

👍: 0 ⏩: 1

CypherVisor In reply to Zaikiri [2014-01-17 10:36:24 +0000 UTC]

Yes, but the code is buggy hence it is not shared.

👍: 0 ⏩: 1

Zaikiri In reply to CypherVisor [2014-01-18 14:12:24 +0000 UTC]

ok

👍: 0 ⏩: 0

locomore In reply to ??? [2014-01-05 12:17:39 +0000 UTC]

I'm sorry I've been asking a lot of questions, but if there's way I can add a background to a sitback box (one where it shows a slideshow of a gallery of devinations) on my page?

👍: 0 ⏩: 2

CypherVisor In reply to locomore [2014-01-07 12:58:51 +0000 UTC]

Nah, I haven't found a working for the gallery folder widget having a slideshow in it.

👍: 0 ⏩: 1

locomore In reply to CypherVisor [2014-01-07 22:52:17 +0000 UTC]

ah okay, thanks anyway, hopefully sometime in the future ^^'


thanks for taking the time to answer my question ^-^


👍: 0 ⏩: 1

CypherVisor In reply to locomore [2014-01-14 16:38:57 +0000 UTC]

No prob.

👍: 0 ⏩: 0

Aoki-kimi In reply to locomore [2014-01-07 02:28:12 +0000 UTC]

Umm,, maybe you can put this on your Custom..


Body Text here ~

👍: 0 ⏩: 1

Aoki-kimi In reply to Aoki-kimi [2014-01-07 02:30:13 +0000 UTC]

And.. delete the "#" //Whoops sorry i'm forgot! xD

👍: 0 ⏩: 0

Just-Rosa In reply to ??? [2014-01-01 09:16:21 +0000 UTC]

I've done this to my donations and Deviant ID ones but the pictures disapeared how do I fix this?

👍: 0 ⏩: 1

CypherVisor In reply to Just-Rosa [2014-01-01 17:57:27 +0000 UTC]

You can't use this for your donation it won't work correctly. And for devID there's a different tutorial: cyphervisor.deviantart.com/art…

👍: 0 ⏩: 1

Just-Rosa In reply to CypherVisor [2014-01-01 22:00:15 +0000 UTC]

Thanks... To be honest I'm no good at this... I'm just gonna try commission someone to code my page...

👍: 0 ⏩: 1

CypherVisor In reply to Just-Rosa [2014-01-02 10:33:17 +0000 UTC]

Okay

👍: 0 ⏩: 0

Just-Rosa In reply to ??? [2014-01-01 08:46:23 +0000 UTC]

HELP! It didnt work at all!

👍: 0 ⏩: 1

CypherVisor In reply to Just-Rosa [2014-01-01 17:58:47 +0000 UTC]

It can't be because I am using it myself. Check your links properly. Most of the times the URLs are incorrect.

Also this might help Custombox F.A.Q. + Tips and tricks

👍: 0 ⏩: 1

Just-Rosa In reply to CypherVisor [2014-01-01 20:50:29 +0000 UTC]

I did I!!! Thanks!

👍: 0 ⏩: 1

CypherVisor In reply to Just-Rosa [2014-01-02 10:34:36 +0000 UTC]

Cool!

👍: 0 ⏩: 0

Bubachan-desu In reply to ??? [2013-12-30 00:07:08 +0000 UTC]

WOW ** 

your tutorial is so clear and helpful! you totally saved me! ;7; 

but i have a little prob ...when i try to add custom in the featured devianations , the custom appears but the drawing/devianation is like..deleated! what can i do? 

also do you know how can i put big images in the custom widgets? (i m really sorry for the bother...) 

👍: 0 ⏩: 1

CypherVisor In reply to Bubachan-desu [2013-12-30 11:23:02 +0000 UTC]

There's a different tutorial for that. It's this one: cyphervisor.deviantart.com/art…

👍: 0 ⏩: 1

Bubachan-desu In reply to CypherVisor [2013-12-30 11:52:50 +0000 UTC]

thank you really much! ;7; 

one more question.. (sorry for bother ! éè) how can i make appear a big image/devianation in the customs?

like those in this page omocha-san.deviantart.com/ ,but  not the little ones (sorry for my bad english ..)

👍: 0 ⏩: 1

CypherVisor In reply to Bubachan-desu [2014-01-01 18:59:30 +0000 UTC]

Yw

You can check how to make big images or thumbs here: Custombox F.A.Q. + Tips and tricks

hope this helps!

👍: 0 ⏩: 0

Iceicle-TH In reply to ??? [2013-12-29 15:22:19 +0000 UTC]

where do you find the custom backround box?

👍: 0 ⏩: 1

CypherVisor In reply to Iceicle-TH [2013-12-29 15:29:31 +0000 UTC]

Goto edit page at the top-right corner of your page. Navigate to the bottom "gallery" tab and you should get the widget "custom" there. Just install it and place it where you need in your page.

👍: 0 ⏩: 0

Dravena In reply to ??? [2013-12-29 12:40:27 +0000 UTC]

omg yay!! thanks so much

👍: 0 ⏩: 1

CypherVisor In reply to Dravena [2013-12-29 13:23:50 +0000 UTC]

Yay! You're welcome!

👍: 0 ⏩: 0

I-N-S-P-I-R-E-D In reply to ??? [2013-12-27 19:20:57 +0000 UTC]

I cant do this ;-; It always ends up as a link .-.

👍: 0 ⏩: 1

CypherVisor In reply to I-N-S-P-I-R-E-D [2013-12-28 07:13:42 +0000 UTC]

Then in that case you are copying the URL address of the page and not the image link of the image.

👍: 0 ⏩: 1


<= Prev | | Next =>