Page 1 of 1
New keenmodding.org logo + skin
Posted: Thu Sep 01, 2022 16:34
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:
.
Re: New keenmodding.org logo + skin
Posted: Wed Sep 07, 2022 23:22
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.
Re: New keenmodding.org logo + skin
Posted: Thu Sep 08, 2022 10:48
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:
|| logo gif:
|| header:
|| bg:
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;
}
Re: New keenmodding.org logo + skin
Posted: Thu Sep 08, 2022 23:27
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!
Re: New keenmodding.org logo + skin
Posted: Thu Sep 08, 2022 23:52
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
Re: New keenmodding.org logo + skin
Posted: Sat Sep 10, 2022 6:42
by Roobar
Here a bettr one:
Re: New keenmodding.org logo + skin
Posted: Sat Sep 10, 2022 14:59
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.
Re: New keenmodding.org logo + skin
Posted: Sat Sep 10, 2022 15:35
by Nisaba
Roobar wrote: ↑Sat Sep 10, 2022 6:42
Here a bettr one:
@Roobar, challenge excepted
Re: New keenmodding.org logo + skin
Posted: Thu Sep 29, 2022 18:21
by Benvolio
I have to say, the Keenmodding forum is looking great! Much more lively than before. Well done!
Re: New keenmodding.org logo + skin
Posted: Sat Oct 08, 2022 8:45
by proYorp
Thanks for making sure the background image is evenly tiled.
I like the idea of the logo, but to me it's a bit confusing at first glance. Hard to tell what the blue thing along the bottom is. After a few seconds of looking at it with the context of the stacks of books it becomes obvious that it's another book, but logos should probably be clear at a glance, and easily recognizable.
I made an edit that I think is cleaner and easier to read, pun absolutely intended. Thoughts?
Re: New keenmodding.org logo + skin
Posted: Sat Oct 08, 2022 18:51
by Nisaba
good call. you have my vote