HOME | DD

CypherVisor — CustomBox Wide Content tutorial by-nc-nd

Published: 2014-03-16 20:25:07 +0000 UTC; Views: 64125; Favourites: 1837; Downloads: 0
Redirect to original
Description »»»»»»»»»»»»»»»»»»»»»»»»»»» Exclusively for Premium members and Super groups only «««««««««««««««««««««««««««

How to use ?
Just copy the source code(s) below and paste it in your Custombox module in your profile or group page.



IMPORTANT NOTE!!!!
You need to install the donation pool widget in your profile for this code to work properly.





SOURCE CODE:
500px width code:


592px width code:







Credits:
Code
The 592px width code was first found by SimplySilent here:


Background Image
The background image used in this tutorial was from yokuns and can be found here:




Want to customize your profile page?
Check all my free resources + tutorials: [LINK]



Having any doubt with Custombox or Journal CSS? Please read this F.A.Q. + Tips n Tricks
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.
Related content
Comments: 242

Puppiii [2019-02-03 00:51:19 +0000 UTC]

Thank you, it works!!

if anyone of you are having trouble with the code, you're probably only previewing your widget, you have to have it installed and visible on your page

👍: 0 ⏩: 0

SuccubyArt [2018-08-13 20:22:21 +0000 UTC]

i tried adding one of these under 2 column boxes but it keeps showing up under the right column instead of centered and under both boxes.

i also tried using this code on the column boxes like your tutorial said but its not working. please check and update your codes.
i tried adding the code to the beginning of all the code, even at the end, in between some of the other codes; nothing. it just doesnt work at all.

👍: 0 ⏩: 0

Xentrias [2018-02-22 20:10:01 +0000 UTC]

Doesn’t work can you please make a new code? Thanks.

👍: 0 ⏩: 1

HazyGem In reply to Xentrias [2018-07-04 18:09:18 +0000 UTC]

Paste the code at the beginning

👍: 0 ⏩: 0

kyethir [2017-09-09 20:31:52 +0000 UTC]

If you're having problems with this code use the one I have provided for everyone~

❤ I explained all that you needed to do, and it should be easy to work with. Ignore all the long texts and look for the things I explained in the description. ❤

Enjoy, it should be working!

▶ [Code] Wide Custom Box

👍: 0 ⏩: 0

Angelinia [2017-04-22 03:46:22 +0000 UTC]

It doesn't work  ;;w;;

👍: 0 ⏩: 1

Selene0011 In reply to Angelinia [2017-06-24 08:34:03 +0000 UTC]

Paste it at the beginning, Alina. That works for me. 

👍: 0 ⏩: 1

Angelinia In reply to Selene0011 [2017-07-02 17:18:20 +0000 UTC]

Ohh thank you !! <33

👍: 0 ⏩: 0

Skykristal [2017-04-13 15:52:38 +0000 UTC]

this always dont work for me ;-; nothing happens ..

👍: 0 ⏩: 1

TheCrimsonEmo In reply to Skykristal [2017-04-15 10:12:59 +0000 UTC]

I had the same issue, I'm guessing this code might be out of date.
This one worked for me however.

👍: 0 ⏩: 1

Skykristal In reply to TheCrimsonEmo [2017-04-18 15:59:02 +0000 UTC]

ah yep. I thought the same ;~; and thanks , I´ll try this out ^w^

👍: 0 ⏩: 0

gIazed [2017-03-05 01:02:13 +0000 UTC]

Do you know how to put a white box then right next to it not in the box a picture?

👍: 0 ⏩: 0

BelluaBug [2017-02-18 20:29:22 +0000 UTC]

Hi! Is there any way to make the custom box smaller in width? 

👍: 0 ⏩: 1

Angelinia In reply to BelluaBug [2017-05-29 10:58:46 +0000 UTC]

I was also wondering that—

👍: 0 ⏩: 0

AlexisReitcher [2016-12-23 09:37:22 +0000 UTC]

I tried it and it works, but all the text is sightly on the right side even if I've putted

👍: 0 ⏩: 1

Androsanity In reply to AlexisReitcher [2017-02-03 16:20:39 +0000 UTC]

Same problem. :C

👍: 0 ⏩: 0

Inkuii [2016-11-20 01:20:49 +0000 UTC]

Uhh I have a problem using the first code, which suited my needs perfectly...that is, until I clicked save, and found the result that is currently displayed on my page. A big blotch of dA green where it shouldn't be. Can someone please help me resolve this issue?

👍: 0 ⏩: 2

PicPix In reply to Inkuii [2016-12-18 07:16:52 +0000 UTC]

I had the same issue so I put the code before the widget background code and voila!
However, as dA coding has become very strange, it seems that the content cannot be centered at this time.

👍: 0 ⏩: 1

Inkuii In reply to PicPix [2016-12-18 15:04:39 +0000 UTC]

Well, that sucks. Either way, thank you for the help!

👍: 0 ⏩: 1

PicPix In reply to Inkuii [2016-12-18 18:33:52 +0000 UTC]

Not a problem!

👍: 0 ⏩: 0

Juuelle In reply to Inkuii [2016-12-04 04:05:40 +0000 UTC]

experiencing the same thing..

👍: 0 ⏩: 0

niklovenak [2016-10-12 01:46:24 +0000 UTC]

i want to use this, but i need help with the image assests etc
help?

👍: 0 ⏩: 0

EmiiBean [2016-08-30 13:18:50 +0000 UTC]

