PDA

View Full Version : Tabs



ConfusedCartman
06-29-2009, 01:25 AM
I've added some tabs to the site (check under the top advertisement). This is a two-fold attack: one, our navbar was getting much too cluttered, so this allowed me to separate the main links from the secondary ones; two, this is part of our plan to simplify navigation when LittleBigPlanet for PSP releases. We don't want you guys to have to scroll down endlessly to find the content you want, so this allows us to add a link to the PSP section of the forums when they open to the public.

Let me know what you think. Thanks! :)

Kog
06-29-2009, 01:29 AM
They're great! I love them. Everything important is in there, if you really added anything else it wouldn't be the main ones.

:D

Morgana25
06-29-2009, 01:39 AM
Looks good and anything that keeps it clean is a great idea. Thanks!

jwwphotos
06-29-2009, 01:43 AM
Nice work!! I like that much better!

Mikal
06-29-2009, 01:48 AM
I've added some tabs to the site (check under the top advertisement). This is a two-fold attack: one, our navbar was getting much too cluttered, so this allowed me to separate the main links from the secondary ones; two, this is part of our plan to simplify navigation when LittleBigPlanet for PSP releases. We don't want you guys to have to scroll down endlessly to find the content you want, so this allows us to add a link to the PSP section of the forums when they open to the public.

Let me know what you think. Thanks! :)

Sweetness!
You should edit the IMGs so that when you are in a certain place (such as the forum tab), it shows as a "part of it" instead of behind it"
Like a Phonebook kind of way.

So, if we are in Forums, the line under the Forum Tab would be gone, making it seem as if we are already at that tab...
Catch my drift?
~Mikal

BSprague
06-29-2009, 01:54 AM
Is nobody using Google Chrome? The top is malformed now, with the bar that says Welcome, shows where you are on the website, and has the donate button being moved over so that it starts where "Quick Links" ends.

Pitcard
06-29-2009, 01:57 AM
Yep, this is what it looks like for me on Google Chrome.
http://i65.photobucket.com/albums/h230/Wiggles2000/LBP%20Central/Avatars/lbpc.jpg

Firefox is fine, although I dunno about the new beta.

BSprague
06-29-2009, 01:58 AM
Yep, this is what it looks like for me on Google Chrome.
http://i65.photobucket.com/albums/h230/Wiggles2000/LBP%20Central/Avatars/lbpc.jpg

Firefox is fine, although I dunno about the new beta.

Ok, that is what I'm seeing as well on Chrome. I hope this is sorted out fairly quickly, because even though it is a nice and functional upgrade, it is an eyesore to look at on my main browser.

Theap Pleman
06-29-2009, 02:02 AM
The new tabs are cool, but for me, the site is left justified instead of centered in the browser now...not sure why, not a big deal, but it feels kinda weird...

Silverleon
06-29-2009, 02:08 AM
I like it, altho for some reason the site is to screens wide now.
So i can scroll all the way to the right and have a screen of blank space.
Anyone else having this problem?

RangerZero
06-29-2009, 02:09 AM
The site is now aligned to left side. It's really annoying when you have a 16:9 type screen like me. Would it be possible to make it centralised again?

.

ConfusedCartman
06-29-2009, 02:22 AM
For those of you having issues, please let me know a) the specific issue you're having and b) the browser you're using.

Silverleon
06-29-2009, 02:25 AM
Issue: Pages are 2X wider than before, so now i have some usless space to the right and it is only on this site.Browser: PS3 browser

ConfusedCartman
06-29-2009, 02:36 AM
I've fixed it temporarily, though it doesn't look very good since it's raised up above the content. I'm working toward a solution, but this is the best I can do with the little time I've had to research the issue.

EDIT: It may swap back and forth between working and not working - that's because I'm actively working on fixing it. Don't post saying "It was working and now it's not!" because I'm already aware of it.

EDIT 2: Fixed! Let me know if you guys have any more problems. :)

