HOME | DD
CypherVisor — CustomBox Columns tutorial by-nc-nd
Published: 2014-03-22 17:46:33 +0000 UTC; Views: 112297; Favourites: 3762; 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:
<div class="mods-column-ll"><div class="gzone-label" align="center">Left Header Text</div><div class="sealed-zone">LEFT_COLUMN_CONTENT</div></div><div class="mods-column-rr"><div class="gzone-label" align="center">Right Header Text</div><div class="sealed-zone">RIGHT_COLUMN_CONTENT </div></div>
Columns without Header Titles:
<div class="mods-column-ll"><div class="sealed-zone">LEFT_COLUMN_CONTENT</div></div><div class="mods-column-rr"><div class="sealed-zone">RIGHT_COLUMN_CONTENT </div></div>
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
mine are on top of eachother rather then side to side? any way to fix this? ;w;
👍: 0 ⏩: 1
add a lot of < /div>'s in the first one i think it'll work ; v ;
👍: 0 ⏩: 1
i figured it out but ty so much ! an yeah that was the answer !
👍: 0 ⏩: 1
Is there a way i can widen this a bit more?
👍: 0 ⏩: 1
Nevermind i found a solution~ Thank you for this tutorial~
👍: 0 ⏩: 1
could you maybe tell me how did you solve it? . D.
👍: 0 ⏩: 1
i added this on the very first space
<br*><di*v cl*ass="previewbox"*>
remove the *'s then add like a lot more of that <br*>, (thats for how big the custom box is)
it makes it a scrolling box though so its not exactly a 'perfect' idea if thats not what you wanted..
👍: 0 ⏩: 1
aw thanks!
I just now read all the problem about wider boxes ; y;
👍: 0 ⏩: 0
How do you get the backgrounds white?
👍: 0 ⏩: 1
Dude, we have Mabel icons from the same episode
👍: 0 ⏩: 0
for some reason I can't get the boxes to align properly...
it's super strange because I wouldn't think the size of my two images at the top would mess anything up...
👍: 0 ⏩: 0
When I entered in the code
nothing showed up. I dont think I worked. I copy and pasted the code in the description, but nothing
happened. Im not sure if I did something wrong.
👍: 0 ⏩: 0
it works when i use the white content holders, but i recently changed it to elnino and the right column came out sideways for some reason
👍: 0 ⏩: 0
This is great but when I used it...the box is not in the center and I used the wide code----
👍: 0 ⏩: 0
LoikiCatt this be fancy u go for it
👍: 0 ⏩: 0
Is it possible to use columns inside a content holder?
👍: 0 ⏩: 1
For some reason when I add the content holder it just creates the normal wide look, I'm a little confused by this?
👍: 0 ⏩: 0
Is it possible to put a regular content holder underneath two content holder columns? Im trying to do that now but Idk if there is a proper way to do it or not.
Please help.
👍: 0 ⏩: 1
I have the same problem :/
👍: 0 ⏩: 0
How are you able to center an image under them?
👍: 0 ⏩: 1
You'd have to put your image code outside of the column code so it'd appear underneath. c:
👍: 0 ⏩: 1
Ah, thanks!
I found out my custombox background was too short for it, anyways. xD
👍: 0 ⏩: 1
how do I add chatboxes and they're still side by side?
👍: 0 ⏩: 0
I am putting in the columns and inserting the white rounded box with header inside the column code and it comes out all weird. The first box looks normal but the second box is below it and looks all squished. What happened?
👍: 0 ⏩: 0
the boxes don't have a white background and you can't see the text, ive copy and pasted the code multiple times but it still won't give me a white box
👍: 0 ⏩: 1
Because you have to add the box separately. These codes just give you columns.
👍: 0 ⏩: 1
the white box didnt come up for me- it's just the normal color's with text but not elino ;o;
👍: 0 ⏩: 1
You have to add the box separately. These codes just give you columns.
👍: 0 ⏩: 1
how do u add the box?
I tried with but it makes it one big box.
👍: 0 ⏩: 1
I'm not sure, to be honest! You're trying to put chatboxes right? In a custom widget the chatboxes would turn out really, really thin if they were put into these columns.
If it does work with the code, which it might not, you have to make sure the code of the chatbox is inside the code of one of the columns.
(What's the code you're using now? If I don't have a solution, I know someone else with way better coding than me, and he might be able to answer you.)
👍: 0 ⏩: 0
There is no background when I use them..
👍: 0 ⏩: 1
you have to take the beginning code from a different custom box for the background
👍: 0 ⏩: 1
How do you do that or change the front code or the beggining
👍: 0 ⏩: 1
you just take the beginning part of the code for the custom box background
and then just paste it in front of the actual column code
👍: 0 ⏩: 0
is it possible to have 3 columns? what would be the code?
👍: 0 ⏩: 0
Is that possible to resize it ?
👍: 0 ⏩: 0
is it possible to put music embeds in one of these?? [the small ones]
👍: 0 ⏩: 0
My custom boxes have become all narrow ;_; they used to be wide but now they're not anymore! I didn't change anything I'm so confused.. ;;
👍: 0 ⏩: 1
it's because the staff made custom boxes smaller, so, to fit the new size, they became narrow
👍: 0 ⏩: 0
Wait to align the right box or something else???
👍: 0 ⏩: 1
i figured out how to get the right box next to the left box rather than under it (":
👍: 0 ⏩: 1
How? May you maybe tell me how? *u*
👍: 0 ⏩: 1
<= Prev | 1 2 3 | Next =>