Web redesign

General discussion for players of Oolite.

Moderators: winston, another_commander

Post Reply
User avatar
Rxke
Retired Assassin
Retired Assassin
Posts: 1760
Joined: Thu Aug 12, 2004 4:54 pm
Location: Belgium

Post by Rxke »

ovvldc wrote:

I was also wondering if it were possible to put the YAH! banners as fake ads on the web page somewhere. A lot of them are hilarious and it could be nice to cycle three random ads or something if the load times would not be impacted too badly :twisted:.

Best wishes,
Oscar
Heehee!
User avatar
Wolfwood
---- E L I T E ----
---- E L I T E ----
Posts: 735
Joined: Wed Mar 29, 2006 9:53 am
Location: Finland
Contact:

Post by Wolfwood »

Corny wrote:
Edit: One more thing: May I assume that people visiting Oolite.org use browsers that support png transparency correctly?
Like... good browsers?
At least in my case: yes, you can.
User avatar
JazHaz
---- E L I T E ----
---- E L I T E ----
Posts: 2991
Joined: Tue Sep 22, 2009 11:07 am
Location: Enfield, Middlesex
Contact:

Post by JazHaz »

On my Oolite page on my homepage website (not yet online), I'm going to use the following image as a banner:

Image
JazHaz

Gimi wrote:
drew wrote:
£4,500 though! :shock: <Faints>
Cheers,
Drew.
Maybe you could start a Kickstarter Campaign to found your £4500 pledge. 8)
Thanks to Gimi, I got an eBook in my inbox tonight (31st May 2014 - Release of Elite Reclamation)!
User avatar
Lucidor
Deadly
Deadly
Posts: 244
Joined: Tue Mar 28, 2006 5:59 pm
Location: Sweden

Post by Lucidor »

My take on the Corny design: Image

full size: http://uploaded.joskar.com/lucidor/oolite.png
User avatar
Lucidor
Deadly
Deadly
Posts: 244
Joined: Tue Mar 28, 2006 5:59 pm
Location: Sweden

Post by Lucidor »

IE 5 and 6 can display transparent pngs by the way. It's little tricky though.

http://24ways.org/2007/supersleight-tra ... png-in-ie6
User avatar
Corny
---- E L I T E ----
---- E L I T E ----
Posts: 363
Joined: Sun Dec 20, 2009 11:50 am
Location: (northern) Germany

Post by Corny »

Lucidor wrote:
My take on the Corny design: Image
Leaving the always persisting yellow behind might be an idea... :) Looks cool!

About the gallery:
There two drafts (code-wise).
The first one uses a fixed height for the text field. That means, the amount of text for a caption is limited and some space might be "wasted".
The big advantage of this is, however, that it adapts to your screen width.

The other option is to fix the number of images per line. That way, you can type as much as you want as a caption, but it doesn't adapt to your screen with.

Since captions shouldn't be too long anyway, I'd use the first one...
User avatar
JazHaz
---- E L I T E ----
---- E L I T E ----
Posts: 2991
Joined: Tue Sep 22, 2009 11:07 am
Location: Enfield, Middlesex
Contact:

Post by JazHaz »

Lucidor wrote:
My take on the Corny design: Image

full size: http://uploaded.joskar.com/lucidor/oolite.png
This is excellent! I especially like the Oolite logo, with the first O being a witchspace wormhole!


BTW, I would have done the link a bit differently, ie:

Code: Select all

My take on the Corny design:

[url=http://uploaded.joskar.com/lucidor/oolite.png]
[img]http://uploaded.joskar.com/lucidor/oolite_thumb.png[/img]
[/url]

Click on the image to get full size!

JazHaz

Gimi wrote:
drew wrote:
£4,500 though! :shock: <Faints>
Cheers,
Drew.
Maybe you could start a Kickstarter Campaign to found your £4500 pledge. 8)
Thanks to Gimi, I got an eBook in my inbox tonight (31st May 2014 - Release of Elite Reclamation)!
User avatar
JazHaz
---- E L I T E ----
---- E L I T E ----
Posts: 2991
Joined: Tue Sep 22, 2009 11:07 am
Location: Enfield, Middlesex
Contact:

Post by JazHaz »

ovvldc wrote:
I was also wondering if it were possible to put the YAH! banners as fake ads on the web page somewhere. A lot of them are hilarious and it could be nice to cycle three random ads or something if the load times would not be impacted too badly. :twisted:
Certainly possible, as animated GIFs this can be done quite easily.

