HOME | DD

SimplySilent β€” Fun with Columns

#profile #profilepage #code #columns #darelated #custombox
Published: 2013-11-02 21:32:14 +0000 UTC; Views: 75751; 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

MegumiBara [2019-05-14 03:27:12 +0000 UTC]

Hi, I'm sorry, but it's not working for me.

I keep getting the default half-and-half in stead of percentages.

If you could explain how this may be happening, I would greatly appreciate it.

Thank you

πŸ‘: 0 ⏩: 0

milkyyrice [2018-10-20 03:11:44 +0000 UTC]

aaaaaaaaaand I need some help. XD Idk what i've done its a mess and Idk what i'm looking at.
Im using the 60-40 (tried 50-50 before that and had the same problem so tried 60-40 cause the code looks different) and no matter how careful I am not to accidentally loose a thing (i've re done it twice now..) the second column isn't in a second column. It just is putting '60% Text'Β  below the content of the first column? I am core atm, have I forgotten a div thing? The first column is full with button codes and a custom bg floaty box and a thumbnail image- but if you want i can forward the code to you in a screenshot over notes if that helps. Anything I should add that might fix this?

πŸ‘: 0 ⏩: 1

0-P-A-L In reply to milkyyrice [2018-11-29 20:36:21 +0000 UTC]

Perhaps the css box you're using isn't compatible with the columns. That's happened before to me. I know for sure that these three css boxes work with columns:Β  Β  Β 

πŸ‘: 0 ⏩: 1

milkyyrice In reply to 0-P-A-L [2018-11-30 09:03:55 +0000 UTC]

Thank you!! Def working better now-
Though I realize most probably use the columns INSIDE the boxes, not, on the boxes XD

I imagine there's no way to put a space between the two boxes no?Β 
Either way there is a second collum now so even if i dont use another ccs(?) box I can put images so very happy~ (it's working at least now.)

πŸ‘: 0 ⏩: 2

SineShines In reply to milkyyrice [2018-12-11 14:04:25 +0000 UTC]

I don't know if you still need it, but you can have a space between boxes if you put a transparent divider next to them -w- Just save a fully transparent image and insert it. May require some tweaking.Β 

πŸ‘: 0 ⏩: 1

milkyyrice In reply to SineShines [2018-12-11 23:05:18 +0000 UTC]

!!!! :00000000

πŸ‘: 0 ⏩: 0

0-P-A-L In reply to milkyyrice [2018-11-30 15:20:04 +0000 UTC]

Aw well I’m glad I could help!

πŸ‘: 0 ⏩: 0

cocoa-codes [2018-07-30 06:54:01 +0000 UTC]

this was so helpful thank you so much!! people with a good knowledge of code like you really inspire newbies like me. : )

πŸ‘: 0 ⏩: 0

Mini-Chibi-Reaper [2018-06-03 23:16:10 +0000 UTC]

does this work for non-core in journals too?


πŸ‘: 0 ⏩: 1

SoftMelonn In reply to Mini-Chibi-Reaper [2018-06-30 06:08:54 +0000 UTC]

It'll Work, But Maybe?

πŸ‘: 0 ⏩: 0

IdiotTwins [2018-03-03 12:10:02 +0000 UTC]

I wonder if there is a way to have a little bit of spacing between the 50-50 columns because right now there is no padding or margin in the middle

πŸ‘: 0 ⏩: 1

TaNa-Jo In reply to IdiotTwins [2019-08-02 11:14:34 +0000 UTC]

πŸ‘: 0 ⏩: 0

crueIdaddy [2018-02-17 18:03:13 +0000 UTC]

mine just stopped working, what happened?

πŸ‘: 0 ⏩: 1

SandwichProtector In reply to crueIdaddy [2018-02-27 21:38:30 +0000 UTC]

idk if you made this comment w/o core but it only works if youve got core

πŸ‘: 0 ⏩: 1

crueIdaddy In reply to SandwichProtector [2018-03-02 05:54:56 +0000 UTC]

ohh (Β 

πŸ‘: 0 ⏩: 0

MamaQuail [2018-02-04 06:30:15 +0000 UTC]

Is it possible to do 3 columns?Β 

πŸ‘: 0 ⏩: 1

SandwichProtector In reply to MamaQuail [2018-02-27 21:39:26 +0000 UTC]

pastebin.com/vAXijFRb

πŸ‘: 0 ⏩: 1

Sugary-Stardust In reply to SandwichProtector [2019-01-01 09:25:58 +0000 UTC]

BLESS YOU

πŸ‘: 0 ⏩: 0

kiitenclaws [2018-01-21 00:25:32 +0000 UTC]

hey, can someone help me with some technical issues on my group Endless-Spirits ?? it's the last custom box
and the third custom box is pushed heavily to the right side. can someone help me?

πŸ‘: 0 ⏩: 0

ColorfulHoovedNights [2018-01-16 23:16:03 +0000 UTC]

Is it possible to do 25%L & 25%R?

πŸ‘: 0 ⏩: 1

eliotecre In reply to ColorfulHoovedNights [2018-01-16 23:32:59 +0000 UTC]

you mean with a big gap inbetween both sides?
if so try this code

25% left Text
25% right Text

πŸ‘: 0 ⏩: 1

ColorfulHoovedNights In reply to eliotecre [2018-01-16 23:33:27 +0000 UTC]

Alright I'll give it a try! Thankyou!

πŸ‘: 0 ⏩: 0

Kach-22 [2017-12-16 00:40:45 +0000 UTC]

Can you do a 25-25-25-25?Β  Four way split?Β 

πŸ‘: 0 ⏩: 1

SineShines In reply to Kach-22 [2017-12-23 18:46:30 +0000 UTC]

You could use the 50% columns two times uwu

Like this:

25% Text
25% Text
25% Text
25% Text

πŸ‘: 0 ⏩: 0

eliotecre [2017-12-11 21:16:08 +0000 UTC]

does anyone know how they shown the code without it dissapearing-

πŸ‘: 0 ⏩: 0

ViviannaArts [2017-11-17 20:25:13 +0000 UTC]

I don't understand

πŸ‘: 0 ⏩: 1

SandwichProtector In reply to ViviannaArts [2018-02-27 21:40:01 +0000 UTC]

??

πŸ‘: 0 ⏩: 1

ViviannaArts In reply to SandwichProtector [2018-02-28 00:05:23 +0000 UTC]

Already gave up on it

πŸ‘: 0 ⏩: 0

GreySparkle [2017-10-17 13:57:41 +0000 UTC]

i love your tutorials but somehow i am to stupid for thatΒ 
T_T

πŸ‘: 0 ⏩: 1

0-P-A-L In reply to GreySparkle [2017-11-26 06:53:02 +0000 UTC]

???

πŸ‘: 0 ⏩: 1

GreySparkle In reply to 0-P-A-L [2017-11-26 12:30:54 +0000 UTC]

now i have core and i am absolute failier in coding...
even if someone give me a coding and it didnt fit in my profile,,, honestkly i dunno why coding hate me.

πŸ‘: 0 ⏩: 1

0-P-A-L In reply to GreySparkle [2017-11-26 19:26:05 +0000 UTC]

It's not that hard once you know what to do! I could show you a few things if you want.

πŸ‘: 0 ⏩: 1

GreySparkle In reply to 0-P-A-L [2017-11-26 20:12:48 +0000 UTC]

Ohh yes pls.Β 
I mean i bothered few ppl before but somehow it didnt worked well.Β 

Like the custom box Bg- somehow in other profiles it fits the whole space and on mine just half.Β 
I once tryed to double it so it fill up the whole width but than it was still to short and doubling it in length and with was like impossable for me to do.Β 
- luckyly i do not need that ultra long anymore.Β 

but i really want my profile to look pretty -_-

i found this journal skin and somehow i was able to change this links but somehow not all work. -_-
i wounder if there journal skins pretty like these but little bigger so that the contend is more visable.Β 
Or how i can change that Disney fond.Β 

as you see i am a lost cause.

πŸ‘: 0 ⏩: 1

0-P-A-L In reply to GreySparkle [2017-11-26 20:35:31 +0000 UTC]

For your half background problem, try this:


width="1000" height="1600"Β src="URL"/>

Body text here..


For the url, put the img url obvs, and then fidget with the width and height until your image works. Then, you put the rest of your stuff in the "body text here" part. And if the image still doesn't look like it's supposed to after you've done different widths and heights, than you probably just need to find a bigger image.


For a better journal links, try this:

the name of the link

and to make the link an image:



The only reason these wouldn't work is if you missed a few of the letters or digits in the URL, which happens often by mistake.

To make a real pretty journal skin with minimal effort, try this:

www.simplydevio.us/#!/resource…

To my knowledge, there is no way to use Disney font on Deviantart yet. I think Deviantart only uses Google Fonts. You might have to use the Disney font in a png image with a transparent background in order to make it look like text. to do that without making the image clickable, simply use this:



Hope this helps!

πŸ‘: 0 ⏩: 1

GreySparkle In reply to 0-P-A-L [2018-01-13 20:08:16 +0000 UTC]

I know it is been long but i was so frustraded with my page i couldnt try it ... but i done it today...Β 
and it worked you are such a lifesaver thanks again even if its soooo late (sorry) i saved ur replso i don`t lose where it was -_- but somehow my page still looks shitty... but thats not up to the code ..Β 
i somehow dont figure stuff easy

πŸ‘: 0 ⏩: 1

0-P-A-L In reply to GreySparkle [2018-01-13 21:26:44 +0000 UTC]

Same ;x;

Glad I could help!

πŸ‘: 0 ⏩: 1

GreySparkle In reply to 0-P-A-L [2018-01-13 21:37:51 +0000 UTC]

yehh ... your code just fixed it...Β 
^^

Β 

πŸ‘: 0 ⏩: 0

SekaiLaughs [2017-10-11 15:54:48 +0000 UTC]

I'm using this, thank you!
MaraMastrullo look here!

This works in journals even for non-core
At least the 50% one

πŸ‘: 0 ⏩: 0

qrxce [2017-09-27 16:39:11 +0000 UTC]

I think I'm having a problem, only the 50% left and 50% right one works, and all I'm doing is copy and pasting the code from the description, I've tested all f them and it's the only one that works. I don't think I'm doing anything wrong, can you help?

πŸ‘: 0 ⏩: 1

Imugiki In reply to qrxce [2017-11-24 19:18:34 +0000 UTC]

Late response, but I was passing by to get the coding again. If I remember correctly, there's two options on all of the coding. You'll have to keep either the underlined set or the bolded set, and delete the other one. But don't use both of these. You can check my profile to see that they're working fine~ Though, it is possible that only the 50% works without CORE membership.

<*div class="mods-hh split-70"><*div class="mods-column-ll">70% Text

<*div class="mods-column-rr">30% Text

<*div class="mods-hh split-70"><*div class="mods-column-rr">30% Text<*div class="mods-column-ll">70% Text

πŸ‘: 0 ⏩: 1

qrxce In reply to Imugiki [2017-11-24 19:22:24 +0000 UTC]

I should've probably said that I fixed the issue, and I know that this only works with Core. I had Core in the past but it is now unfortunately gone.
Thank you for helping me anyway.

πŸ‘: 0 ⏩: 0

CFerretRun [2017-08-08 14:37:02 +0000 UTC]

you are a freaking life saver

πŸ‘: 0 ⏩: 0

Akesis [2017-08-08 03:40:43 +0000 UTC]

Thank you! This is super helpful!

πŸ‘: 0 ⏩: 0

lalslaksks [2017-08-05 05:51:28 +0000 UTC]

can you change the numbers or does it only work with these ones?

πŸ‘: 0 ⏩: 1

LucaMeng In reply to lalslaksks [2017-08-09 19:21:49 +0000 UTC]

i tested it and it seems it only works with these

πŸ‘: 0 ⏩: 0

Emberwhale [2017-03-31 20:33:58 +0000 UTC]

aa does this work without core? ;v;'

πŸ‘: 0 ⏩: 1

SimplySilent In reply to Emberwhale [2017-04-01 03:27:11 +0000 UTC]

Unfortunately not

πŸ‘: 0 ⏩: 1

Emberwhale In reply to SimplySilent [2017-04-01 03:27:34 +0000 UTC]

Aww, that's too bad D: is there an alternative I could use?

πŸ‘: 0 ⏩: 1

Naaiers In reply to Emberwhale [2017-04-19 23:16:12 +0000 UTC]

!! kind ofΒ 
< div align="left" > and < div align="right" >

πŸ‘: 0 ⏩: 1

Emberwhale In reply to Naaiers [2017-04-19 23:27:25 +0000 UTC]

OH! thank you!! that's perfect! <3

πŸ‘: 0 ⏩: 1


| Next =>