Mockup xfire theme

by jnz • 1 Jul 2008, 09:22 • Journals
Wrote this all this morning @ bored, uses valid strict xhtml and divs unlike xfire, liquid width, and only 3 very small images (2 are backgrounds and 1 is xfire logo). Displays correctly in all browsers including IE6 and hand-held stuff. Colours are supposed to be easy on the eyes.

http://lightcast.cc/crossfire/
Comments
22
▼
lynch 1 Jul 2008, 10:23
i prefer this site
▼
pala 1 Jul 2008, 10:23
looks cool, ty
▼
infi_ 1 Jul 2008, 10:25
only thing i like bout your site are the colours, the layout needs more work imo
▼
PsychoShimmy 1 Jul 2008, 10:28
Its allright.
▼
diph 1 Jul 2008, 11:40
normal one is better
▼
bradur 1 Jul 2008, 12:27
Most of the comments here don't seem to get the idea. Your template could very well be redesigned when wanted. But you made some optimization to the code. So here is a review by a fellow web designer.

Pros:
#1 The code is very well optimized - would be much faster than what xf is atm.
#2 It's fluid width, so it scales when the browser size gets bigger / smaller, what our beloved crossfire.nu doesn't do yet
#3 It's code is very compatible. Most of the browsers will run it, if not all. (Crossfire 3.0 seems to have some bugs with IE.)
#4 It uses divs&css instead of tables! This makes the site become: More search-engine friendly, faster to load, and it will have a clearer source code.
#5 All this, and it even managed to stay standards compliant(xhtml 1.1 strict!)! (although you forgot to add one "alt" attribute to an image on line 22, but that's not such a big flaw at all).

Cons:
#1 Yeah, I have to admit it's not so pretty. But it can be easily skinned by a designer. It could use a few gradient x-repeat background images for the bars.
▼
unblind 1 Jul 2008, 13:23
fluid width is bad imo

if i browse that on fullscreen the body of the page is far too wide to be readable, harder to plan content layout when you dont have control over how it renders on the users side..

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque vel velit non nunc tempor dapibus. Aenean est tellus, pharetra vel, blandit sit amet, pretium vel, nisl. Duis neque. Nam vel dui gravida augue mattis adipiscing. Praesent vitae ipsum. Vestibulum faucibus porttitor erat. Maecenas ullamcorper, turpis
Parent
▼
im a tree 1 Jul 2008, 12:28
I propose a "Custom .css File:" option in the profile where you can link to alternative css files, ESReality style.
▼
senn 1 Jul 2008, 12:44
If you're using Firefox, you can just use the Stylish-plugin which let you use different css-stylesheets on any page you want.

I'm using it for last.fm (nice brown layout now).
Parent
▼
im a tree 1 Jul 2008, 12:50
I'm well aware of what Stylish does and even wrote a fair amount of scripts for it, however right now I'd only be using it for crossfire, which isn't worth bogging down firefox anymore than I have to
Parent
▼
herbal 1 Jul 2008, 12:41
hello raz how are you? seen foo around lately ?
▼
sAm. 1 Jul 2008, 12:52
looks good :)
▼
HellKn1ght 1 Jul 2008, 13:31
I really like it!
▼
Deactivated5981 1 Jul 2008, 14:05
I prefer that over the current site.
Back to top