Not logged inOpenClonk Forum
Forum Home Help Search Watchlist Register Login
Up Topic Development / Developer's Corner / New header
1 2 Previous Next
Post
- - By Newton [de] Date 2010-08-08 23:58
This is a draft for a less antiseptic header design (and header links) that is less focussed solely to be a "project development" site but also a website of a game.
http://www.openclonk.org/header2/test.php?p=wiki&a=Main_Page

Any wishes?
Reply
Parent - - By Newton [de] Date 2010-08-09 00:03 Edited 2010-08-09 00:14
Also, at least for the home page, I need some nice big renderings of some representative (and gorgeous looking) objects. Much like on the glest page http://glest.org/en/index.php or on the wesnoth page http://www.wesnoth.org/, I want to use some of these graphics as buttons or title images for texts.
Reply
Parent - - By Ringwaul [ca] Date 2010-08-09 00:18
Woah, looks good.

>I need some nice big renderings of some representative (and gorgeous looking) objects.


Can you be specific on which objects you'd like to use? Also, what size should they be?
Reply
Parent - - By Newton [de] Date 2010-08-09 00:24
Anything that looks good. Give it to me in a size of about 400x400, I'll scale it myself then.
Reply
Parent - - By Ringwaul [ca] Date 2010-08-10 01:16
Do you think a wipf is unfitting? (since it isn't actually in-game)

I hereby license the following file(s) under the CC-by license
Reply
Parent - By MrBeast [de] Date 2010-08-10 11:56
The clonk is to emotionless, you should make him do some position.
Reply
Parent - By Caesar [de] Date 2010-08-10 14:22
What about a 'witty' facial expression?
Reply
Parent - - By Newton [de] Date 2010-08-10 16:45 Edited 2010-08-13 10:57
This doesn't look cool.

1. Perspective rendering
2. You may (but dont have to) compose objects, f.e. have the clonk dig something out with a shovel, show 2 swords and a shield (like wesnoth logo), a lorry full of gold etc. Anything that looks cool and could be used as a logo. If you do anything more time-consuming than a few minutes, commit the "stance"/the scene you made as the underlying models could change.

I was hoping that AlteredARMOR would help out there if he has time cause he made some nice renderings before and you are so pretty busy with C4Script stuff.
.oO(must have been tired when I wrote this)
Reply
Parent - By AlteredARMOR [ua] Date 2010-08-13 20:59
I'd love to help (especially since I have some ideas in mind) but currently not able due to my PC's "disorder" :-( Sorry,,,
Reply
Parent - By Ringwaul [ca] Date 2010-08-14 00:09 Edited 2010-08-14 00:11

>(must have been tired when I wrote this)


Hahaha, I assumed it was just lost in translation.  x)

Also, concerning these icons; I think I will leave this to AlteredARMOR for now. I have been putting most of my efforts into the GUI graphics for the game, and free time is short due to being busy in real life.
Reply
Parent - - By Newton [de] Date 2010-08-12 21:41
bump
Parent - - By Randrian [de] Date 2010-08-12 21:47
Looks cool
Reply
Parent - By Asmageddon [pl] Date 2010-08-13 19:22
Cool? It's great! And really clonky :p
Reply
Parent - - By Nachtfalter [de] Date 2010-08-12 23:09
How about some AA in the font?
Reply
Parent - - By Newton [de] Date 2010-08-13 00:01
AA?
Reply
Parent - - By Asmageddon [pl] Date 2010-08-13 19:23
Anti-Aliasing, I guess.
But it probably depends on OS configuration (I've got these fonts antialiased in my Ubuntu under Chrome)
Reply
Parent - By AlteredARMOR [ua] Date 2010-08-13 19:44

> depends on OS configuration...


True
Reply
Parent - - By Günther [de] Date 2010-08-13 01:51
That's an issue of your browser, mine renders the font beautifully. (That said, you might be able to tweak the font to get better rendering on your browser. I'll upload the sfd tomorrow, but I think the ttf contains almost all information.)
Reply
Parent - - By Nachtfalter [de] Date 2010-08-13 23:57
Font on Computer: Looks pretty | Notebook: Rubbish. Same browser on both. :(
Reply
Parent - - By Günther [de] Date 2010-08-14 11:59
In that case, you apparently wish for your browser to override your OS settings. There are probably people out there who wouldn't like that to happen on their computer. Maybe the Cleartype tuner can help you?
Reply
Parent - - By Nachtfalter [de] Date 2010-08-16 17:21
Please note that the online tuner does not currently work with Windows Vista.
Reply
Parent - By Günther [de] Date 2010-08-17 12:49
There's a link to an offline version. Not that I've tested that on Vista, but I'm fairly confident that there's some way to tune the font antialias settings. While Windows does have a reputation for horrible font rendering, I don't believe it regressed in that aspect with Vista. You just might have to search for it a bit.
Reply
Parent - - By Ringwaul [ca] Date 2010-08-12 23:27
If you'd like to use a floppy icon for the download, I can use the same model from the 'save' icons in the GUI for a 64x render or somesuch.
Reply
Parent - By Newton [de] Date 2010-08-13 10:56
I think it's obvious enough that this is a download link.
Reply
Parent - - By Asmageddon [pl] Date 2010-08-13 19:24
Floppies are outdated. I suggest a pendrive.
Maybe that'll change the whole internet? (xD)
Reply
Parent - By Isilkor Date 2010-08-14 02:19
A 3.5" floppy is the standard icon for "save". The same way that your cellphone probably shows an icon of a (paper) letter when you get a text message, even though no paper was actually used in transmitting the message. The floppy disk icon will survive its tangible incarnation, although nobody uses floppy disks to store data anymore, and hasn't for some time. In fact, the floppy disk itself hasn't been floppy for some years. Don't change a widely understood icon for no good reason, you'll likely confuse your users (notwithstanding the fact that the floppy icon is perfectly recognizable in low resolutions as well, something that's not easy to achieve with a pendrive).
Reply
Parent - - By AlteredARMOR [ua] Date 2010-08-13 07:18
Looks nice, but...
Reply
Parent - - By Newton [de] Date 2010-08-13 10:55
Hmm, anybody know how to turn that off?
Reply
Parent - - By Luchs [de] Date 2010-08-13 12:35
Set the min-width of #nav_header and #nav_navigation to something bigger than the width of the content.
Reply
Parent - - By Newton [de] Date 2010-08-13 15:00
No other possibility? Because generally - for other pages than the portal home page, I want to only require 600px width.
Reply
Parent - By Luchs [de] Date 2010-08-13 23:53
See Günther's post - not using a static width for the content is the alternative solution. But why don't you simply override the normal min-width on the home page?
Reply
Parent - By Günther [de] Date 2010-08-13 12:44
Looks good, but I don't like static widths.
Reply
Parent - By Newton [de] Date 2010-08-13 19:33
*locked*

You know, the bump was meant to be understood more like "please gimme some graphics". http://forum.openclonk.org/topic_show.pl?pid=9543#pid9543
Reply
Parent - Date 2010-08-17 19:19
[topic branch moved]
Parent - - By Caesar [de] Date 2010-08-09 01:22
Nice, but becomes messy with a small browser window.
Reply
Parent - By AlteredARMOR [ua] Date 2010-08-09 07:38 Edited 2010-08-09 07:40
Agreed with Caesar:

P.S. As for the design: I like it (especially I like the way OC logo looks on the wooden background)
Reply
Parent - - By Luchs [de] Date 2010-08-09 11:26
Actually the same thing happens with the current design, but nobody complained yet, so it's probably not important.
Reply
Parent - - By AlteredARMOR [ua] Date 2010-08-09 12:16
I have to object:



At least one textual string does not mess with others

P.S. And by the way, it is not that important on development site
Reply
Parent - - By Newton [de] Date 2010-08-09 12:30
I set a minimum-width of the header of 880px or something now.
Reply
Parent - - By AlteredARMOR [ua] Date 2010-08-09 14:37
Yeah, that's it. Nice.

P.S. The Only thing I'd like to suggest due to this issue is to expand the topmost "wooden" bar to the entire horizontal space (it this can be done somehow).



P.P.S. Sorry for being overdemanding :-)
Reply
Parent - - By Newton [de] Date 2010-08-09 15:48
Overdemanding? You only reported a bug.
Reply
Parent - By AlteredARMOR [ua] Date 2010-08-09 15:55
And it seems that it is already fixed.
Nice.
Reply
Parent - - By Günther [de] Date 2010-08-10 11:51
That's too wide. The submenu entries should simply hide the search form when shown, instead of forcing horizontal scrollbars:
#nav_navigation {
  min-width: 550px;
}
#nav_search {
float:none;
position:absolute;
right:0;
}
#nav_navigation ul li ul li a {
  padding: 2px 8px 8px 8px;
  background-color: #969694;
}
#nav_navigation ul li ul li a:hover {
  background-color: #969694;
}
#nav_navigation ul li ul li {
  padding: 0px 0px 32px 0px;
}
Reply
Parent - - By Newton [de] Date 2010-08-10 16:35
Don't you think it would look a little flimsy if a whole search form appears/disappears just by hovering over menus?
Reply
Parent - By Günther [de] Date 2010-08-11 11:47
Pop-up-menus that overlap other content on the site are nothing exotic, and we have to choose between that and horizontal scrolling. Horizontal scrolling looses. Most people have a wide enough browser window that they won't see the problem anyway, but we shouldn't needlessly punish those that do.
Reply
Parent - - By Newton [de] Date 2010-08-12 11:48
OK I implemented it in a similar fashion (min-width now 600px). Can someone tell me how I keep the elements of crunching together if one resizes the window to extreme smallness?
Reply
Parent - - By Günther [de] Date 2010-08-12 12:22
#nav_navigation {
position: relative;
}
Reply
Parent - By Newton [de] Date 2010-08-12 12:53
ty
Reply
Parent - - By Zapper [de] Date 2010-08-09 05:44
Looks good. But your are using Endeavour.ttf. While I have it installed, I doubt visitors will. So you should make sure that it looks as well with another font (and specify it, your are currently just using Endeavour.ttf without alternatives?)
Reply
Parent - - By Luchs [de] Date 2010-08-09 11:22
Or linking to it via @font-face.
Reply
Up Topic Development / Developer's Corner / New header
1 2 Previous Next
Post

Powered by mwForum 2.29.7 © 1999-2015 Markus Wichitill