Website Help

Ri'sari has been working on the website quite a bit. But, his HTML knowledge is limited. He wonders if any in the company would be willing to help with a couple of HTML projects that will really improve the look!

Post 'em here. This one works with the web like tailors work with Jute.

The main one is getting the top menu bar to show little picture icons. When you mouse over the Community and Company Information menus, it will expand with more picture icons.

As it stands right now it is a pre-made Enjin module and icons can't be added. But, Ri'sari has seen this done on other Enjin websites using only HTML in an HTML module.

I can pull the menu code ad nauseum, add the icons next to it, and then just apply some styling. Shouldn't be too hard.

It would be nice if it could be centered without the background. Ri'sari can make the icons if you need. Just tell him what size looks best, if you need image text, and if he should make .gif / .png. Found something similar just now: http://thenoore.com/

PNG with a transparent background work best, if you want to make the icons. I'd need to play around with it to make sure it'll work. Also any new links would need to be added manually, but that shouldn't be a problem.

This one will do it. Let him know what size / dimensions / shapes you think will look best.

This must be what it's like when nords look at spellbooks.

:dizzy:

If you want it exactly like that site, then go 50x50 and I can shrink down. If you want more "accent" icons (like a favicon) go more 25x25 and I'll shrink to 16x16. Your call.

Ri'sari will do the 50x50 ones.

Drop them here once you're done (or zip them up) and let me know which one goes where, and I'll get 'er done. XD

Home image no longer hosted — http://i.imgur.com/Hd3tuTS.png[/img]

Forums image no longer hosted — http://i.imgur.com/QsmKn2X.png[/img]

Community image no longer hosted — http://i.imgur.com/3k8xUGI.png[/img]



Company Information image no longer hosted — http://i.imgur.com/r3B6kRM.png[/img]



Join Now! image no longer hosted — http://i.imgur.com/PffafAr.png[/img]

They are 64x64. This one will leave the design up to you. It just has to be HTML without any plug ins because Enjin cannot use any.

Love the icon choices!

See the first draft here. Note: the fonts will match the site so I didn't define them in the stylesheet. And we may need to tweak a bit. Ideally, I'd love to have editor access so I could install the module myself (and tweak on the fly).

http://blueskooma.co/enjin/

Looks great Ebon. Thank you so much! The Members category is meant to be Community and with a different icon, though.

I'm wondering if you could do away with the background. I could make another state for the icons. One to show when the mouse hovers over and the one you have that is default. I can include the text in the .png if that is easier so it could light up too. It is good to go now with just the icons so let me know what you think about doing that stuff.

I will give you admin to the site, of course. I set up an HTML module in the global header called Ebon. :)

I've made the changes. Doing the images as "hovers" requires a bit of different coding, but it's not too terrible. We can set up what we have and I can take care of that at another moment's notice.

I will try installing the navigation now and tweaking as needed.

Guild structure icon is also different. I forgot to upload an icon for roleplay backstory and will do that now.

Roleplay backstory icon:
http://images.uesp.net/8/8d/SR-achievement-Elder_Knowledge.png

Yay! Looking good. Is it easy to center it?

Yup :)

Also renamed "Company Information" to "Company" - that way it fits better and looks nicer.

So much better. :D

We're good to go, then. Anything else that needs to be done to it?

Just the mouse hover highlight but let me know when you feel like working on it again. I think it's 100x better right now than the old boring Enjin nav bar. :)