HOME | DD
CypherVisor — CustomBox Columns tutorial
by-nc-nd
Published: 2014-03-22 17:46:33 +0000 UTC; Views: 98474; 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
it's cause u don't have core, this is for core/super group only, which is mentioned at the top of the desc ^
👍: 0 ⏩: 0
I'm lost... how would I make these into 2 columns?
👍: 0 ⏩: 1
only these are columns. the others are just normal boxes and I don't think this user is active anymore
👍: 0 ⏩: 0
Hi ! thanks for the code ! and it kind of works?
But one box is bigger then the other.. how do I fix it?
Code I used is in description.
👍: 0 ⏩: 1
its cause there is too much content in there.
👍: 0 ⏩: 0
you are a pure hooman for making this....thank you so much XD
👍: 0 ⏩: 0
My boxes are really small and my right column is under my left one. The second time I used it in another custom box it made my other boxes that weren't using the column code real small. Can someone help me?
👍: 0 ⏩: 0
I'm having a bit of a problem
Everytime I try to add the right column, it stays on the left. I've done the code correctly, I believe
👍: 0 ⏩: 0
heya! so i did the column thing but the two boxes are kinda... too close to each other. help?
👍: 0 ⏩: 0
I'm having bit of trouble-
I'm trying to get the boxes to be beside each other but it's not working
Is there a way to fix it?
👍: 0 ⏩: 0
hello!! i got this to work but for some reason every image i put in the left column is rly blurry?? even small pixels
i don't rly know how to fix this and make the images true to their size and high quality? if anyone could help it would be much appreciated!
👍: 0 ⏩: 0
I'm having a problem with this right now, I wated a text area, then 2 colums (text left-image right) and then another text area.
For some reason, when I put a cctextarea after the columns it overlaps with them and don't know why since I used all the right divisions...
Can anybody tell me what a big noob I am and resolve this?
👍: 0 ⏩: 1
Okay, I somewhat made it, I don't know how.
After the very first "genericbox" I added a "mods-hh split" and it magically fixed itself!
👍: 0 ⏩: 0
im having a bit of trouble with this-
I made a custom box and the first floating text box is a full one, below it i put these double boxes, but I want to put another full text box beneath it but whenever i try it turns into a side box?? if there a code to break that? I tried but all that did was close off my first block of code for the background image... I'm going to keep fiddling with it because I had it working earlier,, but any help would be appreciated!
👍: 0 ⏩: 1
never mind I (sorta) fixed it!! i had to close off a vew blocks that I didnt realise were still open and add another
and a break-
it overlaps the double boxes but if I put enough new lines between the different sections I can push it below them- It's definitely not the most ideal fix but I can't seem to figure out a better way
👍: 0 ⏩: 1
its been a while xwx but do u remember how u fixed it?
👍: 0 ⏩: 1
I closed a few things that were just hanging open like and added a break after < br> i can't remember exactlY what i did but i kinda just fiddled around with the spacing until it worked
👍: 0 ⏩: 1
ok! thank u!! whenever i try the links stop being clickable idk what else to do xwx looking for someone who could help maybe
👍: 0 ⏩: 0
Hey, ah, just out of curiosity, how would one put both columns into one box?
👍: 0 ⏩: 0
When I try it the box always turns transparent. How do I keep the white bg?
👍: 0 ⏩: 0
So I accidentally made 4 columns stacked next to each other a few days ago but didn't need it at the time and now that I need it, I can't replicate it. Would you be able to help me?
👍: 0 ⏩: 0
Hey sorry to bother you but is it possible to have one big box on the left then two stacked on top of each other on the right?
👍: 0 ⏩: 1
Yes, it is possible. I've done something similar to that before. Just mess around with the columns code and try deleting one of the columns.
👍: 0 ⏩: 1
do you have a specific code?
I've tried fiddling with it and just cant get it right ;-;
👍: 0 ⏩: 1
Ok, so I tried to make it, but I can only figure out how to have a big box on the right with 2 on the left. I can't get it to go the other way around. I'll note you the code since it won't show up here.
👍: 0 ⏩: 2
hey!can you note me that code?
👍: 0 ⏩: 0
Okay thank you!!
I'll fiddle with it tomorrow, it's late here ;-;
👍: 0 ⏩: 1
Alrighty, I need some help
Basically, it all looks how I want it to, i just would like a white box around my writing on the left,
could someone help me?
👍: 0 ⏩: 1
uhm, hey, hi!
i'm a random person that just happens to see your comment,,
in case you're still interested,
for a white box around your writing, mayhaps put a content holder like this in the left column, then put your actual content in! :"0
sorry if this was obvious and you already knew it! ;o;
👍: 0 ⏩: 1
Lol I think I did but I was just too dumb enough to realise xD
But gahhh tysm! <3
👍: 0 ⏩: 1
oh haha- ;v; i get it//
you're welcome! <''3
👍: 0 ⏩: 0
How do I get this to work??? The text wont show up in boxes like your picture shows
👍: 0 ⏩: 0
Thank you for the Codes QwQ
I'm having trouble just a bit ><
But how do you put a row of columns below the first columns?
👍: 0 ⏩: 0
aa how would you go about putting a column on one side and a picture on the other?
i'm having issues being able to display the image when the code is put in ;;
👍: 0 ⏩: 1
aaa I hate to randomly break in, I just happened to see your comment when I went to grab these codes
I can fix it for ya?
👍: 0 ⏩: 1
uh sure, how could i go about coding this?
👍: 0 ⏩: 1
Okay, first. I'm assuming you only want a picture on one column, and nothing else?
Also, if you have a content holder in your first column, be careful to make sure you close off ALL the codes, by adding enough at the end, before the next 'sealed zone,' code begins. I'm sure you know the basic code for the image url? .
👍: 0 ⏩: 1
ah no i want a picture where the left column is and the right column to stay the same
i don't really understand the codes unfortunately
👍: 0 ⏩: 1
Can you take a look at the example I've made on my page? I want to see if that was what you're going for. I can, ofc, edit it to your preferences with little difficulty. I assume you'll want a content holder (mine, right now, is transparent / without a content holder).
👍: 0 ⏩: 1
yeah that's about right, i'd like the content holder if possible
i can provide you the image if you need it?
👍: 0 ⏩: 1
Sure, I can go ahead and add it in if you like.
Which content holder would you prefer? You can link me the deviation with the codes if you would like.
👍: 0 ⏩: 1
here's the image and i guess the content holder on this tutorial is fine
👍: 0 ⏩: 1
I'm gonna have to send the codes to you in a different fashion.
<*div class="mods-column-ll"><*div class="sealed-zone">orig14.deviantart.net/e965/f/2… ">
Okay, so, make sure to remove all of the little '*' so that the codes will work! And if the image doesn't work (with the way I copied / pasted), you can just repaste the url where it is, and it should work. ;v;
👍: 0 ⏩: 1
lmao dA hates me a swear
it's not working for me :T is there something i'm doing wrong?
👍: 0 ⏩: 1
Hmm... Oh! I bet I know what the problem is.
<*div class="gr-box gr-genericbox"><*br>
Try putting that at the very end of your background code, right before the content holder codes begin.
👍: 0 ⏩: 1
fuck i think i broke it more
👍: 0 ⏩: 0
| Next =>