HOME | DD

CypherVisor — CustomBox Columns tutorial by-nc-nd

Published: 2014-03-22 17:46:33 +0000 UTC; Views: 109109; Favourites: 3765; 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:

Left Header Text
LEFT_COLUMN_CONTENT
Right Header Text
RIGHT_COLUMN_CONTENT




Columns without Header Titles:

LEFT_COLUMN_CONTENT
RIGHT_COLUMN_CONTENT





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

bountiper In reply to ??? [2016-07-16 10:55:48 +0000 UTC]

Hidden by Admin

👍: 0 ⏩: 2

Breadyy In reply to bountiper [2017-02-16 19:15:48 +0000 UTC]

How..?
Please help

👍: 0 ⏩: 1

bountiper In reply to Breadyy [2017-02-16 22:44:24 +0000 UTC]

Hidden by Admin

👍: 0 ⏩: 1

dymyrs In reply to bountiper [2017-11-27 05:45:14 +0000 UTC]

YOU.... are a literal lifesaver. Thank you so much for this code

👍: 0 ⏩: 0

Solcyon In reply to bountiper [2016-08-14 16:14:48 +0000 UTC]

how

👍: 0 ⏩: 0

SlyChibi [2016-07-07 06:29:16 +0000 UTC]

When I use this code, any links/buttons I put in the boxes don't work. Like, they're not clickable.

👍: 0 ⏩: 0

Zeven-Dust [2016-06-25 14:46:25 +0000 UTC]

is there any way to also get like... 3 or 4 rows instead of only 2 ? 
i looked on the internet but i barely could find anything D: 

👍: 0 ⏩: 0

weelf [2016-06-23 21:15:02 +0000 UTC]


is there a way to make your box have sharp corners?

👍: 0 ⏩: 1

Queen-Dreamy In reply to weelf [2016-06-24 11:03:04 +0000 UTC]

//Happened to see your comment
Well, not exactly, but here is a couple of sharp cornered boxes!

👍: 0 ⏩: 1

weelf In reply to Queen-Dreamy [2016-06-24 11:04:02 +0000 UTC]

Ah! This is exactly what I was looking for, thankyou!

👍: 0 ⏩: 1

Queen-Dreamy In reply to weelf [2016-06-24 11:04:55 +0000 UTC]

No problem, happy to help!

👍: 0 ⏩: 0

lunarascal [2016-06-05 20:03:02 +0000 UTC]

Hidden by Admin

👍: 0 ⏩: 0

fiberbyte [2016-05-31 16:18:23 +0000 UTC]

Hidden by Admin

👍: 0 ⏩: 1

qreahound In reply to fiberbyte [2016-07-01 16:10:26 +0000 UTC]

Please no chain comments

👍: 0 ⏩: 0

kiddinsdeluxe [2016-05-01 02:27:18 +0000 UTC]

Hidden by Admin

👍: 0 ⏩: 0

Kryri In reply to ??? [2016-04-25 20:31:35 +0000 UTC]

Hidden by Admin

👍: 0 ⏩: 0

minilooni In reply to ??? [2016-03-24 18:13:24 +0000 UTC]

Hidden by Admin

👍: 0 ⏩: 0

minilooni In reply to ??? [2016-03-05 02:46:11 +0000 UTC]

Hidden by Admin

👍: 0 ⏩: 1

ImagineCorgis In reply to minilooni [2016-03-06 17:14:12 +0000 UTC]

Just insert the wanted image using this code  

👍: 0 ⏩: 1

minilooni In reply to ImagineCorgis [2016-03-06 17:55:58 +0000 UTC]

Hidden by Admin

👍: 0 ⏩: 0

ShadowAphelion [2016-02-28 19:01:16 +0000 UTC]

Instead of aligning them left and right, how do I stack them so that they're on top of each other?

👍: 0 ⏩: 0

InnocentSeeker [2016-02-15 22:08:48 +0000 UTC]

Hidden by Admin

👍: 0 ⏩: 0

Leafii-0n [2016-02-04 23:24:32 +0000 UTC]

would i be able to put a picture on the right, and this on the left? if so how?

👍: 0 ⏩: 1

Official-Fallblossom In reply to Leafii-0n [2016-02-06 17:55:58 +0000 UTC]

<*img src="URL HERE" div align="right"> w/o the *

👍: 0 ⏩: 1

Leafii-0n In reply to Official-Fallblossom [2016-02-06 19:42:02 +0000 UTC]

i had tried that, but, it only either ended up at the bottom of it or it didnt show up at all

👍: 0 ⏩: 1

Official-Fallblossom In reply to Leafii-0n [2016-02-06 21:08:20 +0000 UTC]

that means the image you're using is too large. try something smaller than 300x300

