HOME | DD
CypherVisor — CustomBox Columns tutorial
by-nc-nd
Published: 2014-03-22 17:46:33 +0000 UTC; Views: 98490; 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
Hey i tried this code and its really nice! However on my page its lopsided with one of the boxes lower than the other and i dont know whats causing it :/ Is it the difference in content or is it something else? Its not a big problem its just weird : P
👍: 0 ⏩: 1
the right column code should be immediately place after the end of the left column code (like without any space) ....
👍: 0 ⏩: 1
Strange... ive checked and even re-typed the code but its still the same :/
👍: 0 ⏩: 1
In that case, you may send me the code via note and I give it a check.
👍: 0 ⏩: 1
Alright thank you for helping me out! btw how do i display codes without it acting up?
👍: 0 ⏩: 1
Np!
And if you want to display a code without disturbing it then do the following. For example your code is
This is a sample then just put <code>This is a sample
You can put anywhere in a code to stop it getting messy!
👍: 0 ⏩: 1
Ah thank you thats very helpful
👍: 0 ⏩: 1
yooo for everyone who doesn't feel like messing around with this, here's the code for this with the white box background and no header.
<div class="mods-column-ll"><div class="sealed-zone"><div class="cctextarea" ><div class="pp" align="center"><div align="center">LEFT_COLUMN_CONTENT</div></div><div></div></div></div></div><div class="mods-column-rr"><div class="sealed-zone"><div class="cctextarea" ><div class="pp" align="center"><div align="center">RIGHT_COLUMN_CONTENT </div></div></div></div></div></div>
👍: 0 ⏩: 10
oh my gosh,, I didn't expect to get so many replies, omfg
you're very welcome! I'm glad I could help!! ;u;
👍: 0 ⏩: 1
Thank you very much for watching me as well!
👍: 0 ⏩: 0
no problamo! glad I could help someone out, aha! ;u;
👍: 0 ⏩: 1
oh my gosh,, i aM?? I FEEL SO SPECIAL-
THANK
👍: 0 ⏩: 0
OH MA GAWD
thank you so much ;-;
-cry of joy-
i took years just looking for THE code!
your my hero ;-;
👍: 0 ⏩: 1
nO NO NO SHSHSHSHHSHSHHHH
SHHHH CHILD
CALM
CAAAALM
no need for tears
//paps and gives you a soda
i know that feel. i know.
you're so welcome and i'mGLADICOULDHELPYOUUUU
👍: 0 ⏩: 0
HOLLY BUTTS
THANK YOU SO VERY MUCH <3
👍: 0 ⏩: 1
ASDFGHJKJHGFDS YOU'RE SO WELCOMee
👍: 0 ⏩: 0
it didn't work for me??
it doesn't appear at all
👍: 0 ⏩: 1
oh my god this is a um.. really late reply but-
can you send me the code you're trying to use, if you still have it?
i might be able to tweak it up a bit, aha
👍: 0 ⏩: 1
oh it's fine now but ty
👍: 0 ⏩: 0
OMG, thank you! 
👍: 0 ⏩: 1
haha, no problem!! i'm glad I could help! ;u;
👍: 0 ⏩: 1
And thank chu for the watch BTW!
👍: 0 ⏩: 0
ive tried various times redoing the code and trying different ones but it still doesnt work?
👍: 0 ⏩: 1
Can you send me the code via note? I'll check and let you know.
👍: 0 ⏩: 1
ooops looks like in my sleep deprived state i missed a couple div tags its always the div tagscrys man i went and messed up my page again OTL its stacking and i double and triple checked my code and i cant figure out why its doing it.
👍: 0 ⏩: 1
Glad that you got it worked out!
👍: 0 ⏩: 0
is there any way you can get another single box under either left or right box which is already set up?
I have tried for so long to make it work, but I get no result and it's starting to make me annoyed. I have seen other people manage to do it, but i can't seem to figure it out + when i add both of them under my two x2 dual boxes, they seem to minimize for some reason? sta.sh/01qo6dofdy70
I basically want to add another box under the left box i already have
👍: 0 ⏩: 1
You are inserting the other code (the other single box code) inside the right column code that is why you are getting two boxed on the right column. You should put the left (or right) column code outside the previous codes as below:
👍: 0 ⏩: 1
omg it worked! you're a herooo <33
Thank you!
👍: 0 ⏩: 1
If you're having troubles try this:
<#div class="popup2-moremenu"><#div class="floaty-boat"><#img src="img link here" /><#/div><#div class="gr-box"><#div class="ccexpanded"><#div class="inputs modal smbutton-curvy"><#div class="pp" align="center">text<#/div><#/div><#/div>
<#div class="ccexpanded"><#div class="inputs modal smbutton-curvy"><#div class="pp" align="center">
text<#/div><#/div><#/div><#div class="mods-column-ll"><#div class="sealed-zone"><#div class="ccexpanded"><#div class="inputs modal smbutton-curvy"><#div class="pp" align="left">text<#/div><#/div><#/div><#/div><#/div><#div class="mods-column-rr"><#div class="sealed-zone"><#div class="ccexpanded"><#div class="inputs modal smbutton-curvy"><#div class="pp" align="center">text<#/div><#/div><#/div> <#/div><#/div>
Remove all the hashtags. If the coding still doesn't work delete all of this and then install the donation box and put the code in again and it should work.
👍: 0 ⏩: 1
The boxes won't even appear on my page even with the donation widget.
👍: 0 ⏩: 1
If you mean to say the boxes do not have transparent background then please read "Customize the columns" section of the tutorial.
👍: 0 ⏩: 1
I added the proper coding for that and it still didn't work.
👍: 0 ⏩: 1
<= Prev | | Next =>