Say hi to the TR navbar v3.0, now with a menu

In case you haven’t already noticed, we’ve made some changes to TR’s navigation bar. After transitioning to a text-based navbar a few weeks ago, we’ve now added a menu to house some of the non-major sections on the site:

The navbar still has direct links for the most important sections and the forums, but you’ll have to mouse over the “More…” menu to access our systems, multimedia, and miscellany sections. We’ve used this new real estate to add links to our news, podcasts, blogs, archives, and about pages, too, so you’ll be able to navigate to those from anywhere on the site. Handy. Along with the navbar change, I’ve also replaced TR’s striped blue background margins with something a little darker and easier on the eyes.

Be sure to let us know if you run into any problems. As always, if your browser is rendering something completely unlike the screenshot above, you might wanna try clearing your browser’s cache or hitting CTRL-F5 first. I’ve written the whole thing in CSS, though, so even folks who have JavaScript disabled should have no trouble (well, unless they use Internet Explorer 6, since we had to use a JS-based workaround for that browser).

Comments closed
    • FireGryphon
    • 11 years ago

    This tripped me up a few times, but now I’m used to it. Really, having the big menu at the end of the list seems more aesthetically pleasing than having it in the middle somewhere.

    • stoydgen
    • 11 years ago

    Nice touch, looks very well done ๐Ÿ˜‰

    • dragmor
    • 11 years ago

    Look good, works fine, but can you please make the forums the right most option. I’ve clicked this more button more times today than I care to admit.

      • DancinJack
      • 11 years ago

      l[

        • flip-mode
        • 11 years ago

        That is odd. When I want to go to the forums, I click the forums button.

      • clone
      • 11 years ago

      it would make no sense to move the forums to the end and place the more as a 2nd option.

      you might want to get used to it or Tech Report could make the Forums button wider or move the more option farther away…… personally I think leaving it would be fine and let everyone get used to it.

        • computron9000
        • 11 years ago

        Or if you rename it from “MORE…” to “ETC” or “EXTRAS” or “MISC” and just get forums over to the right where it ought to be (hehe).

      • computron9000
      • 11 years ago

      I really liked forums on the far-right too. I keep clicking that expandable menu in its place.

    • srg86
    • 11 years ago

    Bravo on making it CSS based rather than JS based. GRC’s website has something similar and I don’t think he needed a JS workaround for IE6 (Gibson is a big advocate of for most browsing leaving JS turned off on your browser).

    ยง[<http://www.grc.com<]ยง

    • fpsduck
    • 11 years ago

    I can feel a little bit lag when mouse over on ‘More’ menu.
    I’m using FireFox 3.01

    But I think it’s because of my system.
    P4 2.40 GHz (Single core, no HT)
    and yeah, it’s on folding. :-p

      • FireGryphon
      • 11 years ago

      No lag here on FF3.0.1. Maybe there’s something else causing the lag?

        • fpsduck
        • 11 years ago

        Update : No lag on FF 3.0.1 with Core 2 Duo and not Folding.

        So I think it’s the old CPU that can’t handle many complicated tasks at once.

          • TheEmrys
          • 11 years ago

          Not folding? How do you live with yourself?

    • Usacomp2k3
    • 11 years ago

    Awesome. Thanks for all the hard work.

    • FireGryphon
    • 11 years ago

    Three cheers for the Systems link! Thanks for its return, fellas. I like the other new links in there. Very handy, indeed.

    There are two things I want to point out:

    1. The border-background that surrounds the site when the window is too big is still striped like before, except now the tiling doesn’t match up properly, so it looks sort of weird. This generally doesn’t bother me since I keep my browser at TR’s width most of the time, but since you said you worked on it, I figured I’d point it out. I get the same results after a CTRL+F5 refresh. Here’s a pic:

    ยง[<http://i189.photobucket.com/albums/z320/fireg2007/TR_bg_striped_01.jpg<]ยง 2. On some pages news posts (perhaps shorter ones), when I hit the reply button, the screen darts down to the bottom of the page and I have to scroll all the way up a few screens in order to find the reply window. This happens only when creating a new thread-reply, not when I reply to someone else's comment. Again, not much of a problem, but if you're in the mood to track down some bugs, you can try that one. I'm using the latest version of FF3. By the way, speaking about the blogs, whatever happened to Wirelesh's updates?

      • Cyril
      • 11 years ago

      q[<1. The border-background that surrounds the site when the window is too big is still striped like before, except now the tiling doesn't match up properly, so it looks sort of weird. This generally doesn't bother me since I keep my browser at TR's width most of the time, but since you said you worked on it, I figured I'd point it out. I get the same results after a CTRL+F5 refresh. Here's a pic:<]q I haven't touched the tiling at all, so that's a little surprising. What browser are you using? Can you post a lossless screenshot? The JPEG compression makes it hard to see what's going on. As for 2, that's an artifact of our aging comment system. We'll get on that eventually, we promise. ๐Ÿ™‚

        • FireGryphon
        • 11 years ago

        PNG for ‘ya: ยง[<http://i189.photobucket.com/albums/z320/fireg2007/funnytiling.png<]ยง See how there's a few vertical shmudges in what looks like what should be straight diagonal lines? Here's a pic with some arrows I Photoshopped in along the rightmost vertical shmudge: ยง[<http://i189.photobucket.com/albums/z320/fireg2007/funny_tiling_with_arrows.png<]ยง I'm using Firefox 3.0.1.

          • Cyril
          • 11 years ago

          I tried both Firefox 3.0.1 and Firefox 2.0.16 and I can’t reproduce this. Sounds like your browser might be doing some image scaling, although your text doesn’t look scaled, so I have no idea what’s going on. Can you try hitting CTRL-0 to reset the scaling? Are you getting the same symptoms in other browsers? Do you have any Firefox add-ons installed?

          For what it’s worth, the new background image is essentially the old background image with an overlay, and it doesn’t tile horizontally, so there’s no good reason for it to be doing this.

            • FireGryphon
            • 11 years ago

            I just did CTRL-0, the screen jumped, and now the background looks fine. The text doesn’t appear any larger or smaller than before, but the background looks okay. I cannot recreate the error by CTRL+scrolling the mouse wheel, either. Weird.

            In Firefox, I have the following addons: ColorfulTabs, DownloadHelper, FireFTP, Flagfox, Forecastfox, NoScript, and WOT. I recently uninstalled a few addons, like Cooliris, and a few others I can’t remember.

            Google’s Chrome Browser doesn’t give any trouble.

            Internet Explorer 7.0.5730.13 gives a similar visual anomaly. Here’s a pic: ยง[<http://i189.photobucket.com/albums/z320/fireg2007/funny_tiling_in_IE.png<]ยง That screenshot is from, obviously, the right hand side of the page header. The Flash ad is not there because I never use IE and only opened it up to test this out (I do Windows Update with IE, but that doesn't require Flash) so Flash is not installed. Anyway, the tiling looks fine in the background that surrounds the page when the browser window is too wide. It's only up there on the header in IE7 that there's a problem like that. It's a scaling issue in IE, of course, but I figured I'd point it out just the same, since it only affects the page there and seemingly nowhere else.

            • Cyril
            • 11 years ago

            Glad you got rid of the problem in Firefox.

            As for Internet Explorer 7, it always messes up images when scaling entire pages, so that’s normal. The messed-upness is just more noticeable with striped patterns like the ones we have on TR.

            • FireGryphon
            • 11 years ago

            This excersize was a good reminder to me as to why I don’t use IE. ๐Ÿ™‚

            Thanks for helping with the troubleshooting. You rock, Cyril, as always.

      • Inkling
      • 11 years ago

      Wirelesh is currently on his way to the region in which he will eventually be setting up the wireless VOIP communication system. But due to the remoteness of the area, probable weather complications, and sporadic travel and communication options, it may be several months before we get another update. Additionally, he’ll likely be spending several months just settling in, getting to know the village leaders and landowners and winning their trust on smaller projects first. So I suspect the blog will be on a prolonged hiatus. But I’ll let him know that you asked and that we’d love to get a status report as soon as there’s something to share.

      • just brew it!
      • 11 years ago

      The tiling looks fine for me. Tried it on both Windows and Linux, using the latest FF3.

    • Flying Fox
    • 11 years ago

    Celebrating the return of the System link!

    Thank you very much Cyril!

    • IntelMole
    • 11 years ago

    /[<(well, unless they use Internet Explorer 6, since we had to use a JS-based workaround for that browser).<]/ Hopefully it's a redirect to a better browser.

      • Spurenleser
      • 11 years ago

      Nice one! ๐Ÿ™‚

      • Cyril
      • 11 years ago

      q[

      • Geatian
      • 11 years ago

      They still use IE6 at work. ๐Ÿ™

        • kvndoom
        • 11 years ago

        I feel your pain. Luckily I don’t need admin privileges to install FF here at work (I’ll cry if that ever changes). Only certain intranet locations need IE to render/work properly, and that’s what IEView is for. ๐Ÿ™‚

    • jdrake
    • 11 years ago

    Oh wow….. I love it – especially the podcast button…..

    • Sargent Duck
    • 11 years ago

    Nice. Good thing you put this on the blog, I never even noticed it.

    I haven’t really tried it yet, but it looks like a huge improvement when trying to search through TR’s archive.

    Congrats!

Pin It on Pinterest

Share This