HOME | DD

SimplySilent β€” Fun with Columns

#profile #profilepage #code #columns #darelated #custombox
Published: 2013-11-02 21:32:14 +0000 UTC; Views: 75755; Favourites: 3331; Downloads: 69
Redirect to original
Description

Works with plain text as well as with content holders.


Looks best with wider widgets:





70-30 Columns

70% Text
30% Text


30% Text
70% Text



65-35 Columns

65% Text
35% Text


35% Text
65% Text



60-40 Columns

60% Text
40% Text


40% Text
60% Text



50-50 Columns

50% Text
50% Text
Related content
Comments: 249

Naaiers In reply to ??? [2017-04-19 23:46:28 +0000 UTC]

np ! <3

πŸ‘: 0 ⏩: 0

Starprincess13 [2017-03-14 03:34:36 +0000 UTC]

This is so helpful and it looks so pretty! Thank you for making this!

πŸ‘: 0 ⏩: 0

fureecss In reply to ??? [2017-03-11 22:22:45 +0000 UTC]

does this work with no core?

πŸ‘: 0 ⏩: 0

guzmah In reply to ??? [2017-02-25 19:12:58 +0000 UTC]

how do i get these to work on sta.sh?

πŸ‘: 0 ⏩: 1

vaerhare In reply to guzmah [2017-03-04 16:09:18 +0000 UTC]

you click the thing that says "edit" up top, and click the thing that says "switch to HTLM" !! There you can copy paste it in!! Then you click the same place again to go back to rich editing! Β  I hope that helps!<3

πŸ‘: 0 ⏩: 1

guzmah In reply to vaerhare [2017-03-10 20:49:20 +0000 UTC]

thank u so much!!

πŸ‘: 0 ⏩: 0

GamerGirlSPYT In reply to ??? [2017-02-13 15:51:13 +0000 UTC]

How can i put this in a content-holder box?

πŸ‘: 0 ⏩: 1

espeonsky In reply to GamerGirlSPYT [2017-02-18 03:34:03 +0000 UTC]

I can help !

πŸ‘: 0 ⏩: 1

GamerGirlSPYT In reply to espeonsky [2017-02-18 08:31:24 +0000 UTC]

Really?Thanks you!What I need do?

πŸ‘: 0 ⏩: 1

espeonsky In reply to GamerGirlSPYT [2017-02-18 09:17:53 +0000 UTC]

So where it says "text here" paste in the content box code and type where you'd put the text if it were just the custom box! If that makes sense, anyway.

πŸ‘: 0 ⏩: 0

PuffCats [2017-01-20 21:38:35 +0000 UTC]

this is so great thank you!Β 

πŸ‘: 0 ⏩: 0

Coffeequake In reply to ??? [2017-01-12 22:27:38 +0000 UTC]

I'm so sorry, but I was wondering where about in the custom box code you would copy this?

πŸ‘: 0 ⏩: 1

GamerGirlSPYT In reply to Coffeequake [2017-02-15 20:26:54 +0000 UTC]

Do you finded it?I want to know help me ;aa;

πŸ‘: 0 ⏩: 0

shiibeh In reply to ??? [2017-01-08 02:29:31 +0000 UTC]

is there a way to make the 50/50 columns in separates?
so like in these -->White Content-Holder Boxes Β but side to side?

πŸ‘: 0 ⏩: 1

LittleMistaken In reply to shiibeh [2017-01-09 04:18:15 +0000 UTC]

yeah.Β 
where it says "50%text" just put the code you want for the White content holder boxes.Β 
in both 50% you need to do this and for the text, put it where it asks for text.
i hope this is what you were after.

πŸ‘: 0 ⏩: 1

shiibeh In reply to LittleMistaken [2017-01-10 03:04:24 +0000 UTC]

rip,,Β 
could you send me an example?

πŸ‘: 0 ⏩: 2

LittleMistaken In reply to shiibeh [2017-01-10 04:00:53 +0000 UTC]

here's what you can use ^^

Title for left custom box

content is here

title of right custom box

content is here





try that

πŸ‘: 0 ⏩: 1

shiibeh In reply to LittleMistaken [2017-01-13 00:06:07 +0000 UTC]

maybe put the code on pastebin??
i cant see the code.

πŸ‘: 0 ⏩: 2

LittleMistaken In reply to shiibeh [2017-01-15 03:07:57 +0000 UTC]

sorry about that, here you go

pastebin.com/N1UpjWLZ

where it says body text is where all your content goes

πŸ‘: 0 ⏩: 0

LittleMistaken In reply to shiibeh [2017-01-13 00:39:42 +0000 UTC]

Oh, right. Hold on then

πŸ‘: 0 ⏩: 0

LittleMistaken In reply to shiibeh [2017-01-10 03:54:03 +0000 UTC]

i can try, yeah. hold on

πŸ‘: 0 ⏩: 1

shiibeh In reply to LittleMistaken [2017-01-16 23:24:18 +0000 UTC]

tysm DD

πŸ‘: 0 ⏩: 1

LittleMistaken In reply to shiibeh [2017-01-17 00:15:35 +0000 UTC]

Yw ^^

πŸ‘: 0 ⏩: 0

GuardianOfInnola In reply to ??? [2016-12-16 16:02:35 +0000 UTC]

Hey, is there a way to make a break in between the columnsΒ so they are not sat right next to each other? I've tried and alsoΒ & nbsp ;

πŸ‘: 0 ⏩: 1

tosaking In reply to GuardianOfInnola [2016-12-19 22:01:13 +0000 UTC]

i believe addingΒ < div class="sealed-zone" > after the ll and rr snippets should fix this

< div class="hh">< div class="ll">< div class="sealed-zone">50% Text< /div>< /div>< div class="rr">< div class="sealed-zone">50% Text< /div>< /div>< /div>

