(TWC) three column fixed-width theme?

[Silvercat]

Anybody know of a three column fixed-width theme for TW classic? I've tried making my own, but it's buggy as heck. If I've got very many tags they flow into the next tiddler. And if I try to fix that, the second tiddler is below the sidebar. Even just a two-column fixed-width theme might help so I have something to work from.

[Silvercat]

I've been messing around with the Bleach theme. I don't know why it's not showing most of my changes, but I did figure out that my main problem isn't the columns (although I'd really like to figure out why I can't get the main Menu to move over...). It's the tags and tagging.

Is there a fix so if you have a lot of tags on a short tiddler it doesn't move the contents of the next tiddler right? Like to bump it down? Or shrinks that whole tiddler horizontally instead of affecting the contents?

If the tiddler is very short, it'

[Eric Shulman]

On Sunday, June 7, 2015 at 12:00:12 PM UTC-7, Silvercat wrote:

Is there a fix so if you have a lot of tags on a short tiddler it doesn't move the contents of the next tiddler right? Like to bump it down? Or shrinks that whole tiddler horizontally instead of affecting the contents?

I suggest making the "tags" display scrollable.

Add the following to your StyleSheet:

.tagged { max-height:10em; overflow-x:hidden; overflow-y:auto; padding-right:1em; } 

* set the max-height as desired

* the padding-right:1em leaves space so that the widest tag text isn't covered up by the scrollbar

enjoy,

-e

Eric Shulman

ELS Design Studios

TiddlyTools - "Small Tools for Big Ideas!"

InsideTiddlyWiki: The Missing Manuals

YOUR DONATIONS ARE VERY IMPORTANT!

HELP ME TO HELP YOU - MAKE A CONTRIBUTION TO MY "TIP JAR"...

   http://TiddlyTools.github.com/fundraising.html#MakeADonation

Professional TiddlyWiki Consulting Services...

Analysis, Design, and Custom Solutions:

   http://www.TiddlyTools.com/#Contact

[Silvercat]

Yeah, that might be the best solution. I have a lot of things tagged the same things with very short descriptions.

Thanks.

[Silvercat]

Okay, I managed to get Bleach to work as a three column fixed width theme at 900px wide.

At the bottom of the stylesheet add [[StyleSheetColumns]]. In a tiddler called StyleSheetColumns paste:

#mainMenu {display:block; width:170px; font-size: 1em; padding: 0 0 0 5px; position: absolute; left: 0px }

#mainMenu div.tabContents li {padding-top: 0; margin-left: 2px; text-align: left; text-indent: 7px; }

#contentWrapper{width:900px; position: relative}

#displayArea {position: relative; left: 180px; width: 540px; margin: 0 5px}

#sidebar {margin: 0}

And replace the PageTemplate with this:

<!--{{{-->

<div id='header' class='header'>

    <div id='title'>

        <span class='siteTitle' refresh='content' tiddler='SiteTitle'></span>&nbsp;

        <span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>

    </div>

</div>

<div id='mainMenu' role='navigation' refresh='content' tiddler='MainMenu'></div>

<div id='sidebar'>

  <div id='sidebarOptions' refresh='content' tiddler='SideBarOptions'></div>

  <div id='sidebarTabs' refresh='content' force='true' tiddler='SideBarTabs'></div>

</div>

<div id='displayArea'>

  <div id='messageArea'></div>

  <div id='tiddlerDisplay'></div>

  <div class='clearAll'></div>

</div>

<div id='contentFooter' refresh='content' tiddler='contentFooter'></div>

<!--}}}-->

Now to go back to messing with the tags. 

On Sunday, June 7, 2015 at 1:03:28 AM UTC-7, Silvercat wrote:

[Silvercat]

Yup, that just about fixed it. The other thing was centering the title and subtitle and adding:

.tiddler {min-height: 15em;}

to give the really little ones a bit of space.

Thank you again!

On Sunday, June 7, 2015 at 12:14:32 PM UTC-7, Eric Shulman wrote: