How this layout looking?

[Tecca]

I've been working on this theme for the past couple of days, and I need some feedback on it: http://www.thatseries.com/blog/

Currently I only have the blog designed, which is still a work in progress, and the forums + wiki will be designed to match once I get back in a few months (ugh). The forum will be IPB, and the wiki will be MediaWiki.

Anyway, if anyone sees anything that doesn't look right, please tell me which browser you're using so I can fix the problem.

 

[Mr. Money]

I like it. Even though it looks plain, its easy to the eyes! 🙂

 

[hcfwesker]

No Jack Bauer in the banner 🙁

It's looking good. I'm sure it's not completed; but I really like the simplicity of it. It's gotta be tough coming up with a theme for something like this.

I'm really liking it; but does need something that doesn't make each blog post kinda mesh in with one another. So they stand apart from one another.

 

[Tecca]

Re:

I'm really liking it; but does need something that doesn't make each blog post kinda mesh in with one another. So they stand apart from one another.

That's exactly what I am about to get to right now -- thanks for pointing that out.

And yeah, it isn't completed but I'm also trying to keep it somewhat simple and clean. Turns out that most of my designs are like that; whether that's a good thing or not I'm never sure until I get feedback.

*Thinks about adding rotating banners.

 

[Comkid]

Like the template/skin 😀

 

[Tecca]

Thanks.

Also, if anyone is savvy with coding, I need a little help. What I'm trying to do is highlight the current page (using those tabs in the navigation at the top), but I can't seem to get it working.

The navigation is hard-coded so it doesn't use Wordpress' current_page_item. I've made my own CSS and everything seems right, but it doesn't seem to work. My navigation looks like this:

	<ul id="topnav">
		<li id="topnav-1"><a href="http://www.thatseries.com/blog/" title="TV Series Blog">Blog</a></li>
                <li id="topnav-2"><a href="#" title="TV Series Forums">Forums</a></li>
                <li id="topnav-3"><a href="#" title="TV Series Wiki">Wiki</a></li>
                <li id="topnav-4"><a href="http://www.thatseries.com/blog/about" title="About ThatSeries">About</a></li>
	</ul>

And the CSS to go with it:

        ul#topnav {	
        		width:424px;
        		list-style:none;
        		height:40px;
        }

        ul#topnav li {
        		display:inline;
        }

        ul#topnav li a {
        		height:40px;
        		float:left;
        		text-indent:-9999px;
        		text-decoration:none;
        }

        ul#topnav li#topnav-1 a {
        		width:106px;
        		background:url('images/nav.jpg') no-repeat 0 0;
        }

        ul#topnav  li#topnav-1 a:hover {
        		background-position:0 -40px;
        }

        ul#topnav  li#topnav-1 a.current {
        		background-position:0 -80px;
        }
        
        ul#topnav li#topnav-2 a {
        		width:106px;
        		background:url('images/nav.jpg') no-repeat -106px 0;
        }

        ul#topnav  li#topnav-2 a:hover {
        		background-position:-106px -40px;
        }

        ul#topnav  li#topnav-2 a.current {
        		background-position:-106px -80px;
        }
        
        ul#topnav li#topnav-3 a {
        		width:106px;
        		background:url('images/nav.jpg') no-repeat -212px 0;
        }

        ul#topnav  li#topnav-3 a:hover {
        		background-position:-212px -40px;
        }

        ul#topnav  li#topnav-3 a.current {
        		background-position:-212px -80px;
        }
        
        ul#topnav li#topnav-4 a {
        		width:106px;
        		background:url('images/nav.jpg') no-repeat -318px 0;
        }

        ul#topnav  li#topnav-4 a:hover {
        		background-position:-318px -40px;
        }

        ul#topnav  li#topnav-4 a.current {
        		background-position:-318px -80px;
        }

I'm essentially trying to put in some code like this:

		<li id="topnav-1 <?php if (is_page('home')) { echo "current"; }?>"><a href="http://www.thatseries.com/blog/" title="TV Series Blog">Blog</a></li>

But that doesn't seem to have any effect. I'm I going about this completely wrong?

 

[Antarctic]

IMO i think you should put a small gap between each nav icon, would look a lot better imo.

 

[Tecca]

Re:

IMO i think you should put a small gap between each nav icon, would look a lot better imo.

Thanks for the suggestion. I've spaced them out slightly and added a reflection. Does that look better?

*Note: May need to clear browser cache.

 

[Comkid]

Looks better, what about moving the nav bar into the middle

 

[Antarctic]

Yeah, that looks a lot better, and i agree with that comkid said.

 

[Jonathan]

Yeah center the nav bar.

Also, the reflection doesn't look great on the buttons. I'm not sure quite how you've done them, but I think the reflections should go.

I like the simplicity of the design, and how you can get onto the site and begin reading instantly.

 

[MiniRadi]

I agree with Mr. Money i like it

 

[nakedalien]

It sure is simple and easy on the eyes 🙂

 

[Justin]

Great Job! Everything is perfectly placed! Great job again!!!

 

[Tecca]

Thanks for the comments, everybody. =)

As for centering the Navigation: I'll see what I can do, but most likely I'll have enough tabs to stretch across the site anyway.