HOME | DD

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

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

Spring-Lapphund In reply to ??? [2015-06-28 21:21:10 +0000 UTC]

Same!  I have no idea why D:

👍: 0 ⏩: 1

StartheWisher In reply to Spring-Lapphund [2015-06-28 21:23:24 +0000 UTC]

I think i found out why!  I was trying to use it for a group that wasn't a super group, and it didn't work there.  But it did work on my premium account.  I think it's just a feature you have to pay for lol 

👍: 0 ⏩: 1

Spring-Lapphund In reply to StartheWisher [2015-06-28 21:59:48 +0000 UTC]

Ya probably, I found out why it didn't work for me too haha

👍: 0 ⏩: 1

StartheWisher In reply to Spring-Lapphund [2015-06-28 22:33:23 +0000 UTC]

was it the same reason? Or is there a secret I'm missing? lol 

👍: 0 ⏩: 1

Spring-Lapphund In reply to StartheWisher [2015-06-28 23:10:12 +0000 UTC]

I looked at a trouble-shooting guide and it said to put the image over the coding of the background.  (This may only work for images.) 
The trouble-shooting guide is here:  Custom Box - Troubleshooting + FAQCustom Boxes
Quite a few people still seem to have issues with getting their custom box backgrounds to work correctly so I thought I'd put this little troubleshooting guide and FAQ together to help. If you follow the instructions closely, you shouldn't have any problems.
If you encounter any issues that aren't explained here, please let me know. I will update this guide with any extra info or solutions as they are requested.
You can read more about customising your profile page here.
The Basics

sample text

Copy the code above and paste into a Custom box on your profile page. Replace the green text with your background

👍: 0 ⏩: 1

StartheWisher In reply to Spring-Lapphund [2015-06-29 00:15:11 +0000 UTC]

ok yep that's what i thought. Thanks! 

👍: 0 ⏩: 0

xXFabulousWolf In reply to ??? [2015-06-25 04:55:49 +0000 UTC]

NOTHING WORKS!!    IT WONT LET ME

👍: 0 ⏩: 0

Servrook In reply to ??? [2015-06-19 20:48:06 +0000 UTC]

Doesnt work at all,Whats up with it? Do i need to transfer my Premium and points to a new account? im doing everything right..

👍: 0 ⏩: 0

Viirsahvot In reply to ??? [2015-06-18 00:28:49 +0000 UTC]

So when I get premium membership, can I use linearts that I made and colored to make my background? Note me if you can help me out.

👍: 0 ⏩: 0

leafpool999 In reply to ??? [2015-06-17 02:25:43 +0000 UTC]

For some reason the box is really big now... how do I fix that?

👍: 0 ⏩: 1

Madam-Mannal In reply to leafpool999 [2015-06-17 20:08:10 +0000 UTC]

fix the Width and Height by adding this:


like this:


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

Body text here..

👍: 0 ⏩: 1

ClaraLinza In reply to Madam-Mannal [2015-06-27 21:30:13 +0000 UTC]

Thanks you !!  

👍: 0 ⏩: 0

Lime-Donut-BreezieX In reply to ??? [2015-06-15 05:02:26 +0000 UTC]

how do you paste the image link?

👍: 0 ⏩: 1

Alieraah In reply to Lime-Donut-BreezieX [2015-06-16 15:37:31 +0000 UTC]

CTRL + V or right click and select "paste"  

👍: 0 ⏩: 0

BloodyAmnesia In reply to ??? [2015-06-12 14:36:12 +0000 UTC]

Thank you for this!

👍: 0 ⏩: 0

DistractedMori In reply to ??? [2015-06-06 22:02:05 +0000 UTC]

Can you make a small image repeat itself for a background?

👍: 0 ⏩: 0

starlitcarnival In reply to ??? [2015-05-09 21:46:20 +0000 UTC]

This tutorial helped me tons! And I used your content holder box which was a heaven sent. 

👍: 0 ⏩: 0

Cloudjumperlove In reply to ??? [2015-04-25 15:31:53 +0000 UTC]

Wow....that seems very complicated

👍: 0 ⏩: 0

Okeki In reply to ??? [2015-04-23 01:51:47 +0000 UTC]

How do you decorate a normal group page?

👍: 0 ⏩: 1

ultkoreans In reply to Okeki [2015-05-10 22:06:36 +0000 UTC]

Only super groups can have custom box backgrounds.

👍: 0 ⏩: 1

Okeki In reply to ultkoreans [2015-05-10 22:07:42 +0000 UTC]

aah I see… oh well. Thanks for the reply

👍: 0 ⏩: 1

ultkoreans In reply to Okeki [2015-05-10 22:46:20 +0000 UTC]

anytime.

👍: 0 ⏩: 0

Inky-Shade In reply to ??? [2015-04-20 11:57:13 +0000 UTC]

How does this work when I want some gifs included?
I followed the steps yet it wasn't really a background. Just another big picture included

👍: 0 ⏩: 0

DEADlCATED In reply to ??? [2015-04-12 22:22:51 +0000 UTC]

where do you even find the custom box ;;;;n;;;

