HOME | DD
CypherVisor — CustomBox Columns tutorial
by-nc-nd
Published: 2014-03-22 17:46:33 +0000 UTC; Views: 98492; 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
comments.deviantart.com/1/4420…
👍: 0 ⏩: 0
<#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
<#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
ahh, thank you!!!
i'll try it later!!! c:
👍: 0 ⏩: 1
how I put white background inside the colums?
👍: 0 ⏩: 1
You need to use content-holder box codes in Lorem Ipsum part of your code as explained in the later part of the tutorial.
👍: 0 ⏩: 0
Mine appear stacked on top of eachother... do you know how I could fix this...
👍: 0 ⏩: 3
this should work!
<*div class="mods-column-ll">
<*div class="ccexpanded">
those are my friends
<*div class="inputs modal smbutton-curvy"><*div class="pp" align="left">those are my friends
👍: 0 ⏩: 0
May be you are giving space between two divs in your code. Just check. Remove if there's any.
👍: 0 ⏩: 0
Mine too 3':
I need help I'm a giant baby and can't into code
👍: 0 ⏩: 1
this should work!
<*div class="mods-column-ll">
<*div class="ccexpanded">
those are my friends
<*div class="inputs modal smbutton-curvy"><*div class="pp" align="left">those are my friends
👍: 0 ⏩: 2
i try that so much with the flat content holder box but whenever i try it keeps stacking wHAT AM I DOING WRONG
👍: 0 ⏩: 1
hang on i'll try it again
honestly i can't remember how i fixed it, and when i got it you could make a join.me and i would paste it for you! /v\
👍: 0 ⏩: 1
ahh well it seems to be doing something like this now:
sta.sh/0h18zb6bc4l
is there a spesific way to stop that? ; 7 ;
👍: 0 ⏩: 1
well uh.. this looks new... 0-0
never saw something like that, but i'm coding!! maybe i'll fix it
👍: 0 ⏩: 1
I figured it out since posting that comment, but thank you anyway!
👍: 0 ⏩: 1
//feels bad for asking- but i've tried everything i can
i whenever i code the boxes they work perfectly and everything- except their sides touch...
is there any way to stop this?
👍: 0 ⏩: 2
okay, that's little weird. Can you show me the code that you are using?
👍: 0 ⏩: 1
sure- would you prefer if i note you or just replied via comment with the code?
and thank you for replying
👍: 0 ⏩: 1
nope, it doesn't work TTuTT
👍: 0 ⏩: 2
Thanks a lot for this, it's great ^u^
I was just wondering though, is it possible to have other buttons and widgets underneath that are aligned in the centre of the box, and not in line with these ones?
I've managed to code these boxes alright, but anything I put underneath, like dolls and buttons, always align with the left column, no matter what I try and do 
👍: 0 ⏩: 1
Just insert your columns as you normally do and then paste your next content use the align code as given below to center it.
👍: 0 ⏩: 1
Thanks very much for the advice, I'll try it out
👍: 0 ⏩: 1
Perfect, thank you so much for this and all those other resources and tutorials!
👍: 0 ⏩: 1
Is there a way to make these white, so it matches the rest of the page?
👍: 0 ⏩: 1
Just use the white content-holder box code in the code as explained in the later part of the code to do this.
👍: 0 ⏩: 0
Hmm?
How? Did you use the semi-transparent box code?
👍: 0 ⏩: 0
sta.sh/0zmg9124ax0
For some reason it's stacking on top of each other, instead of going beside each other.
Sorry, I'm not sure exactly what I'm doing wrong in the code?
👍: 0 ⏩: 2
Sorry, for the delay reply. I couldn't find your sta.sh link. It is not working
👍: 0 ⏩: 1
That's okay! I deleted the stash file because I had gotten it to work.
👍: 0 ⏩: 1
ah i see that you fixed that, do you mind telling me how you got them side by side? ;w;
👍: 0 ⏩: 1
This is the code that I used: sta.sh/01pce7q6q7e3
👍: 0 ⏩: 4
Hay can you send me the code.but with out the titles
👍: 0 ⏩: 0
hello, if its not too much trouble could i get that code? <:
👍: 0 ⏩: 1
Here you go, I re-uploaded the screenshot with the code: sta.sh/0v7yg6a5x33
👍: 0 ⏩: 0
<= Prev | | Next =>