Changes to Site Header: Nav, Logo & Login

[Greg Bernhardt]

As you may have noticed I've been fiddling with the header of the site. I've moved both the nav breadcrumbs and login bit to the left and right of our logo. This helps move the discussions higher up the page and saves space. I'm still tweaking things, so don't be alarmed if there are big display problems. Do alert me if there are constant problems. Different browsers and what not always display a little different. thanks!

 

[Whovian]

I was wondering what that was! Assumed it was a problem with my browser at first.

 

[Ryan_m_b]

I assumed you were a tinkerin'

 

[Greg Bernhardt]

We have one report of the header being broken. Please report here if you see any problems.

 

[I like Serena]

I have a huge empty gray space between the header and the posts. ;)

 

[Greg Bernhardt]

I have a huge empty gray space between the header and the posts. ;)

Can you screenshot it for me? and what browser/resolution?

 

[I like Serena]

Can you screenshot it for me? and what browser/resolution?

Actually, I was kidding and assuming you were tinkering with it right now.
But here it is.

Note that the rightmost text in the header is normally not overlapping, but I resized the window to limit the picture size.

I'm running Chrome 23.0 on Windows 7 in 1680x1050.

 

[Greg Bernhardt]

Actually, I was kidding and assuming you were tinkering with it right now.
But here it is.

Note that the rightmost text in the header is normally not overlapping, but I resized the window to limit the picture size.

I'm running Chrome 23.0 on Windows 7 in 1680x1050.

That's ok, you shouldn't be browsing with that small of a window size :D

 

[I like Serena]

That's ok, you shouldn't be browsing with that small of a window size :D

I like the part where you say in your OP that it saves space.
I guess that is true, but I only see that about a quarter of my window is completely unused. ;P

 

[Studiot]

Stuff is jumbled over. IE8 on Windows XP

 

[Greg Bernhardt]

Stuff is jumbled over.

Thanks, what version of IE/Windows are you using?

 

[Studiot]

Already noted.

More to the point that was with 100% zoom on a 4:3 screen.

Reducing zoom to 75% makes it more normal, but nearly unreadable for size.

Can do another screenshot, but don't want to waste storage space. I assume these images will be deleted once they are finished with for same reason.

 

[Greg Bernhardt]

hmmm I can emulate to IE7 and it's broken, but if I emulate to IE8 everything is fine.

 

[Studiot]

Is it a dot net thing?

 

[Greg Bernhardt]

Is it a dot net thing?

Is what a .Net thing?

 

[Studiot]

You said you could do IE8 OK. But on my bog standard Dell Office setup at 1024/768 resolution the headers jumble over as shown at 100% zoom.
My Microsoft gets hazy at this point but I wondered if there was something to do with dot net?

Strangely enough it offers normal presentation in this thread, but not in the general physics forums or threads there.

Justed checked and abnormal in other threads in the announcements forum either

 

[Drakkith]

*Bursts into the room*
GUYS! Someone is messing with PF! Oh wait it's Greg...
GUYS! Greg is messing with PF!

 

[lisab]

*Bursts into the room*
GUYS! Someone is messing with PF! Oh wait it's Greg...
GUYS! Greg is messing with PF!

Yeah it's kind of...disorienting!

But change is good. Generally. Except when it isn't. But *this* change - it's good!

 

[AlephZero]

You said you could do IE8 OK. But on my bog standard Dell Office setup at 1024/768 resolution the headers jumble over as shown at 100% zoom.

Greg said "emulate" IP8 OK, not "do". Maybe there's a bug in the emulator that makes it better than the original.

Joking apart: I get the same as Stdiot with the same system specs (IE8, Win XP SP3 + all MS security patches installed, 1024x768 display) but different physical hardware - so it's not a Dell-specific problem.

 

[Greg Bernhardt]

Greg said "emulate" IP8 OK, not "do". Maybe there's a bug in the emulator that makes it better than the original.

Joking apart: I get the same as Stdiot with the same system specs (IE8, Win XP SP3 + all MS security patches installed, 1024x768 display) but different physical hardware - so it's not a Dell-specific problem.

Yeah because of differences in OS and updates, I can't truly emulate what your environment is. Keep the updates coming.

 

[Greg Bernhardt]

I've put the breadcrumbs back under the nav. For many threads it was just too big to fit in that space. Hopefully that helps those who were having troubles.

 

[drizzle]

And I was thinking I need to get some sleep. :p

If you would lift the quick links up a bit it'll be perfect--they're positioned on the separation line, I assume they should be in the light gray space, if so, don't bother this post.

Edit: It's because of the zooming.. That's weird, I remember changing the focus sometimes without this change in positions and overlaping.

 

[berkeman]

At home with Vista SP2 and IE9, my laptop has no problems right now. That matches my work PC that had issues earlier. Did you fix it?

 

[Greg Bernhardt]

At home with Vista SP2 and IE9, my laptop has no problems right now. That matches my work PC that had issues earlier. Did you fix it?

I don't know, you tell me :) I put the breadcrumb nav back where it was. I think that was the problem.

 

[berkeman]

Good from home; will check from work in the morning. Thanks Greg.

 

[Evo]

On the homepage, the "stay connected' box is at the top, can you move that to the bottom and move the Scientific American links back to the top? It makes more sense as I would want to view the article links daily, but not options.

 

[Greg Bernhardt]

On the homepage, the "stay connected' box is at the top, can you move that to the bottom and move the Scientific American links back to the top? It makes more sense as I would want to view the article links daily, but not options.

So you read the articles? I moved it to help boost social media numbers. I could move active users down?

 

[Evo]

So you read the articles? I moved it to help boost social media numbers. I could move active users down?

Lol, yes, I sometimes read the articles. Nah, if you're trying to drive traffic, leave it. I can find the articles.

 

