New Front Page Icons

[Brown Jenkin]

I think part of the problems I am having with the icons is that there is no consistant location for the text. My eye is forced to look over each image trying to find the text instead of just knowing where to jump to in order to figure out what each icon is.

 

[Lord Sessadore]

Add me to the "awesome icons, not so awesome highlighting" column.

Also, the formatting of the nav bar at the top of the Wiki pages is messed up now. The bar with username, account, etc... is right through the middle of the general ENWorld nav bar (the one with the fancy new icons). Also, the tabs (discussion, edit, etc...) are a ways above the page, so they don't really look like tabs anymore. I have a feeling this is probably due to reformatting the nav bar to use the new icons.

 

[billd91]

Perhaps time to upgrade, if only to keep out of trouble from your systems guys?

(The latest version is 3.0.6, and version 2 doesn't get security updates any longer. Hint hint nudge nudge)

Ah, thanks. The links now work with graphics not downloading. Much better.

 

[gill_smoke]

new icons

I have to echo the great job on the icons.

As a user of the working white background I too find the flash of red on mouseover distracting. Maybe you could do lineart icons to full color icons on mouseover. Just saying, it's subtle with a flash. the other way around would work to give the visual cue too.

Hey why is the edit box Black when the rest of the site is white?

 

[Morrus]

I can't work out how to do it with just borders around the cells on mouseover, so I tried changing the colour to one a little lighter. Is the orange any better?

 

[Intrope]

I can't work out how to do it with just borders around the cells on mouseover, so I tried changing the colour to one a little lighter. Is the orange any better?

I find the orange a good bit better, thanks.

 

[Nonlethal Force]

I also like the new icons. I didn't care for the red, but like the orange much better. But I also really liked the old menu bar. The words in the icons are too hard to read. But I like them larger and below the menu bar on the front page!

 

[Thanee]

I can't work out how to do it with just borders around the cells on mouseover, so I tried changing the colour to one a little lighter. Is the orange any better?

You could just swap the icons out for other icons (i.e. the same icons with pretty borders ) using the onmouseover/-out event-handlers and "getElementById('<ID>').src='<IMG-URL>'" or in that simple case even "this.src='<IMG-URL>'".

Bye
Thanee

 

[Morrus]

You could just swap the icons out for other icons (i.e. the same icons with pretty borders ) using the onmouseover/-out event-handlers and "getElementById('<ID>').src='<IMG-URL>'" or in that simple case even "this.src='<IMG-URL>'".

OK, you just cause a slap-my-own-forehead moment. Yeah, the border doesn't have to be the cell border, it can just as easily be part of the image. Why that didn't occur to me (and why I spent hours trying to figure out how to do it with the cell properties) is beyond me.

Sometimes I just can't see the wood for the trees.

 

[Sammael]

I have a couple of suggestions for the front page:

(1) The horizontal navigation bar is not needed, clutters the page too much, and forces the main navigation down.

(2) Pick a position for icon text and stick to it. Different text positions on different icons are not user-friendly (users generally expect the same type of information to be on the same position, not scattered).

(3) If possible, to make your own job easier, you should create the icons without text and then add the actual text into the webpage itself. It makes maintenance much easier.

(4) I would personally get rid of the descriptions below each category. All categories are self-explanatory, except for "Gamers" (which can be renamed "Seeking Gamers"). Descriptions can be displayed as tool tips (or you can make a side bar on the right side which would display the descriptions onMouseOver).

(5) onMouseOver background color does not provide enough contrast with the white text. If you get rid of the text, it's not such a big problem, but I personally prefer much subtler onMouseOver effects. For example:

http://www.asp.rs/nikola/enworld.html

(incidentally, you can view source in that page to see how to set up a css class to handle your background-changing and such; I'm using a 2x2 px image with 2 solid and 2 transparent pixels myself, but I could have just as easily added borders to the cell...)