HOME | DD

CypherVisor — CustomBox Columns tutorial by-nc-nd

Published: 2014-03-22 17:46:33 +0000 UTC; Views: 98494; Favourites: 3796; 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.



SOURCE CODE:
Columns with Header Titles:

Left Header Text
LEFT_COLUMN_CONTENT
Right Header Text
RIGHT_COLUMN_CONTENT




Columns without Header Titles:

LEFT_COLUMN_CONTENT
RIGHT_COLUMN_CONTENT





CustomBox Wide Content tutorial: [LINK]

Elnino Content-holder Box: [LINK]





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




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: 616

Pandoras-Jinx In reply to ??? [2014-07-05 20:05:42 +0000 UTC]

Hey there, I'm wondering if you could help me with the code? I put the code you used in but it's seems not to be working ^^'

👍: 0 ⏩: 1

Draikou In reply to Pandoras-Jinx [2014-07-05 20:27:26 +0000 UTC]

It could be possible that maybe you just copied it down wrong?
Really all I did with the code in this deviation, is instead of having it coded as a Left column and a Right column, I have it coded as two Right columns, and they end up sitting beside each other.

👍: 0 ⏩: 1

Pandoras-Jinx In reply to Draikou [2014-07-05 20:39:22 +0000 UTC]

I just noticed I did copy one bit wrong without knowing it sorry

👍: 0 ⏩: 1

Draikou In reply to Pandoras-Jinx [2014-07-06 00:24:37 +0000 UTC]

No worries!
I'm glad you figured it out!

👍: 0 ⏩: 0

vaporeonwave In reply to ??? [2014-07-05 18:41:08 +0000 UTC]

thank you so much!

👍: 0 ⏩: 1

Draikou In reply to vaporeonwave [2014-07-05 18:45:18 +0000 UTC]

Glad to help!

👍: 0 ⏩: 0

shayu-kai In reply to ??? [2014-07-03 19:10:51 +0000 UTC]

How do I make the columns into two separate boxes? ;-; It's only showing up in one box

👍: 0 ⏩: 1

CypherVisor In reply to shayu-kai [2014-07-28 16:21:48 +0000 UTC]

Like?

👍: 0 ⏩: 1

shayu-kai In reply to CypherVisor [2014-08-02 20:35:19 +0000 UTC]

Well it's not in two separate boxes, it's all in one, both of the columns are just in one box when I want it to be in two boxes. sta.sh/028dpgicps4n Here's what I mean by one box.

👍: 0 ⏩: 1

CypherVisor In reply to shayu-kai [2014-08-04 20:51:50 +0000 UTC]

The first box code is not closing that is why it is 'eating' the 2nd box.

There must be a

missing in the first column code

👍: 0 ⏩: 0

idzaf In reply to ??? [2014-07-03 08:47:19 +0000 UTC]

THANK UUU,,

👍: 0 ⏩: 1

CypherVisor In reply to idzaf [2014-07-28 16:21:26 +0000 UTC]

You're welcome!

👍: 0 ⏩: 0

ARCADE-PUNK In reply to ??? [2014-07-01 01:34:02 +0000 UTC]

Hey! Sorry to bother you but I'm trying this out with the flat content holder box and it's not really working for me. I'm sort of unsure where to put the code for the flat custom box into the column code. Help would be great appreciated uwu

👍: 0 ⏩: 2

CypherVisor In reply to ARCADE-PUNK [2014-07-31 21:44:44 +0000 UTC]

Depending upon your choice, copy the code with or without title heading in your custom box. Now, copy the whole content-holder box code from here and replace the part where it says LEFT_COLUMN_CONTENT

👍: 0 ⏩: 1

ARCADE-PUNK In reply to CypherVisor [2014-08-08 20:15:20 +0000 UTC]

Ahh okay thank you so much!! 

👍: 0 ⏩: 1

CypherVisor In reply to ARCADE-PUNK [2014-08-16 14:55:09 +0000 UTC]

yw

👍: 0 ⏩: 0

deer-rat In reply to ARCADE-PUNK [2014-07-16 13:09:57 +0000 UTC]

I just wanted to ask that too! ;;
Could you fix it??

👍: 0 ⏩: 1

ARCADE-PUNK In reply to deer-rat [2014-07-16 20:44:31 +0000 UTC]

Ah yes of course! Luckily, I managed to fix it so I can note you the code uwu

👍: 0 ⏩: 1

deer-rat In reply to ARCADE-PUNK [2014-07-16 20:50:10 +0000 UTC]

that'd be wonderfull! thank you *w*

