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:
Columns without Header Titles:
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
Haha... I wish I could live 100 years...
👍: 0 ⏩: 1
I was wondering, when using the columns in a custom box they work fine and don't touch each other. When using them in a journal, however, the ends of the boxes do touch but otherwise they work perfectly fine. Is there a way to fix this? And also, I don't really understand how you add in more columns.... //weep
👍: 0 ⏩: 1
It is not made for journals so yeah, this problem will be there. You can instead create custom columns in journals by simply coding the CSS in your journal skin btw.
👍: 0 ⏩: 0
it works fine for me, just wondering if i could some how make the boxes a bit wider ?
also, the text kinda runs outside of the box, anyway to fix that?
👍: 0 ⏩: 1
For widening check this: cyphervisor.deviantart.com/art…
And try and increase the box size by inserting
tags at the bottom of your codes
👍: 0 ⏩: 0
everytime I try to put the custom box code in this happens
sta.sh/0gwrc6yzy0v
👍: 0 ⏩: 1
Put the left and right column code in a single line (without any line-breaks)
👍: 0 ⏩: 0
for some reason it wont work, i paste the code for the columns withought titles and i put the white custom box in them with writing then they come out one above the other not side to side?
👍: 0 ⏩: 0
Could you put an image behind both content holders with an code?
👍: 0 ⏩: 2
Nah. you need to use the custombox bg code for that. You can see the tut here: cyphervisor.deviantart.com/art…
And if you want to have the content-holder box with the bg then you need to paste the content-holder box code in the "body text here..." part of the custom bg code.
👍: 0 ⏩: 1
yep, I did that last night, it's working c:
👍: 0 ⏩: 1
ahhh hi is there a way i can make both columns inside one content holder??
👍: 0 ⏩: 1
It should work. I am not very sure though..You may try!
👍: 0 ⏩: 1
it didnt work for me unfortunately nwn'' it jsut created a little box above the columns
👍: 0 ⏩: 1
Finally i'm using this
thanks for this code and the tutorial ^^
👍: 0 ⏩: 1
Ah cool!
And it's my pleasure!
👍: 0 ⏩: 0
whenever, I paste the code in mine, it comes out transparent?
👍: 0 ⏩: 1
Yes it will. If you want to have a box then use content-holder box codes as explained in the tutorial.
👍: 0 ⏩: 0
Wish it would work for me! Whenever I try to put the custom box in it's cut off where the text is.
👍: 0 ⏩: 1
how are you using this code?
note me your code perhaps and I can give it a check.
👍: 0 ⏩: 1
It's okay, I don't really need it. ;w;
👍: 0 ⏩: 1
Not sure. You may try. But I doubt it.
👍: 0 ⏩: 0
Just a quick question. I'm using this code, and it's perfect, but I can't seem to add a content holder box under the columns. I can put one above them, but not below; the code just vanishes when I save it.
👍: 0 ⏩: 1
Check if you are leaving out any
👍: 0 ⏩: 1
I cope/pasted a ton of 's on the end just in case, but it still keeps happening for some reason o.o
To be honest, I've not played with code for a long time, so I've probably missed something crucial somewhere xD I'll keep fiddling and see if I can right it :3
👍: 0 ⏩: 1
Sure, let me know if you can't fix it. (But try first! 
👍: 0 ⏩: 1
OK, I fixed it! xD Oh, it's been way too long since I coded, I was so out of practice!! But all is perfect now
👍: 0 ⏩: 1
Yes, but it is too narrowly displayed.
👍: 0 ⏩: 1
For some reason when I do this, it doesn't make a box owo;
👍: 0 ⏩: 1
If you want boxes to appear then you gotta use content-holder boxes code inside it. It is explained well in the tutorial I guess.
👍: 0 ⏩: 1
Alright... well, I looked at the content holder. It had it's own title and subtitle, so.. how would I combine the collumn codes with the content holder?
👍: 0 ⏩: 1
I think I have explained that in the "Customize the column" section of the tutorial. Please go through that.
👍: 0 ⏩: 1
Oh, I'm sorry 
👍: 0 ⏩: 0
This works for me up until I start trying to add in other custom buttons. Then it separates the columns and makes them line down in a single row and they get narrow, even though I've also added in the Wide box code. :/
👍: 0 ⏩: 1
May I see the code that you are using? (you can send me via note)
👍: 0 ⏩: 1
I figured it out! For some reason when i was using the code for the Elnino Content holder, it would mess everything up and wouldn't work. But I tried another code I had been using for a content box holder <*div class="cctextarea" *> and everything worked out perfectly. My page looks like the way I wanted it to.
👍: 0 ⏩: 1
<= Prev | | Next =>