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
Then you can send me the code once. I'll check and reply.
👍: 0 ⏩: 0
i tried it but the boxes are not side by side..
one is there and the other one is under the box
👍: 0 ⏩: 1
comments.deviantart.com/1/4420…
👍: 0 ⏩: 1
<#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="mods-column-ll"><#div class="sealed-zone"><#div class="ccexpanded"><#div class="inputs modal smbutton-curvy"><#div class="pp" align="left">custom box content link<#/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">cuatom box content link<#/div><#/div><#/div> <#/div><#/div>
As said in the description you may need to add the donation pool. If it still does not work delete what you put in the custom boxes and then add it in again. I hope this was helpful.
👍: 0 ⏩: 0
Read the tutorial thoroughly and try again?
👍: 0 ⏩: 0
Anyone know how to get a background to the two boxes
👍: 0 ⏩: 1
Just read the "Customize the columns" section of the tutorial.
👍: 0 ⏩: 1
I got it now, sorry for bothering you. c:
👍: 0 ⏩: 1
I'm sorry to bother you but how do I add a normal box underneath without it covering everything else up?
Here's a screenshot to show what I mean: sta.sh/0zfkriujeml
Thank you!
👍: 0 ⏩: 1
Before the 'normal' box insert lot of
tags and see if it pushes the box down. Use the br tags many times like below till you get the box pushed down where you need it.
...
👍: 0 ⏩: 1
Thank you! I'll give it a try. <3
👍: 0 ⏩: 1
It worked! Thank you very much. <3
👍: 0 ⏩: 1
I tired doing this and i couldnt get it to work, its very complicated. However its a very nice idea!
Thanks for sharing c:
👍: 0 ⏩: 2
<#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="mods-column-ll"><#div class="sealed-zone"><#div class="ccexpanded"><#div class="inputs modal smbutton-curvy"><#div class="pp" align="left">custom box content link<#/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">cuatom box content link<#/div><#/div><#/div> <#/div><#/div>
As said in the description you may need to add the donation pool. If it still does not work delete what you put in the custom boxes and then add it in again. I hope this was helpful.
👍: 0 ⏩: 1
Coding could be little difficult I know. But with little patience and following the tutorial thoroughly you can get this done.
May be you can try it one more time but read through the tutorial thoroughly.
👍: 0 ⏩: 1
You can change the colour of the columns? like black?
👍: 0 ⏩: 2
Yes. Use different content holder boxes (that has different colors from my gallery here: cyphervisor.deviantart.com/gal…
Also, read the "Customize the columns" section of this tutorial.
👍: 0 ⏩: 0
Hey, I'm having an issue where there's only a line of white box, but the columns will only post underneath. I installed the donation widget on my page and then took out any spaces I saw, but it doesn't make a difference. I have a test box on my page and also pasted: pastebin.com/8zV7pgFJ Is there a way to fix this?
👍: 0 ⏩: 1
Try and see this comment: comments.deviantart.com/1/4420…
👍: 0 ⏩: 1
Okay, I'll give it a look and see what I can do. Thanks for replying!
👍: 0 ⏩: 1
hello! i just wanted to know if there's a way to put one column box side-by-side a scrolling custom box widget? here's what i'm talking about: sta.sh/0vlihwbbs6g
thanks for the help! ;D
👍: 0 ⏩: 2
Well, that won't be easy. I think you would need a different code altogether.
👍: 0 ⏩: 1
Ohh that's alright. 
👍: 0 ⏩: 0
I'm not sure that'd be possible :c
👍: 0 ⏩: 1
hehe that's what i thought ;v; thanks for answering! <3
👍: 0 ⏩: 0
hello if you look at the first widgit on my page, the custom box color doesnt show up?? why?
👍: 0 ⏩: 2
<#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="mods-column-ll"><#div class="sealed-zone"><#div class="ccexpanded"><#div class="inputs modal smbutton-curvy"><#div class="pp" align="left">custom box content link<#/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">cuatom box content link<#/div><#/div><#/div> <#/div><#/div>
As said in the description you may need to add the donation pool. If it still does not work delete what you put in the custom boxes and then add it in again. I hope this was helpful.
👍: 0 ⏩: 0
Is it possible to have more than just two columns in a custom box or can there be three or four? QvQ
👍: 0 ⏩: 1
Yes there is. But I did not share all of them because this would rather create confusion and I'll get tons of comments saying, "hey this is not working", "hey that is not working"... lol
But you can find the codes here if you wish: simplysilent.deviantart.com/ar…
👍: 0 ⏩: 0
When I tried this, the boxes were incredibly narrow and couldn't hold much content. Any way to fix that?
👍: 0 ⏩: 1
Try using the CustomBox Wide Content tutorial here: cyphervisor.deviantart.com/art…
👍: 0 ⏩: 1
Oh that fixed it, thank you so much! : )
👍: 0 ⏩: 1
Any way to push a single column to the far left or far right of your custom widget?
I'm trying to use only one box.
👍: 0 ⏩: 1
Umm, you can't keep it far left or right but you can expand the size of your box though and that will help to reach little bit more on the left and right side.
Check this tut to expand your box cyphervisor.deviantart.com/art…
👍: 0 ⏩: 1
Alright thanks! Just wanted a small box to the right. Maybe I'll use the buttons as content holders tutorial.
Thanks again for replying!
👍: 0 ⏩: 1
<= Prev | | Next =>