oh and, if you wanna have the box on the left side, is there also a code to make it on the left side?
(the whole box, not the text, because i'd like to have my music player on the left side in the box on my page)

👍: 0 ⏩: 1

ARCADE-PUNK In reply to deer-rat [2014-07-16 20:56:40 +0000 UTC]

Hmm, I'm not quite sure there is a way to do that. There might be, though! You could use the small player 2 on the youtube player code snippet and set the alignment to either left or center. I guess the way to do this would be to just have the left column text and leave out the right column box completely. I'll test it out on my page just to check uwu

👍: 0 ⏩: 1

deer-rat In reply to ARCADE-PUNK [2014-07-16 21:15:05 +0000 UTC]

but should it paste the youtube button link on a custom holder box? becuase when I just pasted it it didn't show up p.p

and I'd actually love to have one box with an invisible box, and a youtuber player, without a box, you know? ;v;

👍: 0 ⏩: 1

ARCADE-PUNK In reply to deer-rat [2014-07-17 01:08:27 +0000 UTC]

Ah yes!! I've been testing all of these things out and they should work uwu
I have the codes for the youtube players (in and out of a box) and text (in and out of a box)

👍: 0 ⏩: 1

deer-rat In reply to ARCADE-PUNK [2014-07-17 09:54:50 +0000 UTC]

hngg may I also ask you for those? ;o;

that'd be so awesome ;v;

👍: 0 ⏩: 1

ARCADE-PUNK In reply to deer-rat [2014-07-17 19:19:04 +0000 UTC]

Yes of course uwu
Note sent hehe

👍: 0 ⏩: 0

omichii In reply to ??? [2014-07-01 00:29:38 +0000 UTC]

Hello! I made one normal content holder and then under that I put the columns. There's a huge gap between the normal and colum content holders. Is there a wayfp to make that gap smaller?

Also, is there a way to make more than two columns next to each other? I would only be putting one icon in each one. ;o;

👍: 0 ⏩: 1

CypherVisor In reply to omichii [2014-07-31 21:46:28 +0000 UTC]

Try deleting any space or line-breaks between the normal content holder box and the columns and the space should reduce.

And for your 2nd question, just copy the same code and paste it once again to insert 2 more columns.

👍: 0 ⏩: 1

omichii In reply to CypherVisor [2014-07-31 21:59:28 +0000 UTC]

Thank you very much!

👍: 0 ⏩: 1

CypherVisor In reply to omichii [2014-08-16 15:36:39 +0000 UTC]

yw

👍: 0 ⏩: 0

Batsouppe In reply to ??? [2014-06-17 17:50:10 +0000 UTC]

I noticed when I create another row of columns, there's a gap between the row at the top and the row at the bottom. I only want three, so take away the bottom column on the right. Is there anyway to get rid of that gap? 

This is what it looks like: sta.sh/011vc5rmennd
I want the bottom left column right under the top left column.

👍: 0 ⏩: 1

CypherVisor In reply to Batsouppe [2014-07-28 16:28:40 +0000 UTC]

ohkay... Umm, try copying the left column code one after the other and then the right column code.

👍: 0 ⏩: 0

basebaII In reply to ??? [2014-06-16 02:32:51 +0000 UTC]

it did not work

👍: 0 ⏩: 1

CypherVisor In reply to basebaII [2014-07-28 16:21:59 +0000 UTC]

for PM only

👍: 0 ⏩: 0

qermany In reply to ??? [2014-06-14 00:15:14 +0000 UTC]

hmm, this keeps happening to me?? i've redone it many times hhng sta.sh/026opcmvyv67

👍: 0 ⏩: 2

XPUPPYKITTYZX In reply to qermany [2014-06-15 19:57:51 +0000 UTC]

Don't mean to bother, but how did you fix it?? I can't seem to get it to work ;-;

👍: 0 ⏩: 1

qermany In reply to XPUPPYKITTYZX [2014-06-16 20:57:23 +0000 UTC]

i just kept on messing with the code
also added a bunch of < /div> 's

👍: 0 ⏩: 1

XPUPPYKITTYZX In reply to qermany [2014-06-16 21:15:43 +0000 UTC]

Ah, alright thank you, I ig ot it to work

👍: 0 ⏩: 1

qermany In reply to XPUPPYKITTYZX [2014-06-16 22:59:52 +0000 UTC]

ooo okay good to hear uvu

👍: 0 ⏩: 0

CypherVisor In reply to qermany [2014-06-14 06:47:20 +0000 UTC]

Sorry, for the delay in my reply but I think I see you have fixed it now.

👍: 0 ⏩: 1

qermany In reply to CypherVisor [2014-06-14 11:32:12 +0000 UTC]

ah no need to apologize!! but yeah i did ahaha ;v;

👍: 0 ⏩: 1

CypherVisor In reply to qermany [2014-06-14 18:34:58 +0000 UTC]

cool

👍: 0 ⏩: 0

plantiz In reply to ??? [2014-06-10 00:03:25 +0000 UTC]

mine only ends up with one box though.

👍: 0 ⏩: 1

CypherVisor In reply to plantiz [2014-06-14 06:48:35 +0000 UTC]

Seems like you have got it fixed now.

👍: 0 ⏩: 1

plantiz In reply to CypherVisor [2014-06-14 15:34:39 +0000 UTC]

yeah, I did. It took awhile to figure out what I misplaced. ^^

👍: 0 ⏩: 2

pastelii In reply to plantiz [2014-06-21 19:13:20 +0000 UTC]

how'd you fix it? I have the same issue.

👍: 0 ⏩: 1

plantiz In reply to pastelii [2014-06-21 19:34:51 +0000 UTC]

well, I believe after I repeated the code once, before the repeated code I had to put <*/div><*/div><*/div> without the *'s of course, did you put it?

👍: 0 ⏩: 1

pastelii In reply to plantiz [2014-06-21 19:38:33 +0000 UTC]

it didn't work. ;;

👍: 0 ⏩: 1

plantiz In reply to pastelii [2014-06-21 19:57:53 +0000 UTC]

hmm.. can you send me the code you have in the box??

👍: 0 ⏩: 1

pastelii In reply to plantiz [2014-06-23 19:14:56 +0000 UTC]

ok

👍: 0 ⏩: 0

CypherVisor In reply to plantiz [2014-06-14 18:14:46 +0000 UTC]

cool

👍: 0 ⏩: 0

WaffooI In reply to ??? [2014-06-09 18:42:27 +0000 UTC]

AFTER 100000 YEARS OF TRYING
i finally got how i do it eve
now to doing the rest 8D

👍: 0 ⏩: 1


<= Prev | | Next =>