Can you help me out? I dont know what im doing wrong :[ 

I pasted this way at the top but it just shifts the entire column to the right. 
Ive tried using the center code on it and its not doing it for me :c

👍: 0 ⏩: 0

spottedleaf1129 [2016-06-23 23:16:59 +0000 UTC]

i need help how do you get the white text box to go in the background im having trouble trying to decorate my group page

👍: 0 ⏩: 1

auroharu In reply to spottedleaf1129 [2016-12-30 08:02:32 +0000 UTC]

<*div class="cctextarea" ><*div class="pp" align="center"> PUT CONTENT HERE <*/div><*/div>

Remove the *'s

👍: 0 ⏩: 0

preshfinn [2016-06-12 05:53:00 +0000 UTC]


¯\_(ツ)_/¯

👍: 0 ⏩: 1

DaReckless In reply to preshfinn [2016-06-23 16:05:54 +0000 UTC]

Thank you.~

👍: 0 ⏩: 0

mrfjtrjh465478 [2016-03-29 18:18:48 +0000 UTC]

Thank you for sharing this, however, the code must be pasted at the start of a custom-box if used on profile pages, not to mention this code pushes everything to the right. align="center" does not work.

👍: 0 ⏩: 0

RavensHiddenSoul [2016-03-08 19:29:57 +0000 UTC]

Hello, Cyph! (Your resources are fantastic, I've been browsing them all week.)

Is there any chance you have a code for less wide custom boxes? For example, can the entire widget be made to only span 300 pixels? Can you use the "width=[x]" property on a custom widget, or is it all dependent on the widget's presets, and the only option is to edit the content boxes?

👍: 0 ⏩: 1

ColorfulHoovedNights In reply to RavensHiddenSoul [2018-01-19 08:16:42 +0000 UTC]

I think this is possible if you use a button as your content box instead of an actual content box

👍: 0 ⏩: 0

Mikey186 [2016-01-17 00:19:37 +0000 UTC]

I don't think this will work, but I FOUND ANOTHER solution! Look from what another user has done



though the image is not right, BUT it's another solution to wide the content

👍: 0 ⏩: 1

Lies-of-Benevolence In reply to Mikey186 [2017-02-17 00:45:35 +0000 UTC]

who is that user?

👍: 0 ⏩: 1

Mikey186 In reply to Lies-of-Benevolence [2017-02-17 00:59:02 +0000 UTC]

Click on image

👍: 0 ⏩: 0

PiPanama [2016-01-16 16:43:32 +0000 UTC]

It doesn't work, it moves everything to the right. :/

👍: 0 ⏩: 2

Mikey186 In reply to PiPanama [2016-01-17 00:18:45 +0000 UTC]

EDIT: look at this! 

👍: 0 ⏩: 0

Mikey186 In reply to PiPanama [2016-01-16 19:33:02 +0000 UTC]

I got the same problem! I tried posting on forums but fools got all lost and confused posting the wrong way. Thought I was 'widening' the widget. 

Apparently as I know it, dA is FLAWED

👍: 0 ⏩: 0

tempesterium [2015-11-09 17:06:40 +0000 UTC]

This does still work (because I'v seen a few people say it didn't)
You have to paste the code at the very beginning of your code and you have to leave out the

parts!

👍: 0 ⏩: 6

The-TimeRunner In reply to tempesterium [2016-09-12 15:30:51 +0000 UTC]

((You are a super star, thank you so much ))

👍: 0 ⏩: 0

Mizuki--Senpai In reply to tempesterium [2016-07-10 03:11:44 +0000 UTC]

Thank you so much!

👍: 0 ⏩: 0

tempesterium In reply to tempesterium [2016-02-19 10:30:48 +0000 UTC]

I am aware that the content box gets shifted to the right by this, but I can't find a solution for it as it is now.
Sorry.

👍: 0 ⏩: 1

The-TimeRunner In reply to tempesterium [2016-09-12 15:31:33 +0000 UTC]

((Well I couldn't really fix it, but I put the first code in front of it and it shifted it a bit and made it smaller Not sure if that helps, but it does make it less to the right, if anything ))

👍: 0 ⏩: 0

AnissaGarcia01 In reply to tempesterium [2016-02-16 14:11:01 +0000 UTC]

Thanks so much for the help!

👍: 0 ⏩: 0

RY0on In reply to tempesterium [2015-12-03 04:28:09 +0000 UTC]

It still on the right :I do you know how to fix it and I tired what you said

👍: 0 ⏩: 1

tempesterium In reply to RY0on [2015-12-03 09:57:19 +0000 UTC]

No I don't know how, I only found out how to make it larger.

👍: 0 ⏩: 2

glitcher In reply to tempesterium [2016-02-19 02:50:07 +0000 UTC]

I'm having the same problem. Pasting the code at the beginning makes the content larger, but also shifts it to the right. Did you find a solution?

👍: 0 ⏩: 1

tempesterium In reply to glitcher [2016-02-19 10:29:37 +0000 UTC]

no sorry.
i tried to find one but doesn't seem it's possible.

👍: 0 ⏩: 0

RY0on In reply to tempesterium [2015-12-03 18:09:19 +0000 UTC]

Ahhh okieee^.^

👍: 0 ⏩: 0

Thy-xin In reply to tempesterium [2015-11-29 11:58:59 +0000 UTC]

HOOOOLY SHIT THANK YOU.

👍: 0 ⏩: 0

hexlure [2015-11-07 20:32:18 +0000 UTC]

For wide boxes, please use this code 

👍: 0 ⏩: 0

Mssilvs [2015-10-05 12:31:07 +0000 UTC]

It's not working for me :/

👍: 0 ⏩: 0


| Next =>