PKMN.NET Forums

General Category => Updates => Topic started by: Joeno on July 24, 2010, 13:56

Title: PKMN.NET: New layout!
Post by: Joeno on July 24, 2010, 13:56
Welcome to the new PKMN.NET layout! We figured it was time to make a few updates, and so here we are, with a total rework. Although most of the principles stay the same, our HTML has been cleaned up, junk removed, and what we've learned and know now has been applied to improve the site's layout just that bit more.

As you can see, we're back to red, which should please some. There's a number of smaller adjustments, mostly on the site. Just take a look and tell us what you think!

(HTML, CSS and code by me, images by Typhlosion)

UPDATE: The new devkit is here (http://pkmn.net/joeno/themedevkit.zip).
Title: Re: PKMN.NET: New layout!
Post by: Lugiafanatic on July 24, 2010, 14:02
Looks like it had a small hiccup..... (http://i34.servimg.com/u/f34/15/44/61/16/untitl10.jpg)

Anyway, can't wait to see it when it's working.
Title: Re: PKMN.NET: New layout!
Post by: Joeno on July 24, 2010, 14:03
.. Yes, we needed some time to update things. Everything where it should be now.
Title: Re: PKMN.NET: New layout!
Post by: Roxxy the Zangoose on July 24, 2010, 14:16
Alright, looks cool! I love Houndour, but why does it say "Because Fezes Are Cool" at the top?
Title: Re: PKMN.NET: New layout!
Post by: OMGLOLZORS on July 24, 2010, 14:17
It's from Doctor Who.
Title: Re: PKMN.NET: New layout!
Post by: The Librarian on July 24, 2010, 14:20
Ha, this is great! Love the Doctor Who reference. The only things I have a problem with is, when the contents of a page go down past the sidebar, the rest of the page continues from below the sidebar instead of keeping in line with the rest of the page contents. It doesn't happen on the forums, only on the main site.

Also, the Forums profile button in the welcome box thing on the main site doesn't take you to your forums profile. Other than that, it's looking great.
Title: Re: PKMN.NET: New layout!
Post by: Lugiafanatic on July 24, 2010, 14:22
Awesome layout Joeno!!

(Works for me now.)
Title: Re: PKMN.NET: New layout!
Post by: Ledyba on July 24, 2010, 14:25
wow.

I like it, I <i>love it</i> in fact.  its so..so.. bold! Which I <i>Love</i> really makes the place look more colorful and is quite nice in contract to some businese-like vibe a few sites give.

The slightly reduced viewing space might take sometime to get used to but, its a worthy comprimse.

excellent work gais. 
Title: Re: PKMN.NET: New layout!
Post by: Liam on July 24, 2010, 14:29
Nice work, guys! Looks very nice. =]
Title: Re: PKMN.NET: New layout!
Post by: Joeno on July 24, 2010, 14:37
The only things I have a problem with is, when the contents of a page go down past the sidebar, the rest of the page continues from below the sidebar instead of keeping in line with the rest of the page contents.

This is by design and allows use of as much of the screen when the sidebars aren't there anymore. On the right sidebar especially this tends to matter a lot.
Title: Re: PKMN.NET: New layout!
Post by: Caldoran on July 24, 2010, 14:38
Thanks for the hard work guys, will take awhile to get used to it but it does look intense.
Title: Re: PKMN.NET: New layout!
Post by: The Librarian on July 24, 2010, 14:55
This is by design and allows use of as much of the screen when the sidebars aren't there anymore. On the right sidebar especially this tends to matter a lot.

Right. I didn't expect it to widen out as I scrolled down is all. I'm sure I'll get use to it.


One thing I really do like though is everything having it's own little box. It makes things look, well, neater for want of a better word. And it's great being back to the red colour scheme.
Title: Re: PKMN.NET: New layout!
Post by: Tom™ on July 24, 2010, 15:35
I noticed another hiccup. And i have another hiccup screenshot on my iPod.

(http://i26.tinypic.com/34repkx.jpg)
Title: Re: PKMN.NET: New layout!
Post by: sylar on July 24, 2010, 15:39
wow looks gr8
my only problem is how bulky the sidebar is... tho i guess that'll be down to how familiar i am with small sidebars. i'll get used to it. n______n
Title: Re: PKMN.NET: New layout!
Post by: The Librarian on July 24, 2010, 15:50
I noticed another hiccup. And i have another hiccup screenshot on my iPod.

Just a suggestion; try a forced refresh by pressing F5. It worked for me earlier.
Title: Re: PKMN.NET: New layout!
Post by: Tom™ on July 24, 2010, 15:51
The caption contest is kinda messed up.
Title: Re: PKMN.NET: New layout!
Post by: TSOL on July 24, 2010, 16:34
This is AWESOME. It's like the layout before the previous one, which one was the one I knew and loved. Thankyou~
Title: Re: PKMN.NET: New layout!
Post by: Specstile on July 24, 2010, 17:04
Wow i love the new layout! I was it i was like D: :a
Reminds me of the older one, much better than piplup.
Roll on houndour!
Title: Re: PKMN.NET: New layout!
Post by: Afro-Disiak on July 24, 2010, 17:15
I love this new layout, the pages aren't squished, there's no random white bits above and below the forums, text size isn't abnormally huge... great work guys :)
Title: Re: PKMN.NET: New layout!
Post by: Kona on July 24, 2010, 17:30
I like it. It reminds me of the old red one. Is there any chance of changing catchphrases on every page coming back?

My only problem is while browsing the forum (not in topics) it seems a bit too small. Is there any way to make it bigger?
Title: Re: PKMN.NET: New layout!
Post by: f3raligatr on July 24, 2010, 18:02
My only problem is while browsing the forum (not in topics) it seems a bit too small. Is there any way to make it bigger?

If you've got a scroll button on your mouse, hold Control and Scroll up to increase the font size. But it doesn't look quite as nice unfortunately =[
Title: Re: PKMN.NET: New layout!
Post by: Trainer Dave on July 24, 2010, 18:17
Oooh... I do like the new layout. Seems more... spacious. The Box thing in the top right corner of the main site is awesome.

...am I the only one who might consider it a little, well, dark? Might just be my weird eyes, but heh. That's not a bad thing.

Question - is SMF skinning an option yet? Lots of blue still here on the forums. =p

Good work peoples! :)
Title: Re: PKMN.NET: New layout!
Post by: OMGLOLZORS on July 24, 2010, 18:30
The new layout is pretty darn sweet :D Do you know if customization and the ability to submit custom layouts will be available again soon?
Title: Re: PKMN.NET: New layout!
Post by: Joeno on July 24, 2010, 18:31
It will be. I'm looking at options to convert the older layouts,but there's some other site stuff that I'd hoped to launch this weekend too that I'm now working on, since nobody else is. No promises
Title: Re: PKMN.NET: New layout!
Post by: Afro-Disiak on July 24, 2010, 18:50
It's cool Joeno, keep it up! Although having the awesome Parasect skin back asap should be the no. 1 priority......
Title: Re: PKMN.NET: New layout!
Post by: Mulholland on July 24, 2010, 19:53
I do like this new layout :)

Will you guys at the top be opening up the layouts to customisation like you did previously?
Title: Re: PKMN.NET: New layout!
Post by: Sebastian Moran on July 24, 2010, 20:03
i like it. I approve of the curved edges, which sounds odd but hey. 
nice to have red back, too. it looks good with my avatar at the top of the page. 
 
so, typhlosion, scizor and golduck.. er.. who're the houndour, croconaw and porygon2? :v 
or is porygon the mascot? 
 
Title: Re: PKMN.NET: New layout!
Post by: Joeno on July 24, 2010, 20:07
As said, customization of the layout will follow when ready.

And who's the Porygon2? :( :( :(
Title: Re: PKMN.NET: New layout!
Post by: Liam on July 24, 2010, 20:13
^Porygon2 might be because it was previously Porygon but now it has been 'upgraded' along with the lay-out?

Just an idea. :P
Title: Re: PKMN.NET: New layout!
Post by: Awkward Squirtle on July 24, 2010, 20:27
Is nice! I like!

Can't wait to see it working right at home, as my Grandparent's have Internet Explorer, not the Google Chrome I prefer. The laptop itsef isn't perfect either.
Title: Re: PKMN.NET: New layout!
Post by: Webby2 on July 24, 2010, 21:16
As I said before, I'm a big fan of it. It looks very snazzy, keep up the great work =]
Title: Re: PKMN.NET: New layout!
Post by: Shaymin on July 24, 2010, 21:21
urgh DW ref :/

It looks nice - will you be updating the old skins or asking for more? because I really liked the Shaymin one.
Title: Re: PKMN.NET: New layout!
Post by: Liam on July 24, 2010, 21:35
Quote from: Shaymin
It looks nice - will you be updating the old skins or asking for more? because I really liked the Shaymin one.

Quote from: Joeno
It will be. I'm looking at options to convert the older layouts,but there's some other site stuff that I'd hoped to launch this weekend too that I'm now working on, since nobody else is. No promises

It's been answered already. =P
Title: Re: PKMN.NET: New layout!
Post by: Mushroom on July 25, 2010, 00:01
Looking very swish and professional. I like it
Title: Re: PKMN.NET: New layout!
Post by: baths on July 25, 2010, 00:07
Like what Mushroom said, it looks more professional. And it looks cleaner to me. :}
Title: Re: PKMN.NET: New layout!
Post by: Afro-Disiak on July 25, 2010, 00:17
Porygon2 is obviously me :)
Title: Re: PKMN.NET: New layout!
Post by: Lord Raven on July 25, 2010, 00:57
ah yes the good old days of poryDAN2 and MUHEDicham
Title: Re: PKMN.NET: New layout!
Post by: Mushroom on July 25, 2010, 07:50
Actually, I have one small problem with it. The boxes around the catagories, they look out of place with their harsh, straight lines.
Title: Re: PKMN.NET: New layout!
Post by: Joeno on July 25, 2010, 10:37
Which categories would those be?
Title: Re: PKMN.NET: New layout!
Post by: Liam on July 25, 2010, 10:41
I'm taking they're GAMES, ANIME, MISC, SITE and FORUMS. They all have straight edged boxes around them. =P

