XF 1.2 Engadget like header?

[TheBigK]

I really like the header engadget has launched with their new blog design. I believe the logo & the entire header area unnecessarily occupies a lot of area.

It'd be great if someone could post the custom CSS to have a header like engadget on xenForo.

 

[Matthew Hawley]

Well, here you guys go, a very rough draft of it , not going to provide support on this currently, I whipped this up in about 10 minutes. It's the stock style so it is more for reference than anything .

One version uses javascript to adjust the navigation when it scrolls past the moderator bar.

One version uses simply a fixed position on the nav bar + pushes the moderator bar to the bottom.

Off to bed, enjoy

I know you said no support currently, but I can't seem to find where you put display: none; on the convo and alerts tab.

And for anyone who wants to see what it looks like here is a screen. Though this my version; colors are changed.

 

[Adam Howard]

I know you said no support currently, but I can't seem to find where you put display: none; on the convo and alerts tab.

And for anyone who wants to see what it looks like here is a screen. Though this my version; colors are changed.

Love that you're trying @Matthew Hawley

You have a lot more work to finish though. The registration page for example has this odd bar going through it. But of course I understand that it is a work in progress.

 

[Adam Howard]

Keep at this though and don't give up.
http://imm.io/1kGKq

 

[Matthew Hawley]

Love that you're trying @Matthew Hawley

You have a lot more work to finish though. The registration page for example has this odd bar going through it. But of course I understand that it is a work in progress.

I fixed it by adding this to EXTRA.css.

.navTabs .navTab.selected .tabLinks { display: none; }

 

[Adam Howard]

I fixed it by adding this to EXTRA.css.

.navTabs .navTab.selected .tabLinks { display: none; }

I guess that's one way to go about it.

 

[Adam Howard]

Not exactly sure you can get away with doing this though unless you have paid for branding removal from that style

 

[Matthew Hawley]

Not exactly sure you can get away with doing this though unless you have paid for branding removal from that style

Lol....ExpertPixels didn't make that style. I did. I put that there. I joined the ExpertPixels team and Codeforu.ms is going to be a network site.

 

[Adam Howard]

Lol....ExpertPixels didn't make that style. I did. I put that there. I joined the ExpertPixels team and Codeforu.ms is going to be a network site.

OK. I was a little confused and you can understand why I thought it change that as soon as I found your site, it suddenly changed.

@ExpertPixels.com I guess should be lucky that their team of developers is growing. Congratulations on your new employment within their company.

 

[Matthew Hawley]

Well, here you guys go, a very rough draft of it , not going to provide support on this currently, I whipped this up in about 10 minutes. It's the stock style so it is more for reference than anything .

One version uses javascript to adjust the navigation when it scrolls past the moderator bar.

One version uses simply a fixed position on the nav bar + pushes the moderator bar to the bottom.

Off to bed, enjoy

Wow you have no idea how much I love this. My site feels complete now (though more work required in other areas )

 

[AndreaMarucci]

Thanks @Russ for this. I'll put it on my forum asap...

 

[Matthew Hawley]

Why does it look like the search menu is hovering over the "Useful Searches" menu?

 

[Matthew Hawley]

OK. I was a little confused and you can understand why I thought it change that as soon as I found your site, it suddenly changed.

@ExpertPixels.com I guess should be lucky that their team of developers is growing. Congratulations on your new employment within their company.

Thank you.

 

[TsinJu]

Looks nice @ avforums.

 

[Bram]

Well, here you guys go, a very rough draft of it , not going to provide support on this currently, I whipped this up in about 10 minutes. It's the stock style so it is more for reference than anything .

One version uses javascript to adjust the navigation when it scrolls past the moderator bar.

One version uses simply a fixed position on the nav bar + pushes the moderator bar to the bottom.

Off to bed, enjoy

Hey Russ, excellent file. How would I apply this on an existing non-default style?

 

[Russ]

Hey Russ, excellent file. How would I apply this on an existing non-default style?

Just click "customized components" then copy of the edits from each template I customized to yours.

 

[Bram]

Hey Russ, I did that and it worked nicely. One template though that is out of date but ill sort that out tomorrow.

Result looks very nice and i want to thank you very much for your kind and helpful posts in this thread.

Result here

 

[DEZero]

Hey guys, having a bit of an issue, wonder if anyone has found a fix for this:

 

[Steve F]

Got a link to the site you're doing this on?