Clicks on them could take you to the YAH wiki page?
JazHaz

Gimi wrote:
drew wrote:
£4,500 though! :shock: <Faints>
Cheers,
Drew.
Maybe you could start a Kickstarter Campaign to found your £4500 pledge. 8)
Thanks to Gimi, I got an eBook in my inbox tonight (31st May 2014 - Release of Elite Reclamation)!
User avatar
Corny
---- E L I T E ----
---- E L I T E ----
Posts: 363
Joined: Sun Dec 20, 2009 11:50 am
Location: (northern) Germany

Post by Corny »

Yeah, seventh's different approach to the logo is kinda retro and fine :)
Still curious what logo might be taken :D
Btw, the gallery with the first code-approach in 1024*768-resolution:
Image
User avatar
JazHaz
---- E L I T E ----
---- E L I T E ----
Posts: 2991
Joined: Tue Sep 22, 2009 11:07 am
Location: Enfield, Middlesex
Contact:

Post by JazHaz »

Corny wrote:
Btw, the gallery with the first code-approach in 1024*768-resolution:
What are you using to generate the gallery? Is it a server side include or something?
JazHaz

Gimi wrote:
drew wrote:
£4,500 though! :shock: <Faints>
Cheers,
Drew.
Maybe you could start a Kickstarter Campaign to found your £4500 pledge. 8)
Thanks to Gimi, I got an eBook in my inbox tonight (31st May 2014 - Release of Elite Reclamation)!
User avatar
Lucidor
Deadly
Deadly
Posts: 244
Joined: Tue Mar 28, 2006 5:59 pm
Location: Sweden

Post by Lucidor »

JazHaz wrote:
BTW, I would have done the link a bit differently, ie:
Yes, but I'm an infinitely lazy guy and doing it that way requires more tags. :)

Glad you liked it. Unfortunately I can't take any credit for the logo, except for the glow around the first O.
User avatar
Lucidor
Deadly
Deadly
Posts: 244
Joined: Tue Mar 28, 2006 5:59 pm
Location: Sweden

Post by Lucidor »

Image

http://uploaded.joskar.com/lucidor/oolite1.png

Gallery proposal, the descriptions could show on mouseover.

Still plenty of room for improvements.
User avatar
Corny
---- E L I T E ----
---- E L I T E ----
Posts: 363
Joined: Sun Dec 20, 2009 11:50 am
Location: (northern) Germany

Post by Corny »

JazHaz wrote:
Corny wrote:
Btw, the gallery with the first code-approach in 1024*768-resolution:
What are you using to generate the gallery? Is it a server side include or something?
CSS. :D Ahruman stated quite clearly what he thinks about CMS or usage of much scripting.
The code should be easily understandable. I'll add comments, only thing you'd need to do to add an item is replacing the title and typing in your caption.
The people who change pictures of the website are probably used to code anyway :D
A bit more for the eye like in Lucidor's proposal is still possible, but the arrows at the bottom wouldn't have a function ;) most users should already be familiar with scroll bars, though, so no worries :P
Last edited by Corny on Fri Jan 08, 2010 7:59 pm, edited 1 time in total.
User avatar
Lucidor
Deadly
Deadly
Posts: 244
Joined: Tue Mar 28, 2006 5:59 pm
Location: Sweden

Post by Lucidor »

The files in case anyone wants to play with them.

http://www.box.net/shared/1pez21642n
User avatar
JazHaz
---- E L I T E ----
---- E L I T E ----
Posts: 2991
Joined: Tue Sep 22, 2009 11:07 am
Location: Enfield, Middlesex
Contact:

Post by JazHaz »

Corny wrote:
JazHaz wrote:
What are you using to generate the gallery? Is it a server side include or something?
CSS. :D Ahruman stated quite clearly what he thinks about CMS or usage of much scripting.
The code should be easily understandable. I'll add comments, only thing you'd need to do to add an item is replacing the title and typing in your caption.
So to add a picture you have to dive into the HTML? :)
JazHaz

Gimi wrote:
drew wrote:
£4,500 though! :shock: <Faints>
Cheers,
Drew.
Maybe you could start a Kickstarter Campaign to found your £4500 pledge. 8)
Thanks to Gimi, I got an eBook in my inbox tonight (31st May 2014 - Release of Elite Reclamation)!
Post Reply