RickRock_777
06-29-2009, 03:12 AM
A very nice modification to an already stellar site.:D

Rick

Silverleon
06-29-2009, 03:12 AM
Hey it works perfectly normal now!

Awesome job with both the Tabs and the fix. :)

Dexiro
06-29-2009, 03:15 AM
I'm using Firefox and everything is aligned to the left

I actually didn't realise until i read it was doing this for someone else too xD

ConfusedCartman
06-29-2009, 03:17 AM
I'm using Firefox and everything is aligned to the left

I actually didn't realise until i read it was doing this for someone else too xD
I'm using Firefox and I'm not having any issues, but post a screenshot so I can take a look. :)

Dexiro
06-29-2009, 03:20 AM
http://img134.imageshack.us/img134/9515/fgsdfgsdfgfg.jpg

ConfusedCartman
06-29-2009, 03:23 AM
*img*
Ah, there was a bit of rogue CSS I missed. Thanks for that! Fixed.

Dexiro
06-29-2009, 03:36 AM
yeah that's a lot better now :D

ConfusedCartman
06-29-2009, 06:20 AM
I've updated the tab images so that they look a bit cooler (added a slight bit of shadow for some depth). If you can't see it, either clear your browser cache or do a hard refresh (ctrl-F5) on any page with the tabs.

brnxblze
06-29-2009, 06:25 AM
Nice! Looks a lot better now. I don't think I will use it much other than to click User CP but at least it moved blogs and log out out of my way. I used to press log out by mistake when I would try to press things so thanks for that.

midnight_heist
06-29-2009, 06:57 AM
Much eaiser. :D

Killian
06-29-2009, 11:22 AM
As I said on MNRCentral, if the tab you were in was highlighted, it would look even better! :)

BSprague
06-29-2009, 11:29 AM
Ok great, it's very functional and aesthetically-superior to the previous version now that everything is worked out. It's a nice upgrade. :)

crazymario
06-29-2009, 01:05 PM
This is awesome! Much more user-friendly than the menu to the left. I remember when I signed up here I was confused about how to get to the forums. So this will be really helpful! :)

(thanks a lot for reminding me about mnrcentral, Killian! XD)

Lady_Luck__777
06-29-2009, 02:59 PM
I really like the tabs. Makes it easier to get around.:D

lk9988
06-29-2009, 03:03 PM
Looks fine for me. Nice work again CC.:D

ryryryan
06-29-2009, 05:40 PM
Hmm, very strange/different lol. But I can see myself easily getting used to them, and it's much nicer than having tons of links in a line.

Coxy224
06-29-2009, 06:33 PM
I didn't see much use for the at first, but I'm using them now! :D
Really nice addition as usually CC

KoRnDawwg
06-29-2009, 07:34 PM
Wow, it's all neat and looks very nice, great work ;)

ConfusedCartman
06-29-2009, 08:01 PM
As I said on MNRCentral, if the tab you were in was highlighted, it would look even better! :)
I'm looking into a way to do that, but as far as I can tell, there's no easy solution. I'll keep looking, and if I find something workable, I'll integrate it in.

Rhyfelwr
06-29-2009, 09:31 PM
I'm looking into a way to do that, but as far as I can tell, there's no easy solution. I'll keep looking, and if I find something workable, I'll integrate it in.

Really like this addition - very slick.

For this bit..











On the tabsJ css attribute for the ul li's, add another line...




ul li a: active{
background: #cccccc url(../images/differenttabimage.gif);
color: #FFFFFF;
}


I'm not sure the active css function works in all browsers but its certainly a reasonable fix.

Can't load the css file directly though so i can't tell whats there already.

Rhy

_____

EDIT

Sorry - just thought, this might not work because all the URL's are dynamic.. :(

__________