👍: 0 ⏩: 2

Neccaro In reply to DEADlCATED [2015-05-31 19:01:43 +0000 UTC]

you also have to have a premium membership in order to have a custom box ;-;

👍: 0 ⏩: 1

DEADlCATED In reply to Neccaro [2015-05-31 23:53:38 +0000 UTC]

i know . - . mine expired//

👍: 0 ⏩: 0

transforpuppy In reply to DEADlCATED [2015-04-13 15:34:39 +0000 UTC]

Go on your page and click edit in the corner for the page and it should be in widgets

👍: 0 ⏩: 0

XxOMGsoUniquexX In reply to ??? [2015-04-07 16:51:43 +0000 UTC]

It works but the stuff inside the boxes like the Featured Deviations or my ID just show the image and the title. That's it. ??

👍: 0 ⏩: 0

XxOMGsoUniquexX In reply to ??? [2015-04-07 12:21:09 +0000 UTC]

I am doing the tutorial, but it just shows the background. Can not see the content o.0 Unless I am missing a step.

👍: 0 ⏩: 0

Stormy-Gurl In reply to ??? [2015-04-06 03:58:03 +0000 UTC]

This isn't working for me. It is just showing a blank spot... :I

👍: 0 ⏩: 0

LINXthepowerful In reply to ??? [2015-04-02 20:21:37 +0000 UTC]

It just shows a link in the custom box! So frustrated 

👍: 0 ⏩: 2

aotpo In reply to LINXthepowerful [2015-05-18 12:40:32 +0000 UTC]

me tooooo!

👍: 0 ⏩: 1

LINXthepowerful In reply to aotpo [2015-05-19 02:26:20 +0000 UTC]

I know right? Some of these tutorials are a little harder than they look. I don't think I even care about decorating my page anymore 

👍: 0 ⏩: 1

aotpo In reply to LINXthepowerful [2015-05-19 08:31:10 +0000 UTC]

me too but I just bought membership for no reason now, what does it even to

👍: 0 ⏩: 1

LINXthepowerful In reply to aotpo [2015-05-19 10:28:13 +0000 UTC]

Well deviant art sends you notifications that normal deviants don't get, and you can rearrange your profile, but that's about it 

👍: 0 ⏩: 1

aotpo In reply to LINXthepowerful [2015-05-19 11:42:07 +0000 UTC]

Kinda sucks ngl :/

👍: 0 ⏩: 0

NAGlTO In reply to LINXthepowerful [2015-04-04 06:47:57 +0000 UTC]

you can use a custom box's URL and go to this: 

paste your URL there and press get code. if your image isn't stretchy enough, you can do it like i did. I just centered it. do whatever you need to do on the generator.  

👍: 0 ⏩: 1

LINXthepowerful In reply to NAGlTO [2015-04-05 17:12:18 +0000 UTC]

THANKS! 

👍: 0 ⏩: 0

Frikkan In reply to ??? [2015-04-01 10:48:40 +0000 UTC]

Im so fucking pissed cuz no matter what I do, the background, image or whatever I wanna use stretches out! like this! Help maybe? ...plz? 

👍: 0 ⏩: 0

Mellybee-m In reply to ??? [2015-03-30 09:10:51 +0000 UTC]

AHHH THANK YOU SO MUCH. 

👍: 0 ⏩: 0

xXMissMangaXx In reply to ??? [2015-03-20 14:55:45 +0000 UTC]

This was super helpful! Thank you so much!  

👍: 0 ⏩: 0

ChaosShu In reply to ??? [2015-03-19 09:02:08 +0000 UTC]

thanks a lot for this tutoriel!!

👍: 0 ⏩: 0

Starlight1514 In reply to ??? [2015-03-12 02:16:28 +0000 UTC]

I did this, but It doesn't make it the background, it just makes it just another image. Help!

👍: 0 ⏩: 0

Guardians-of-Jarkita In reply to ??? [2015-03-11 11:44:08 +0000 UTC]

Super helpful! Thanks

👍: 0 ⏩: 0

Bix-adoptables In reply to ??? [2015-03-08 19:07:30 +0000 UTC]

I am trying to do this for a group aND IT JUST DOESN't FUCKING WORK

👍: 0 ⏩: 1

onehitok In reply to Bix-adoptables [2015-03-10 10:36:18 +0000 UTC]

XDDDDDDDDDDDDDDDD

👍: 0 ⏩: 1

Bix-adoptables In reply to onehitok [2015-03-10 14:33:18 +0000 UTC]

R00d block and reportd :::''' (((( I kno the dA tem . they will delete ur acount :::: ))

👍: 0 ⏩: 3

ApplePieMuncher In reply to Bix-adoptables [2015-04-23 10:45:49 +0000 UTC]

Oi!

👍: 0 ⏩: 0

Kaelei In reply to Bix-adoptables [2015-03-13 00:09:39 +0000 UTC]

ROFL.....

👍: 0 ⏩: 0

onehitok In reply to Bix-adoptables [2015-03-11 06:06:46 +0000 UTC]

gmo

👍: 0 ⏩: 0


<= Prev | | Next =>