Guild Wars 2 Launches a New Website

[Spixel]

The site looks good. :)

[Bg Angel]

Best thing about the new site?

https://www.guildwars2.com/en-gb/fourohfour/

Foo!

Hhahah nice one.
The site looks amazing btw.

[Raww]

Best thing about the new site?

https://www.guildwars2.com/en-gb/fourohfour/

Foo!

haha thats hilarious
seems everything arenanet does looks really clean and easy on the eyes

[shawn]

These forums should take some hints from their design cues. Just sayin'. Right now we're at forum circa 2006. We should be forum circa 2012.

[Cyberman]

These forums should take some hints from their design cues. Just sayin'. Right now we're at forum circa 2006. We should be forum circa 2012.

Which means what exactly?
What are these (incgamers?) forums missing? What are they doing wrong? What could be better?

[shawn]

Really? It's like comparing a site I built with GeoCities when I was 12 to a rich html5 site. Naturally anet and guru (owned by curse) have the advantage of being able to pay professional designers - and pay them well, no doubt - but qq's site was made entirely by Axiom, and looks equally professional.

Not having a pure white background is a good start. Other than that I'm not about to go through and say this color needs to be four shades lighter and that should be a different hue.. I don't do the designs personally, I just know what is acceptable these days since my RL friends took web design classes in college.

[Silverfrost]

I have to say I prefer the old style. It was softer on the eyes with more of their painterly style integrated into the design. Still a sweet style though.

Styling stuff.

I'm always applying little fixes to sites i visit more than a few times, no exception here. I use the stylish add-on for FF and I believe Chrome has something similar. If anyone is interested, this snippet adjusts the typography, uses the old background color and changes some bits and pieces. Mostly affects single thread reading experience, since that's where I primarily lurk around.

Spoiler

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("guildwars.incgamers.com") {
html, body {background: #C3D1D2 none !important; color: #333 !important;}
#mainPage > .body_wrapper > div:first-child {display: none !important;}
.body_wrapper {box-shadow: 0 0 4px rgba(0,0,0,0.3) !important;}

/* Forum top */
.pagination span {margin-bottom: 0.5em !important;}
.pagination span a:hover {background: #AF2727 !important;}
.toolsmenu {margin: 1em 0 !important;}

/* Thread list */
.forumactionlinks {display: none !important;}

/* Single thread */
.postrow, .postcontent.preview {width: 35em !important; padding: 10px 15px !important; font: 16px/1.5 Cambria, Georgia, serif !important; overflow: visible !important;}
.bbcode_container div.bbcode_quote {font: italic 15px/1.5 Cambria, Georgia, serif !important;}

img, embed, .postbit .content img, .postbitlegacy .content img, .postbitdeleted .content img, .postbitignored .content img, .eventbit .content img {
    max-width: 100% !important; -moz-transition: all 0.5s ease-out 0.5s;
}
img:hover, embed:hover, .postbit .content img:hover, .postbitlegacy .content img:hover, .postbitdeleted .content img:hover, .postbitignored .content img:hover, .eventbit .content img:hover {
    max-width: 3000px !important; -moz-transition-delay: 0.1s;
}
.spoiler img {max-width: 3000px !important;}
blockquote {overflow: visible !important;}

.userinfo_extra, .imlinks, .postbitlegacy .after_content {opacity: 0; -moz-transition: all 0.4s ease-out 0.5s;}
.userinfo:hover .userinfo_extra, .userinfo:hover .imlinks, .postbitlegacy .after_content:hover {opacity: 1 !important;}

.anet_post {font-size: 1em !important; border-radius: 4px !important; box-shadow: 1px 1px 2px rgba(0,0,0,0.5) !important;}
.anet_post .bbcode_container {color: #333 !important;}
}

[huangjinmei]

personally feeling，the home page of Guild Wars 2 is okey，and i can’t find Official Forums.can you give me an office link？
thank you ？

[Gorani]

personally feeling，the home page of Guild Wars 2 is okey，and i can’t find Official Forums.can you give me an office link？
thank you ？

The forums have been taken down again after the stress test. Expect them to relaunch as a clean slate in three weeks at launch.

[shawn]

I'm always applying little fixes to sites i visit more than a few times, no exception here. I use the stylish add-on for FF and I believe Chrome has something similar. If anyone is interested, this snippet adjusts the typography, uses the old background color and changes some bits and pieces. Mostly affects single thread reading experience, since that's where I primarily lurk around.

Spoiler

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("guildwars.incgamers.com") {
html, body {background: #C3D1D2 none !important; color: #333 !important;}
#mainPage > .body_wrapper > div:first-child {display: none !important;}
.body_wrapper {box-shadow: 0 0 4px rgba(0,0,0,0.3) !important;}

/* Forum top */
.pagination span {margin-bottom: 0.5em !important;}
.pagination span a:hover {background: #AF2727 !important;}
.toolsmenu {margin: 1em 0 !important;}

/* Thread list */
.forumactionlinks {display: none !important;}

/* Single thread */
.postrow, .postcontent.preview {width: 35em !important; padding: 10px 15px !important; font: 16px/1.5 Cambria, Georgia, serif !important; overflow: visible !important;}
.bbcode_container div.bbcode_quote {font: italic 15px/1.5 Cambria, Georgia, serif !important;}

img, embed, .postbit .content img, .postbitlegacy .content img, .postbitdeleted .content img, .postbitignored .content img, .eventbit .content img {
    max-width: 100% !important; -moz-transition: all 0.5s ease-out 0.5s;
}
img:hover, embed:hover, .postbit .content img:hover, .postbitlegacy .content img:hover, .postbitdeleted .content img:hover, .postbitignored .content img:hover, .eventbit .content img:hover {
    max-width: 3000px !important; -moz-transition-delay: 0.1s;
}
.spoiler img {max-width: 3000px !important;}
blockquote {overflow: visible !important;}

.userinfo_extra, .imlinks, .postbitlegacy .after_content {opacity: 0; -moz-transition: all 0.4s ease-out 0.5s;}
.userinfo:hover .userinfo_extra, .userinfo:hover .imlinks, .postbitlegacy .after_content:hover {opacity: 1 !important;}

.anet_post {font-size: 1em !important; border-radius: 4px !important; box-shadow: 1px 1px 2px rgba(0,0,0,0.5) !important;}
.anet_post .bbcode_container {color: #333 !important;}
}

That didn't work with Stylish for Chrome (obviously), but I installed Firefox to check it out. It's amazing how with a few tweaks it actually cleans up quite nicely.