EN World Buttons (@Russ)

If we want to cut down the button bar:

1/ Nobody needs both the Subscriber Content and the Subscribe! button. Show only the one that's appropriate to each viewer.

2/ WotBS and Space Fight! don't need their logo images. Remove them, save >50 pixels.

3/ There's a Search dropdown menu already. Do we need a graphical Search button?

Cheers, -- N
 

log in or register to remove this ad


As it is, I still have to scroll to the right to read all of a post.

edit to add Only in this forum. In this forum there is a large black space between Space Fighth and Seacrh that isn't present on other forums.

Perhaps save some spce by making the buttons 2 lines as opposed to one??

Older
News

instead of Older News.
 

Awesome looking but yeah -- too doggone wide. Recommend changing the "longer" buttons to two lines of text (and of course keeping all buttons the same final height).

Edited to add: Incidentally, what font *is* that? It's bugging me that I don't know. :)
 
Last edited:

Hmmm...

My assumption was that the buttons would drop a line on narrower resolutions (or when you narrowed your browser manually) as the text did before. 4 of these are smaller than the text was previously, and the others are about the same - but that might be something to consider (allowing them to stack). In most cases, they would not stack into more than 2 rows.
 

Essentially (looking at the code) something like this might be better (this is simplified in order to show the basic structure of the table)...

<table class="tborder" width="100%" border="0" cellpadding="6" cellspacing="1">
<tr>
<td colspan="3">The world's premier fan community for Dungeons & Dragons news and more!</td>
</tr>

<tr>
<td valign="top">[OldNews] [Newsletter] [SubCon] [WotBS] [SF!]</td>
<td style="width:100px;text-align:right;" valign="top">[Search]</td>
<td style="width:100px;text-align:right;" valign="top">[Scoop]</td>
</tr>

</table>

<edit>

This would allow the buttons "Old News" -> "Space Fight!" to stack. Of course, you can keep it as is if you want - but the horizontal scrollbar is indeed a nasty little beast I avoid at all costs in my line of work, hehe

</edit>


Edited to add: Incidentally, what font *is* that? It's bugging me that I don't know. :)

It's called "300 Trojans" - you can download it for free here...

300 Trojans Font | dafont.com
 
Last edited:

Here's an example of the kind of thing I mean (I like gold, so I decorated them with gold :) ). I'm sure it's possible to knock a few pixels off the height and make them "match" the site better, but I had nothing better to do so I made a quick sketch. :) The width of this button bar is 600 px if the buttons are adjacent -- I stretched them out on a 640 px wide background.

But if the two-row thing works out, then I'm sure that'd look even better. :)
 

Attachments

  • Button Bar.jpg
    Button Bar.jpg
    38 KB · Views: 125
Last edited:

I'm not keen on two rows of buttons simply because I'm conscious of pushing page content down the screen. Especially if there's an announcement running.
 

I'm not keen on two rows of buttons simply because I'm conscious of pushing page content down the screen. Especially if there's an announcement running.

I guess another way to look at it is that while yes, stacking the buttons moves the content down a little bit, not allowing them to stack is (in many cases) hiding the entire right column ("Community Supporter Subscriptions" and "Visit Our Sponsors" boxes).

It's a trade-off for sure.

<edit>

In all honesty, I'm running at 1680 and so it's fine for me - but I understand the horizontal scrollbar frustration all too well and would avoid it at all costs. But that's just me and it's part of my work so I could be much more picky than most, hehe

</edit>
 


Remove ads

Top