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

idzaf In reply to ??? [2014-11-07 04:16:31 +0000 UTC]

okay then!

πŸ‘: 0 ⏩: 1

BootiePup In reply to idzaf [2014-11-07 13:31:44 +0000 UTC]

^^

πŸ‘: 0 ⏩: 0

LittleChewrrie In reply to ??? [2014-10-19 21:43:20 +0000 UTC]

He tenido que aΓ±adir la palabra right" or "left" depending what i want or how can i use the one of 50% right D

πŸ‘: 0 ⏩: 0

vemynal In reply to ??? [2014-10-15 05:24:06 +0000 UTC]

Sorry if someone answered this already, but I didn't see it.
Whenever I add a background

[div class="popup2-moremenu">[div class="floaty-boat">[img src="url" />[/div>
using this code (obvs with actual brackets, but i can't remember the code quote code for comments on da haha)

Β in with this, the boxes disappear. Is that something stupid I'm doing or just a known glitch?

πŸ‘: 0 ⏩: 0

FatherLuna In reply to ??? [2014-10-15 03:37:39 +0000 UTC]

Using a the codes within themselves give off a really cool affect!
I made a three column by putting a 30-70 and I put the 50 50 in the 70 text.

πŸ‘: 0 ⏩: 1

miloru In reply to FatherLuna [2014-12-15 03:50:42 +0000 UTC]

Thank you c: I was trying to figure out how to do this c:

πŸ‘: 0 ⏩: 1

FatherLuna In reply to miloru [2014-12-17 03:10:27 +0000 UTC]

Let me see what you create!
(If that's okay, I love seeing peoples profiles)

πŸ‘: 0 ⏩: 1

miloru In reply to FatherLuna [2014-12-17 03:33:00 +0000 UTC]

Haha, I just used it in my ID thingish thing~
(I do the same thing :3)

πŸ‘: 0 ⏩: 1

FatherLuna In reply to miloru [2014-12-19 20:25:07 +0000 UTC]

Looks cool!

πŸ‘: 0 ⏩: 1

miloru In reply to FatherLuna [2014-12-24 05:38:39 +0000 UTC]

Thanks~!

πŸ‘: 0 ⏩: 0

riasuki In reply to ??? [2014-09-24 01:13:58 +0000 UTC]

Hello, there. Does this code also work for the images? Please help a rookie ;v;

πŸ‘: 0 ⏩: 1

SimplySilent In reply to riasuki [2014-09-25 00:16:02 +0000 UTC]

It should work for images.Β 

πŸ‘: 0 ⏩: 1

riasuki In reply to SimplySilent [2014-09-26 01:46:30 +0000 UTC]

ah okay ^^

πŸ‘: 0 ⏩: 0

CrazedTheratis In reply to ??? [2014-09-23 14:41:57 +0000 UTC]

yooo for everyone who doesn't feel like messing around with this, here's the code for the 50/50 with the white box background.

<div class="mods-column-ll"><div class="sealed-zone"><div class="cctextarea" ><div class="pp" align="center"><div align="center">LEFT_COLUMN_CONTENT</div></div><div></div></div></div></div><div class="mods-column-rr"><div class="sealed-zone"><div class="cctextarea" ><div class="pp" align="center"><div align="center">RIGHT_COLUMN_CONTENT </div></div></div></div></div></div>

πŸ‘: 0 ⏩: 3

Bliznets In reply to CrazedTheratis [2015-02-03 16:10:33 +0000 UTC]

YU SAVED MY LIFE

πŸ‘: 0 ⏩: 0

piiikacho In reply to CrazedTheratis [2015-01-10 06:50:10 +0000 UTC]

thANK YOU SO MUCH

πŸ‘: 0 ⏩: 0

BootiePup In reply to CrazedTheratis [2014-11-07 01:19:35 +0000 UTC]

Does this work with the other ones? If so how do you do those?

πŸ‘: 0 ⏩: 1

CrazedTheratis In reply to BootiePup [2014-11-07 15:13:17 +0000 UTC]

Mm, is there one you're wanting in particular?Β 
this code was just something i tweaked while messing around with these,
so it might take me a while, but i might find out how to get the other codes shoved in there !

πŸ‘: 0 ⏩: 1

BootiePup In reply to CrazedTheratis [2014-11-07 15:35:42 +0000 UTC]

I was using the 60-40 and the 65-35 I believe. But they kept stacking.

πŸ‘: 0 ⏩: 1

CrazedTheratis In reply to BootiePup [2014-11-19 19:04:17 +0000 UTC]

ookay, I am so sorry for the big disappointment, but I cannotget them to work. idfk what happened.
the code I used for the one above was COMPLETELY re-written, so it was a bit hard to even do. Although the entire thing was an accident.

i'm gonna keep your message in my inbox though, JUST incase I find something! again, sorry I couldn't do anything, ;n;

πŸ‘: 0 ⏩: 1

BootiePup In reply to CrazedTheratis [2014-11-19 19:37:02 +0000 UTC]

Actually I found out how to do it. lolΒ 


<^div class="mods-hh split-60"><^div class="mods-column-ll"><^div class="sealed-zone">LEFT_COLUMN_CONTENT

<^div class="mods-column-rr"><^div class="sealed-zone">RIGHT_COLUMN_CONTENTΒ 

You just take the ^ out of the codes

πŸ‘: 0 ⏩: 1

CrazedTheratis In reply to BootiePup [2014-11-19 21:30:34 +0000 UTC]

oh. well then, lmao.
that's awesome! i'm glad you found out how to do it, ehe ;u;

πŸ‘: 0 ⏩: 1

BootiePup In reply to CrazedTheratis [2014-11-19 22:17:51 +0000 UTC]

Thank ya.^^ It actually took me around three weeks to do it. But I am persistent. lol

πŸ‘: 0 ⏩: 0

caykie In reply to ??? [2014-09-05 02:10:04 +0000 UTC]

Hi- Is there anyway to split them up into 3 different columns?Β 

πŸ‘: 0 ⏩: 1

SimplySilent In reply to caykie [2014-09-05 18:08:16 +0000 UTC]

You might be able to use the 70-30 column code, but replace the 70 column code part with two 30 column codes.

πŸ‘: 0 ⏩: 0

Iawrence In reply to ??? [2014-08-18 03:16:21 +0000 UTC]

Hey there. I seem to be having the same problem as other commenters... The first column stacks on top of the second. I made sure there is no space inbetween and have tried editing the code some, but the problem remains. It would be great if you could help.

πŸ‘: 0 ⏩: 1

jaegershark In reply to Iawrence [2014-09-13 07:32:20 +0000 UTC]

Some custom boxes are like that, you just have to find the right box or you have to put your text in directly without using a box at all C:

πŸ‘: 0 ⏩: 0

Hamilton-Animations In reply to ??? [2014-08-11 07:34:30 +0000 UTC]

I really need help with my pageΒ wolflover1086.deviantart.com/ I want to put everything from my Deviant art ID to the left side of the custom box "Harro" if you need the coding to the current box I can give it to u.

πŸ‘: 0 ⏩: 0

magerine In reply to ??? [2014-07-30 11:31:26 +0000 UTC]

hey there... i really love your code and everything, but it somehow doesn't seem to work on my profile!
as you see, in my first custom box, there are two content holder boxes, but they're kinda... glued together?
do you know how i can fix this?

πŸ‘: 0 ⏩: 0

Waffle-Spartaaz In reply to ??? [2014-07-20 22:37:04 +0000 UTC]

May I know how to do that bold text for my Page?

πŸ‘: 0 ⏩: 1

SimplySilent In reply to Waffle-Spartaaz [2014-07-21 01:34:44 +0000 UTC]

< b>Bold Text

Remove the extra spaces.

πŸ‘: 0 ⏩: 1

Waffle-Spartaaz In reply to SimplySilent [2014-07-21 14:17:54 +0000 UTC]

Thank you ; w ;

πŸ‘: 0 ⏩: 0

UNlVERSE In reply to ??? [2014-07-15 13:02:11 +0000 UTC]

i see people complaining about the 50-50 columns
with the right side going under the first
well i have that problem when i add a text content holder
if i just have text and the background it works
then also with 60-40
i didnt try any others but i cant get those two to work
besides im looking or 50-50 for a certain page layout im going for

πŸ‘: 0 ⏩: 0

nariesu In reply to ??? [2014-07-09 18:33:40 +0000 UTC]

psst sorry to bother you but i'm having problems with the 50% text things,Β 
i tried doing it with the content holders when they can in half while rightΒ 
next to each other, but they still touch each other! i've seen a few people do it
before though. I have examples :3Β sta.sh/01hgt8pv4f5u (the bottom one
was me trying to do it lol)

πŸ‘: 0 ⏩: 1

SimplySilent In reply to nariesu [2014-07-10 03:18:22 +0000 UTC]

I believe that if you put < div class="pp"> before the < div class="ll"> and < div class="rr">, some space will be added. May have to fiddle with that one a bit.

πŸ‘: 0 ⏩: 2

tayleaf In reply to SimplySilent [2016-06-16 17:04:18 +0000 UTC]

I've been trying to figure out how to add space as well, and Havn't been able to figure it out. Some codes have space though, but it puts space on both ends of the box, so it isn't square with boxes not using columns.Β  example;
[Β Β  topΒ Β  ]
Β  [Β  ][ Β  ]

it makes the columns too narrow. Lol
coding on dA is super frustrating.

πŸ‘: 0 ⏩: 0

nariesu In reply to SimplySilent [2014-07-10 03:29:41 +0000 UTC]

ok thanks!

πŸ‘: 0 ⏩: 0

Carbon-Vanilla [2014-07-08 07:08:52 +0000 UTC]

Wow, this looks great on my profile!
I had to play with the spacing a bit, still, looks GREAT!

πŸ‘: 0 ⏩: 0

ARCADE-PUNK In reply to ??? [2014-06-25 21:52:26 +0000 UTC]

Hey! Sorry to bother you, but I've tried this with my content holder and I was wondering if the same method works for the boxes themselves. As in, how people have two separate half sized content holder boxes next to each other. I don't really have any examples on hand but I'll try to find someone!!

πŸ‘: 0 ⏩: 1

SimplySilent In reply to ARCADE-PUNK [2014-06-25 22:16:36 +0000 UTC]

I think it should work with content boxes, although I haven't tried it before.

πŸ‘: 0 ⏩: 1

ARCADE-PUNK In reply to SimplySilent [2014-06-26 01:04:55 +0000 UTC]

Okay, thanks a bunch!!

πŸ‘: 0 ⏩: 0

Eellah In reply to ??? [2014-06-24 18:49:52 +0000 UTC]

Hidden by Commenter

πŸ‘: 0 ⏩: 1

SimplySilent In reply to Eellah [2014-06-24 19:34:16 +0000 UTC]

I'm afraid that I'm not quite sure what you're asking. Are you saying that the wolf character and the four links on the right are too small?

πŸ‘: 0 ⏩: 1

Eellah In reply to SimplySilent [2014-06-24 19:36:37 +0000 UTC]

Hidden by Commenter

πŸ‘: 0 ⏩: 1

SimplySilent In reply to Eellah [2014-06-25 07:23:15 +0000 UTC]

The button size is probably being limited by the column width. You can try to use a wider column width code, or you could try floating the images (not sure if that would work better). I think the floating code is < div class="ar"> for the right and < div class="al"> for the left.

πŸ‘: 0 ⏩: 0

kojoten [2014-06-24 13:00:33 +0000 UTC]

its not working for me with the 5050 it keeps putting the second one under the first box
u can see on my page

πŸ‘: 0 ⏩: 1

SimplySilent In reply to kojoten [2014-06-24 19:39:25 +0000 UTC]

Make sure there isn't a line break or space betweenΒ <Β /div> and <Β div class="rr">

πŸ‘: 0 ⏩: 1

kojoten In reply to SimplySilent [2014-06-24 20:07:20 +0000 UTC]

there isnt

πŸ‘: 0 ⏩: 0

orribu In reply to ??? [2014-02-27 14:22:37 +0000 UTC]

You are a beautiful person-- I can't thank you enough for the share. ;A: <3

πŸ‘: 0 ⏩: 0

kiiasuki In reply to ??? [2014-02-23 04:42:01 +0000 UTC]

I did these with my page! <33

thanks! how does my page look?

πŸ‘: 0 ⏩: 1


<= Prev | | Next =>