ConfusedCartman
06-29-2009, 10:07 PM
Sorry - just thought, this might not work because all the URL's are dynamic.. :(
Yeah, I ran into that solution before, but with the number of possible URLs, I couldn't possible cover them all. I'm looking for a way to determine part of the url - e.g. some sort of javascript or PHP that could look for "lbpcentral.com/forums" in the url. The problem, though, is the fact that there are other urls nested in "lbpcentral.com/forums" that are also tabs, so it wouldn't be very easy to nail down which is which.

dorien
06-29-2009, 10:19 PM
Nice addition CC

I was only thinking the other day that the nav bar was getting too cluttered :D

blacknumbers
06-29-2009, 10:22 PM
I like them a lot. They seriously do help. Thanks man!

Rhyfelwr
06-29-2009, 11:03 PM
e.g. some sort of javascript or PHP that could look for "lbpcentral.com/forums" in the url.

How about substr() to strip out the end...



$shorturl = str($url, 0, X); //X being the required length of string


Of course, you'd have to run a few if, else requests to determine which is the correct url before shortening it!

Hmmm.. not ideal...

How about just deleting everything after the question mark.

That way you can use

strpos() to find the character position of the "?" and then substr() to extract the first part before the question mark.

Not sure how you can then get that variable to be recognised by the a:active attribute though... :(

Rhy

EDIT
__________________
Think I might have cracked it... haven't gone into the fine details, but I think you can put conditional statements into the css itself..

This example looks for "forums" in the url.



a: active [href $='*forums*'] {
background: #FF0000;
color: #FFFFFF;
}


There's probably a way to add or to it like



a: active [href $='*forums*' OR href $='*home*'] {
background: #FF0000;
color: #FFFFFF;
}

robotiod
07-01-2009, 08:50 AM
its great for me on IE

Zwollie
07-01-2009, 02:14 PM
I didn't comment on this yet but this is quite awesome.
I especially love the "blogs" tab, that area deserved more attention!!

It took some getting used to at first but I like it.

GruntosUK
07-01-2009, 02:58 PM
I like it , it definetly gives easier access to the sections. But I preferred the drop menu for the User CP and the easier access to the different areas it had.

tjb0607
07-01-2009, 03:45 PM
Little bug with Lite Style:

2 sets of tabs
Looks like it would be really easy to fix.

ConfusedCartman
07-01-2009, 07:09 PM
Little bug with Lite Style:

2 sets of tabs
Looks like it would be really easy to fix.
Fixed. Thanks for letting me know. :)

Lady_Luck__777
07-05-2009, 03:00 PM
CC,
Could you add a tab to the social groups? I think more people would join them if it were easier to get to them.

ConfusedCartman
07-05-2009, 08:39 PM
CC,
Could you add a tab to the social groups? I think more people would join them if it were easier to get to them.
Absolutely. Added.

Also, I finally nailed down how to remove the Blog link from the navbar. It's been removed. :)

RickRock_777
07-05-2009, 08:53 PM
The Social Groups Tab is a nice addition CC. Thanks.

BSprague
07-05-2009, 09:10 PM
The website now looks very disfigured to me. I am on Google Chrome, and the "Arcade, Gallery, etc" section is in its own very large gray box on the right side of the screen.

Zwollie
07-05-2009, 09:13 PM
I am having that same problem, I use the Opera browser:
http://i141.photobucket.com/albums/r80/Zwollie/Naamloos.jpg

ConfusedCartman
07-05-2009, 09:41 PM
The website now looks very disfigured to me. I am on Google Chrome, and the "Arcade, Gallery, etc" section is in its own very large gray box on the right side of the screen.


I am having that same problem, I use the Opera browser:
http://i141.photobucket.com/albums/r80/Zwollie/Naamloos.jpg

It's been fixed.

Zwollie
07-05-2009, 09:46 PM
As always, thanks CC!! :)

BSprague
07-06-2009, 12:08 AM
Much better now, thank you for the quick fix. :)

Snrm
07-06-2009, 01:13 AM
they look great!

Syroc
07-06-2009, 10:47 AM
Ah, a tab to the groups. Now I won't forget that they are there. \o/
Thank you!