so something like this without all the spaces, n it should work for other spacings of custom boxes. just dont forget the < /div> part as well !! hope that helps

πŸ‘: 0 ⏩: 1

GuardianOfInnola In reply to tosaking [2016-12-20 00:03:00 +0000 UTC]

Thank you for the reply, I will try it in the morning ^^

πŸ‘: 0 ⏩: 0

sheorun In reply to ??? [2016-11-20 21:57:23 +0000 UTC]

Okay, I tried this out, and I really like it!! However, I would need three columns with equal spacing (33%). Is there any way to achieve this with this code? I tried my way around a bit, however I am an utter beginner, and can't seem to get it working the way I want... If it is possible at all....
It would be really great if you could offer me an example code line, if it is possible and you would know how to do it :3 Thanks!!

πŸ‘: 0 ⏩: 1

tosaking In reply to sheorun [2016-12-21 05:43:51 +0000 UTC]

sorry this is an old comment but i think i can help !! try putting a 50 / 50 split column in a 65 / 35 split column, on the 65 side. it wont be an exact 3 way split but it should be pretty darn close n i doubt itll be very noticeable. so something like thisΒ pastebin.com/sC4PwBpw

theyre snuggled p close together but if you add < div class="sealed-zone" > and a corresponding end tag after the ll n rr snippets it should fix that. ive already put in some custom box codes to make things a bit easier, but if you need me to cut any bits out or help fix whatever just let me know !!

edit: looks like this !!Β Untitled

πŸ‘: 0 ⏩: 2

v-edsjoen In reply to tosaking [2017-01-08 10:05:29 +0000 UTC]

is there a version without the content boxes??

πŸ‘: 0 ⏩: 1

tosaking In reply to v-edsjoen [2017-01-08 10:09:31 +0000 UTC]

should look something like this !!Β pastebin.com/vAXijFRb

πŸ‘: 0 ⏩: 1

v-edsjoen In reply to tosaking [2017-01-08 10:10:12 +0000 UTC]

THANK U SO MUCH MY DUDE

πŸ‘: 0 ⏩: 1

tosaking In reply to v-edsjoen [2017-01-08 10:11:56 +0000 UTC]

no problem !!

πŸ‘: 0 ⏩: 0

sheorun In reply to tosaking [2016-12-21 20:10:17 +0000 UTC]

Thank you very much, that you took the time to actually spell it out for me! Looks perfectly fine to me, thanks again for your effort

πŸ‘: 0 ⏩: 0

Mochiroon In reply to ??? [2016-11-12 08:26:35 +0000 UTC]

Is there a way to use these codes to make more than two columns??

πŸ‘: 0 ⏩: 1

SimplySilent In reply to Mochiroon [2016-11-12 20:09:45 +0000 UTC]

You can put columns within columns.Β 

πŸ‘: 0 ⏩: 1

Mochiroon In reply to SimplySilent [2016-11-12 23:05:03 +0000 UTC]

Okay~ thanks for the help!!

πŸ‘: 0 ⏩: 0

Trombone-Trash In reply to ??? [2016-09-21 17:07:26 +0000 UTC]

THIS LEGIT SAVED MY LIFE THANK YOU SO MUCH

πŸ‘: 0 ⏩: 0

foxfanqs [2016-09-05 18:16:35 +0000 UTC]

THANK U SO MUCH OMG

πŸ‘: 0 ⏩: 0

Affyre [2016-09-02 04:47:18 +0000 UTC]

Do these codes not work in journals? I've been trying to get them to work but I haven't been able to as of yet. XD

πŸ‘: 0 ⏩: 1

lunza In reply to Affyre [2016-10-19 18:04:56 +0000 UTC]

they do, you just have to click edit and switch to html mode :0

πŸ‘: 0 ⏩: 0

LeaveTheKing In reply to ??? [2016-08-29 17:13:05 +0000 UTC]

I've been looking for this code forever :'D Thank you omg <3

πŸ‘: 0 ⏩: 0

beaglebites [2016-07-13 21:45:52 +0000 UTC]

is there any way to make the text within the collums center? i'm using the 70/30 and whenever i put the < div align= "center"> all it does is shove the 30% box under the 70%
://// is there anyway to fix that?

πŸ‘: 0 ⏩: 1

beaglebites In reply to beaglebites [2016-07-13 21:47:28 +0000 UTC]

hah just figured it out `v`;; if anyone has the same problem tho, i can helpΒ 

πŸ‘: 0 ⏩: 1

starfawns In reply to beaglebites [2016-07-31 10:41:34 +0000 UTC]

holy shit,, please help me `o`)/

πŸ‘: 0 ⏩: 1

beaglebites In reply to starfawns [2016-07-31 19:10:04 +0000 UTC]

you have to add another < /div> after your text! that keeps the columns in their spaces

πŸ‘: 0 ⏩: 0

minilooni [2016-03-24 17:55:33 +0000 UTC]

Can someone help how do you put this with custom boxes?

πŸ‘: 0 ⏩: 1

vantabIack In reply to minilooni [2016-04-02 18:57:27 +0000 UTC]

what do you mean?Β 

πŸ‘: 0 ⏩: 1

minilooni In reply to vantabIack [2016-04-02 19:17:14 +0000 UTC]

Oh nevermind!

πŸ‘: 0 ⏩: 0

Naiuou In reply to ??? [2015-09-18 14:18:40 +0000 UTC]

Omg wow thank you <3

πŸ‘: 0 ⏩: 0

KnightleyArcher In reply to ??? [2015-09-07 02:36:01 +0000 UTC]

Thanks, this really helped me with organization

πŸ‘: 0 ⏩: 0


| Next =>