I don't really mind tbh, but would it be possible to try them with curved lines at the edges to see if that looks better?

If you don't have time I could printscreen and edit them on paint to show people what they would look like in different ways? Or would you prefer not?
Title: Re: PKMN.NET: New layout!
Post by: Ledyba on July 25, 2010, 12:07
Have you guys noticed this error? The content alligements seem to be messed up when it reaches a certian point:

http://i32.tinypic.com/2njj60m.png (http://i32.tinypic.com/2njj60m.png)

If its intetional it looks alright sometimes but others it looks a bit messy.

I use FireFox latest ed.
Title: Re: PKMN.NET: New layout!
Post by: Joeno on July 25, 2010, 12:16
It was intentional, but people keep mentioning it, so I've changed it and see whether it works better.
Title: Re: PKMN.NET: New layout!
Post by: Zy on July 25, 2010, 16:15
Am I the only person who wishes he had blue instead of red?
Title: Re: PKMN.NET: New layout!
Post by: Catstorm on July 25, 2010, 17:24
Another thing, occasionally the gray forum box (the one that posts like this are in) only reaches the Google sidebar, making it shorter, is there any way you can fix that? D:

EDIT: it only happens when someone makes a short enough post
Title: Re: PKMN.NET: New layout!
Post by: Shaymin on July 25, 2010, 18:21
on the buttons Site and Anime there are white spots.

