board page

[1]

Make options go to another page. The other page should contain all the things we removed such as "alex", "views", etc. Each link on that page can then go to another page. You can do a raw version of this and we can redesign later.

[2]

Make options and bread crumbs have a line under them. The line should always be there but it should never overlap the text. The line width will match text width. You currently have this:



But I want this:



[3]

When you hover over forum text a new underline should not be created. Instead the line that is already under the text will operate as the underline. The hover over will change both text and line color. This will only affect one column. So if I click "Announcements" it will affect "Announcements" and the line under Announcements but it will not enact hover over for "Ghost ... 1 Day Ago". The color can be f14e23.

Here is an example:



This same over effect can also be applied to options and bread crumbs.

[4]

I want the ratio between left and right column to be golden ratio. You can include the gap between two columns in column 1 for calculation. Here is example:

done

I would like the white section's width to be capped at a maximum width. I'm not sure about how to handle minimum yet. Beyond this maximum width I only want the grey area to keep widening. I want the grey area to widen equally on both sides.

The width on my mock is 1000px. For em I don't know what it is. However I do remember you making an em for the buffer on the left and right sides. 1000px is equivalent to 10x whatever em you used. Here is example of what I want:



Right now the page expands infinately wide like this:

priority 3

done

The page disappeared did stuff get erased when you did a change? I'm using this link: http://test.blasma.com/

Yes, I cleared the database again.  You can fill it in again.

The size and ratio doesn't match what I wanted.

For the size I want the white space to display at the equivalent of 1000px in browser for default 100% view. But it now displays at 674px. I don't know what 1000px em translates to.

For ratio to be right the white margin on the extreme left and extreme right (including grey line) should be equivalent to 1/10th of page width.

Even when I use "command" and "+" on keyboard and increase the page to 150% in chrome and this translates to 1010px it does not layout with 1/10th margins.

Here is page at 100% 674px:



here is page at 150% 1010px:

What is the width of the grey side margins that you see?

There is no grey margin, I'm talking about the white margin. By white margin I mean the 1pixel grey line plus white area on each side. The grey background on outside you can ignore. Here is example of area I mean:



When viewing at 100% in chrome this area is 57 pixels on each side.

I don't understand this.  We can discuss it on Sunday.

This is the new board page I would like.

Link example is where you can put whatever links you previously had on top for views, options, etc.

Board name should be name of site, for example happier abroad. Board name is also the bread crumb trail. In this the bread crumb trail doesn't show anything else because this is where it starts.

close