[Studiot]

PF now look normal again.



Thanks.

 

[cepheid]

Hello Greg,

I find that if the window width is made too narrow, the login info appears superimposed on the site logo, as shown in the attached screenshot. This is in Chromium Version 20.0.1132.47 on Ubuntu 12.04. I'm not sure if there is any way around this problem though.

 

[Jimmy]

I find that if the window width is made too narrow, the login info appears superimposed on the site logo, as shown in the attached screenshot. This is in Chromium Version 20.0.1132.47 on Ubuntu 12.04. I'm not sure if there is any way around this problem though.

Positioning the logo on the left side would help. I did that myself with a user stylesheet.

edit:
If you can find the custom.css file for chromium, try placing the following CSS in it:

div[style="float:right; width:54%;"] { float: left !important; }

/home/username/.config/chromium/Default/User StyleSheets/Custom.css

 

[Greg Bernhardt]

Hello Greg,

I find that if the window width is made too narrow, the login info appears superimposed on the site logo, as shown in the attached screenshot. This is in Chromium Version 20.0.1132.47 on Ubuntu 12.04. I'm not sure if there is any way around this problem though.

Don't view on a tiny screen :D

 

[Monique]

I don't get it, it just looks messy.

 

[Crake2]

On the homepage, the "stay connected' box is at the top, can you move that to the bottom and move the Scientific American links back to the top? It makes more sense as I would want to view the article links daily, but not options.

THIS! Also, when one minimizes one of those boxes, shouldn't it stay minimized when refreshed? Well, it doesn't. (I already created a topic about that, but no answers so far)

 

[Evo]

THIS! Also, when one minimizes one of those boxes, shouldn't it stay minimized when refreshed? Well, it doesn't. (I already created a topic about that, but no answers so far)

Yeah, I noticed that too.

 

[WannabeNewton]

For some reason everything looks bigger...is this normal?

 

[Crake2]

For some reason everything looks bigger...is this normal?

Yes, it grows as you age.

EDIT: I agree with him tho, it does look bigger.

 

[dlgoff]

I thought I'd share a Windows 7, Firefox 17 screen shot of the home page. Are the ads shown from a list?

 

[Greg Bernhardt]

I thought I'd share a Windows 7, Firefox 17 screen shot of the home page. Are the ads shown from a list?

Just part of the Google Adsense program

 

[tahayassen]

The text looks bigger. I like it. :)

My Microsoft gets hazy at this point but I wondered if there was something to do with dot net?

That's incredibly cute.

 

[Monique]

Could at least the "welcome text" and "stay connected box" be lined out to match the rest of the page layout? Now they're at different heights and that looks messy.

 

[drizzle]

For some reason everything looks bigger...is this normal?

Yes, it grows as you age.

EDIT: I agree with him tho, it does look bigger.

What the.. Are we even looking at the same page?

The text seems smaller over here.

... Well, now that I'm used to it, it looks the same--unless there has been some change done... BUT I remember it looked smaller yesterday..
Sigh, nevermind.

 

[Greg Bernhardt]

Could at least the "welcome text" and "stay connected box" be lined out to match the rest of the page layout? Now they're at different heights and that looks messy.

The sidebar has always been misaligned lol :)

 

[mishrashubham]

It's looks a bit weird. Everything seems very tight. I would like some space between the forum tree (the one that says "PF>Lounge>FFA...) and whatever's below that.

Don't view on a tiny screen :D

Some of us use tiling window managers. :D

 

[Monique]

The sidebar has always been misaligned lol :)

That's an excuse to misalign other content as well?

Could you have a look at my screenshot? I wonder why my logo looks so ugly, also a pre-existing condition that I've tried to suppress.. but since we're now discussing the header..

 

[Greg Bernhardt]

That's an excuse to misalign other content as well?

Could you have a look at my screenshot? I wonder why my logo looks so ugly, also a pre-existing condition that I've tried to suppress.. but since we're now discussing the header..

I see the sidebar being about 5-6px too high. Is that what you are referring to?

Your images are definitely screwy. Looks like the color palette is reduced as the gradients aren't coming through. What browser are you using?

 

[Monique]

I see the sidebar being about 5-6px too high. Is that what you are referring to?

Currently when you look at the homepage the right column starting from "Welcome, " is too high. Not sure how many pixels, but if you're planning to keep it like this it shouldn't be too difficult to adjust it? All the screenshots that were posted have this deviation.

Your images are definitely screwy. Looks like color palette is reduced as the gradients aren't coming through. What browser are you using?

I use Safari, but it's the same in Firefox. I have a virtual machine with Windows and also there in IE the image looks messed up. I have OSX version 10.6.8 and checked the display color profile, but that doesn't help.

I've not encountered problems on any other website, I thought everyone was seeing the logo like that until I saw the screenshots of others

 

[mishrashubham]

Ok something's wrong here. I just logged in but the header says I'm not logged in, but I can still browse mine (and others) profiles as if I were logged in. The green dot near my name show that I'm online, but the header says I'm not.

Ubuntu Studio 12.04, Firefox

 

[Greg Bernhardt]

Ok something's wrong here. I just logged in but the header says I'm not logged in, but I can still browse mine (and others) profiles as if I were logged in. The green dot near my name show that I'm online, but the header says I'm not.

Guests can view profile pages. All I can say is try clearing your cache and cookies. Restart the browser make sure "remember me" is checked. Let's see what happens.

 

[mishrashubham]

Guests can view profile pages. All I can say is try clearing your cache and cookies. Restart the browser make sure "remember me" is checked. Let's see what happens.

Haha ok I logged out and logged back in after restarting the browser and it isn't happening anymore. But I guess I ruined this page after putting up that screenshot XD.