New keenmodding.org logo + skin

A general chat area, here you can post anything that doesn't belong in another forum.
Post Reply
User avatar
Nisaba
Vorticon Elite
Posts: 1494
Joined: Fri Jan 01, 2016 23:34
Location: The Outpost
Contact:

New keenmodding.org logo + skin

Post by Nisaba »

I think it's time to replace the default phpBB logo of keenmodding.org forum with a more meaningful graphic.

With a few CSS interventions I have prepared an update proposal that should emphasize the technical orientation of the forum.

Productive feedback or alternative suggestions are always welcome. But I think we can agree that an update is really necessary.

Here are my spex:

Code: Select all

body {
    background-image: url(https://moddingwiki.shikadi.net/i/vector-header.png) !important;
}

.headerbar {
    background-image: url(https://moddingwiki.shikadi.net/i/vector-header.png) !important;
    background-color: grey !important;
    background-repeat: repeat !important;
}
.site_logo
{
    background-image: url(https://keenwiki.shikadi.net/i/a/a2/Keen-reads.gif) !important;
}
includes an animated reading Keen gif: Image . Image
Foray in the Forest progress:
92% Programming || 99% GFX || 96% Levels || 98% Creatures || 93% Story || 94% Music || 95% SFX || 98% Extras

Other projects:
- Play Commander Keen on a GameBoy
- The Lynx Nyx
User avatar
Fleexy
Tool Smith
Posts: 1420
Joined: Fri Dec 12, 2008 1:21
Location: Abiathar C&C

Re: New keenmodding.org logo + skin

Post by Fleexy »

Thanks for starting this! A phpBB3-compatible Keen Modding logo is definitely well overdue.

I like the Keen reading image. I think I might even prefer the static version like in your screenshot since KM seems like a more reserved kind of place.

On the other hand, some more variety in the hex bytes might be fun. We would also need to ensure that they tile smoothly.

I've been using a Git repository to keep the PCKF theme ("pckf" branch) up to date with phpBB versions ("phpbb" branch). You can acquire the full set of stylesheets there, if that's helpful.
User avatar
Nisaba
Vorticon Elite
Posts: 1494
Joined: Fri Jan 01, 2016 23:34
Location: The Outpost
Contact:

Re: New keenmodding.org logo + skin

Post by Nisaba »

here's a second version. Log:
- hex tiles lining up
- hex tiles show more variety
- more meaningful logo
- 15 seconds animation loop

logo png: Image || logo gif: Image || header: Image || bg: Image

Code: Select all

body {
    background-image: url(https://i.postimg.cc/vZgc22x8/k-m_bg_hex-digits.png) !important;
}

.headerbar {
    background-image: url(https://i.postimg.cc/fWY4Ccb4/k-m-bg-header-hex-digits.png) !important;
    background-color: #a0a0a0 !important;
    background-repeat: repeat !important;
    font-weight: bold !important;
}
.site_logo
{
    background-image: url(https://i.postimg.cc/8Pkv4bbs/k-m-logo-keen-books.gif) !important;
}
Image
Foray in the Forest progress:
92% Programming || 99% GFX || 96% Levels || 98% Creatures || 93% Story || 94% Music || 95% SFX || 98% Extras

Other projects:
- Play Commander Keen on a GameBoy
- The Lynx Nyx
User avatar
Fleexy
Tool Smith
Posts: 1420
Joined: Fri Dec 12, 2008 1:21
Location: Abiathar C&C

Re: New keenmodding.org logo + skin

Post by Fleexy »

Beautiful! The PNG logo is great. I darkened the header background a little for contrast. Admin usernames were un-highlighted like on the PCKF while I was at it. Here's the diff.

The changes are live on KM now, though you might have to Ctrl+F5 to see them. Comments welcome!
User avatar
Nisaba
Vorticon Elite
Posts: 1494
Joined: Fri Jan 01, 2016 23:34
Location: The Outpost
Contact:

Re: New keenmodding.org logo + skin

Post by Nisaba »

Looks great! Thanks for the quick conversion.
yeah, the darker gray tone makes a lot more sense. I noticed that you've also removed the glow around the search bar. good choices.

It occurred to me that the new design could gain if we stopped the background image to scroll, but instead to have it fixed with the page. This is what I have in mind:

Code: Select all

body {
    background-image: url(https://i.postimg.cc/vZgc22x8/k-m_bg_hex-digits.png) !important;
    background-attachment: fixed !important;
}
But other than that it feels so much better than the generic phpbb default style. again, thanks for taking care
Foray in the Forest progress:
92% Programming || 99% GFX || 96% Levels || 98% Creatures || 93% Story || 94% Music || 95% SFX || 98% Extras

Other projects:
- Play Commander Keen on a GameBoy
- The Lynx Nyx
User avatar
Roobar
Vorticon Elite
Posts: 3165
Joined: Tue Jan 08, 2008 16:12
Contact:

Re: New keenmodding.org logo + skin

Post by Roobar »

Here a bettr one:

Image
User avatar
Fleexy
Tool Smith
Posts: 1420
Joined: Fri Dec 12, 2008 1:21
Location: Abiathar C&C

Re: New keenmodding.org logo + skin

Post by Fleexy »

Nisaba wrote: Thu Sep 08, 2022 23:52 It occurred to me that the new design could gain if we stopped the background image to scroll, but instead to have it fixed with the page.
Good idea, thanks! This is live now, may need a Ctrl+F5 to see.
User avatar
Nisaba
Vorticon Elite
Posts: 1494
Joined: Fri Jan 01, 2016 23:34
Location: The Outpost
Contact:

Re: New keenmodding.org logo + skin

Post by Nisaba »

Roobar wrote: Sat Sep 10, 2022 6:42 Here a bettr one:
@Roobar, challenge excepted
Image
Foray in the Forest progress:
92% Programming || 99% GFX || 96% Levels || 98% Creatures || 93% Story || 94% Music || 95% SFX || 98% Extras

Other projects:
- Play Commander Keen on a GameBoy
- The Lynx Nyx
Benvolio
Vorticon Elite
Posts: 886
Joined: Sun May 29, 2011 12:43
Location: Ireland
Contact:

Re: New keenmodding.org logo + skin

Post by Benvolio »

I have to say, the Keenmodding forum is looking great! Much more lively than before. Well done!
Post Reply