👍: 0 ⏩: 1

Leafii-0n In reply to Official-Fallblossom [2016-02-06 21:10:48 +0000 UTC]

ah i see, alright!

👍: 0 ⏩: 0

playdoughcat In reply to ??? [2016-01-26 21:36:14 +0000 UTC]

does anyone knows the code with this one?  
im waiting for an quick answer!

nvm figured out!

👍: 0 ⏩: 0

Earth-Pony In reply to ??? [2016-01-24 09:48:55 +0000 UTC]

This was immensely helpful, thank you so much!

👍: 0 ⏩: 0

PiPanama In reply to ??? [2016-01-17 13:34:34 +0000 UTC]

Hidden by Admin

👍: 0 ⏩: 1

vaerhare In reply to PiPanama [2016-06-18 21:18:02 +0000 UTC]

This happens to me too, idk what to do abt it ??

👍: 0 ⏩: 0

Guro-qu In reply to ??? [2016-01-09 12:43:21 +0000 UTC]

Can someone help me ?  I want the boxes to be without a border  // want to make them look like in the second picture but I only  managed it to make them like the first pic :c *bad explaination*

👍: 0 ⏩: 1

Creepsalote78 In reply to Guro-qu [2016-01-31 01:21:43 +0000 UTC]

the code for that is the 'source code' one !!

👍: 0 ⏩: 1

Guro-qu In reply to Creepsalote78 [2016-01-31 17:14:55 +0000 UTC]

ahh thank you Q_Q 

👍: 0 ⏩: 1

Creepsalote78 In reply to Guro-qu [2016-01-31 18:34:08 +0000 UTC]

no problemo!!

👍: 0 ⏩: 0

Wolves-Rage [2016-01-03 22:54:43 +0000 UTC]

Hidden by Admin

👍: 0 ⏩: 1

Wolves-Rage In reply to Wolves-Rage [2016-01-03 23:05:32 +0000 UTC]

Hidden by Admin

👍: 0 ⏩: 0

soksusu In reply to ??? [2015-12-30 05:37:21 +0000 UTC]

i would love somebody's help,, for somereason my right column goes underneath my left column?? 

👍: 0 ⏩: 2

Livid-Aria In reply to soksusu [2016-01-19 16:46:19 +0000 UTC]

Hidden by Admin

👍: 0 ⏩: 1

soksusu In reply to Livid-Aria [2016-01-20 03:14:34 +0000 UTC]

sure thing,, i had a difficult time myself 

choose one of these bad boys here 
here: 



now you would copy and paste this text in the tutorial into your custom box, and then where it says <> you place on of these content-holder boxes code   , and then the same for the left column 

feel free to ask more questions 

👍: 0 ⏩: 1

Livid-Aria In reply to soksusu [2016-01-20 23:20:08 +0000 UTC]

Hidden by Admin

👍: 0 ⏩: 1

soksusu In reply to Livid-Aria [2016-01-21 02:38:01 +0000 UTC]

sure thing ! i recommend looking at this tutorial 


if ur having anymore troubles feel free to ask its no trouble at all 

👍: 0 ⏩: 1

Livid-Aria In reply to soksusu [2016-01-22 18:22:38 +0000 UTC]

Hidden by Admin

👍: 0 ⏩: 1

soksusu In reply to Livid-Aria [2016-01-23 07:28:57 +0000 UTC]

awesome,, no problem 

👍: 0 ⏩: 1

Livid-Aria In reply to soksusu [2016-01-24 04:17:06 +0000 UTC]

Hidden by Admin

👍: 0 ⏩: 0

KllNGS In reply to soksusu [2015-12-31 19:43:37 +0000 UTC]

Hidden by Admin

👍: 0 ⏩: 0

LeewardShore In reply to ??? [2015-12-29 20:53:43 +0000 UTC]

Is it just me or does this not work in a DeviantID?

👍: 0 ⏩: 1

saaros In reply to LeewardShore [2016-01-08 01:27:12 +0000 UTC]

no, most of the codes doesn't work in dA' ID and this code will not work if you don't have premium.

👍: 0 ⏩: 1

LeewardShore In reply to saaros [2016-01-08 10:40:24 +0000 UTC]

That's ridiculous. Most websites I know that let you make your own HTML profile allow almost all tags to all members. Oh well, DA being the profit-driven fustercluck that it is, I'm not even surprised any more.

👍: 0 ⏩: 1

saaros In reply to LeewardShore [2016-01-09 01:17:24 +0000 UTC]

yeah well, sadly that's how it works here. although, there's another way to use something similar but you need a ima to do that. you can see in my profile how i have two columns, but it's using this code  that allows you tu put the img there.

👍: 0 ⏩: 1


| Next =>