just thought i'd point it out.
Title: Re: PKMN.NET: New layout!
Post by: Dragonpika on July 26, 2010, 12:16
I love it :D looks very swish indeed. Nice work, guys!
Title: Re: PKMN.NET: New layout!
Post by: Hahex and Oshawott on July 26, 2010, 12:20
Where did you find that snazzy Scizor sprite? It doesn't look like it's from any of the games (unless it's 3rd gen, maybe)
Title: Re: PKMN.NET: New layout!
Post by: Liam on July 26, 2010, 12:23
D/P Scizor frame 2.

:)
Title: Re: PKMN.NET: New layout!
Post by: Hahex and Oshawott on July 26, 2010, 12:36
Frame 2 always catches me out D:
Title: Re: PKMN.NET: New layout!
Post by: Tom™ on July 26, 2010, 15:35
Me has found an error (like this now and with the blue vers.)

(http://i32.tinypic.com/6s52j6.gif)

it's like this everywhere
Title: Re: PKMN.NET: New layout!
Post by: Joeno on July 26, 2010, 17:16
SMF sucks, basically. I'll look into it another time.
Title: Re: PKMN.NET: New layout!
Post by: Stmacl on July 28, 2010, 21:41
i like it although is it possible to put like a colour slider in the corner so we can freely change the sites colour? just an idea...
Title: Re: PKMN.NET: New layout!
Post by: Joeno on July 28, 2010, 21:54
Considering how many places use different but related colours on the site, as well as the images that'd need to be looked at, no, but new themes will be forthcoming when I can get some time to put a new devkit together (which may need to wait until a few more admins help out. Thanks to Rob and Mike for their help, but beyond that...)
Title: Re: PKMN.NET: New layout!
Post by: Pandemonium on July 29, 2010, 01:15
Nearly had a heart attack when I logged in and Houndour had taken the place of my lovely Gardevoir and Gallade theme. ;;

But this is awesome and I do look forward to the devkit being built. :3
Title: Re: PKMN.NET: New layout!
Post by: Joeno on July 30, 2010, 17:25
The theme devkit is here (http://pkmn.net/joeno/themedevkit.zip).
Title: Re: PKMN.NET: New layout!
Post by: Ledyba on August 01, 2010, 12:29
^ Yay, now to get work on some masterpecies.
Title: Re: PKMN.NET: New layout!
Post by: Tom™ on August 01, 2010, 23:08
Time to open up ze photatochop

EDIT: what font does the logo/sidebar buttons use?
Title: Re: PKMN.NET: New layout!
Post by: blake. on August 02, 2010, 08:30
do we send the themes, as per normal, to admin(at)pkmn(dot)net?
Title: Re: PKMN.NET: New layout!
Post by: Joeno on August 02, 2010, 17:40
Should work, or to me personally (my full name as mentioned on the site with nothing in between at gmail.com)
Title: Re: PKMN.NET: New layout!
Post by: nalty. on August 05, 2010, 16:14
http://img830.imageshack.us/img830/5595/screenshotqx.png

thats turned out pretty nicely.
Title: Re: PKMN.NET: New layout!
Post by: Joeno on August 07, 2010, 16:52
If you want inspiration: Older builds (http://pkmn.net/builds_old/)