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
Janitress
Posts: 1594
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
out now (link) : Image
User avatar
Fleexy
Tool Smith
Posts: 1432
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
Janitress
Posts: 1594
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
out now (link) : Image
User avatar
Fleexy
Tool Smith
Posts: 1432
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
Janitress
Posts: 1594
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
out now (link) : Image
User avatar
Roobar
Vorticon Elite
Posts: 3263
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: 1432
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
Janitress
Posts: 1594
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
out now (link) : Image
Benvolio
Vorticon Elite
Posts: 976
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!
User avatar
proYorp
Vorticon Elite
Posts: 472
Joined: Fri Mar 03, 2017 1:56
Location: Orbit
Contact:

Re: New keenmodding.org logo + skin

Post by proYorp »

Thanks for making sure the background image is evenly tiled. :lol

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?
Image
"Friendly. Very friendly. Too friendly." Image
User avatar
Nisaba
Janitress
Posts: 1594
Joined: Fri Jan 01, 2016 23:34
Location: The Outpost
Contact:

Re: New keenmodding.org logo + skin

Post by Nisaba »

good call. you have my vote
out now (link) : Image
Post Reply