Ducati Monster Forum

Kitchen Sink => No Moto Content => Topic started by: mitt on June 03, 2009, 06:54:28 PM

Title: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: mitt on June 03, 2009, 06:54:28 PM
Most of you know, we have been in a battle with the current smf theme. 

In an effort to start fresh, we are looking at using the default smf theme, and tweaking the look by only changing the style sheet, no php or html.

Here is my effort so far, let me know what you think and how it works.

http://ducatimonsterforum.org/index.php?board=44.0 (http://ducatimonsterforum.org/index.php?board=44.0)


mitt
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: Popeye the Sailor on June 03, 2009, 07:08:02 PM
I see no difference.


If it ain't broke.....



We can post and see other peoples posts. It's all we need.



My request is you take the money that's been donated and go drinking.
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: mitt on June 03, 2009, 07:14:24 PM
Quote from: MrIncredible on June 03, 2009, 07:08:02 PM
I see no difference.



Really?

It should look like this:

(https://farm4.static.flickr.com/3630/3593446549_9ce02bc0a2_o.jpg)

If it doesn't, do a shift+refresh.

The current theme has its problems, like missing borders, and vague topic icons.

mitt
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: JBubble on June 03, 2009, 07:15:57 PM
Doesn't look like its any different than what we have now. I don't see the changes you did mitt.  :-\

I did a shift + R to refresh too.
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: Randimus Maximus on June 03, 2009, 07:17:39 PM
looks the same to me as well.

what is the secret to the magic refresh on a Mac running Firefox?
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: mitt on June 03, 2009, 07:20:17 PM
That is strange.  I have the DrIowa board setting to use default, and override all other member's choices. 

hmmm - why do only I see it?

mitt
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: Popeye the Sailor on June 03, 2009, 07:23:15 PM
Quote from: mitt on June 03, 2009, 07:20:17 PM
That is strange.  I have the DrIowa board setting to use default, and override all other member's choices. 

hmmm - why do only I see it?

mitt

Beer *would* solve this issue. [drink]
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: mitt on June 03, 2009, 07:26:36 PM
Quote from: MrIncredible on June 03, 2009, 07:23:15 PM
Beer *would* solve this issue. [drink]

Try 1 more time

mitt
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: Popeye the Sailor on June 03, 2009, 07:29:01 PM
No love man, sorry.
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: JBubble on June 03, 2009, 07:29:24 PM
Quote from: mitt on June 03, 2009, 07:26:36 PM
Try 1 more time

mitt

Still see the same one as the rest of the board. Should I clear my cookies or something?
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: mitt on June 03, 2009, 07:30:14 PM
Quote from: MrIncredible on June 03, 2009, 07:29:01 PM
No love man, sorry.

Alright, tell me if this makes a difference  ;D

mitt
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: Statler on June 03, 2009, 07:30:45 PM
hahahaha.   the sky is falling the sky is falling.

Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: Statler on June 03, 2009, 07:32:09 PM
I think it looks good.   Once we get the logo back etc. (if possible) nobody will remember the old one.
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: Statler on June 03, 2009, 07:32:59 PM
and the sponsor ads.....don't want angry mob of accessory suppliers knocking on my door....or maybe I do.
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: JBubble on June 03, 2009, 07:33:46 PM
Whoa, now its everywhere.
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: mitt on June 03, 2009, 07:36:04 PM
Quote from: JBubble on June 03, 2009, 07:33:46 PM
Whoa, now its everywhere.

Yeh, I used the big red nuke button this time.  It should have been working on the test board, I don't know why no-one but me could see it.

mitt
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: Statler on June 03, 2009, 07:37:19 PM
Quote from: mitt on June 03, 2009, 07:36:04 PM
Yeh, I used the big red nuke button this time.  It should have been working on the test board, I don't know why no-one but me could see it.

mitt

I saw it on the test board.    Was it a permission thing?  flounder only secret colors?
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: mitt on June 03, 2009, 07:37:47 PM
Quote from: Statler on June 03, 2009, 07:32:59 PM
and the sponsor ads.....don't want angry mob of accessory suppliers knocking on my door....or maybe I do.

Yep, Daryl will have figure that out.  I figure this is temporary anyway.  I will leave it up a while, see how it works and then change it back.

VS  err, I mean  mitt   ;D
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: JBubble on June 03, 2009, 07:40:41 PM
/tin foil
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: Buckethead on June 03, 2009, 07:41:02 PM
It changed over for me when I opened a thread.

Kinda weirded me out a little.

Still not sure how I feel about it. I fear change.

Actually my only complaint, if you can even call it that, is that the text edit box in a reply is really light so its harder to read what you're typing. Usable, but would be better if it were darker.
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: JBubble on June 03, 2009, 07:43:03 PM
Quote from: Obsessed? on June 03, 2009, 07:41:02 PM
Actually my only complaint, if you can even call it that, is that the text edit box in a reply is really light so its harder to read what you're typing. Usable, but would be better if it were darker.

Agree.

On the other side of things, the text in each reply is a little dark as well. I feel like it could be lightened a little, not much though.
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: mitt on June 03, 2009, 07:48:04 PM
Quote from: Obsessed? on June 03, 2009, 07:41:02 PM
It changed over for me when I opened a thread.

Kinda weirded me out a little.

Still not sure how I feel about it. I fear change.

Actually my only complaint, if you can even call it that, is that the text edit box in a reply is really light so its harder to read what you're typing. Usable, but would be better if it were darker.

Now the text box you type in is ~6 shades darker.

mitt
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: Super T.I.B on June 03, 2009, 07:50:45 PM
OK, I'll start.  ;D

Looks kinda VS-ish.
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: Buckethead on June 03, 2009, 07:53:06 PM
Much better!

Grassy ass, seen-your!
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: mitt on June 03, 2009, 07:56:05 PM
Quote from: JBubble on June 03, 2009, 07:43:03 PM

On the other side of things, the text in each reply is a little dark as well. I feel like it could be lightened a little, not much though.

Now the text in each post is about 2 shades lighter, and I am drinking  [beer]

mitt
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: JBubble on June 03, 2009, 07:59:50 PM
Quote from: mitt on June 03, 2009, 07:56:05 PM
Now the text in each post is about 2 shades lighter, and I am drinking  [beer]

mitt

[laugh]

Thanks mitt!  [beer]
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: erkishhorde on June 03, 2009, 08:00:38 PM
I like being able to see which posts are pinned again.
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: Grampa on June 03, 2009, 08:03:38 PM
can we get it with a bacon background?
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: mitt on June 03, 2009, 08:05:22 PM
Quote from: bobspapa on June 03, 2009, 08:03:38 PM
can we get it with a bacon background?

How about just some bacon icons scattered around?
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: minnesotamonster on June 03, 2009, 08:05:42 PM
I don't particularly like it.

+1 to VSish lol

But, it works, and there are no ads, so who gives a shit I guess  [drink]

Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: mitt on June 03, 2009, 08:08:19 PM
Quote from: minnesotamonster on June 03, 2009, 08:05:42 PM
I don't particularly like it.

+1 to VSish lol

But, it works, and there are no ads, so who gives a shit I guess  [drink]



I imagine it looks like what VS uses, cause they picked the easy road too.  It is easier to have the default theme with different colors, than to have a custom theme that pucks every time you try to upgrade smf or one of the add-ons.

mitt
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: minnesotamonster on June 03, 2009, 08:17:22 PM
Makes sense. If it's easier to manage, that's great. As long as it works, I am happy.  [beer]
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: DesmoDiva on June 03, 2009, 08:17:40 PM
I like it.   [thumbsup]

Looks a bit cleaner to me.  

I would like the logo back, though.  
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: mitt on June 03, 2009, 08:32:22 PM
Check out the racing countdown I made that works now that that the theme doesn't fight simple portal:

http://ducatimonsterforum.org/index.php?board=7.0 (http://ducatimonsterforum.org/index.php?board=7.0)

mitt
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: swampduc on June 03, 2009, 08:36:08 PM
I think it looks good. Much easier to read than the last format.
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: vampire on June 03, 2009, 08:52:07 PM
your doing a great job here and i have the following comments:
1. theme looks busy,, how many colors are here in this page? six? i think that's why.
2. quotes should be in white font too,, it looks like a background!
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: vampire on June 03, 2009, 08:58:53 PM
3. the attached PICs in a post is hiding in the right side,, u need to scroll to see the whole PIC,, any add-in to solve this problem?
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: Oldfisti on June 03, 2009, 09:06:13 PM
It took me all of about 3 minutes to adjust to this format.

Seems pretty intuitive and easy to read.

If this makes things easier for the flounders then it seems like win-win to me.   [thumbsup]

Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: somegirl on June 03, 2009, 09:15:24 PM
Quote from: DesmoDiva on June 03, 2009, 08:17:40 PM
I like it.   [thumbsup]

Looks a bit cleaner to me.  

I would like the logo back, though.  

+1 :)
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: somegirl on June 03, 2009, 09:25:49 PM
The only other main thing I notice is that links no longer stand out...is it possible to change the color on them and underline them?  Thanks for all the great work. [thumbsup]
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: x136 on June 03, 2009, 09:30:55 PM
Another vote for like. Much easier to read than before.

Quote from: bobspapa on June 03, 2009, 08:03:38 PM
can we get it with a bacon background?
Bacon foreground (http://bacolicio.us/http://ducatimonsterforum.org/), maybe?
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: Super T.I.B on June 03, 2009, 09:49:37 PM
Quote from: minnesotamonster on June 03, 2009, 08:17:22 PM
Makes sense. If it's easier to manage, that's great. As long as it works, I am happy.  [beer]

And you have turned into a minnesotamons.  ;)
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: Big Troubled Bear on June 03, 2009, 11:44:26 PM
Still works for me, although I thought I was at the wrong site when it first opened up ;D



[drink] [thumbsup]
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: TiNi on June 04, 2009, 03:20:52 AM
whatever makes the maintenance easier works for me  [thumbsup]
nice work mitt!
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: ducpainter on June 04, 2009, 04:42:18 AM
I don't think we should be using it in the form it is now.

The logo and sponsor banners should be correct, and the left side nav makes no sense with the forum page layout.
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: mitt on June 04, 2009, 05:35:33 AM
Quote from: ducpainter on June 04, 2009, 04:42:18 AM
I don't think we should be using it in the form it is now.

The left side nav makes no sense with the forum page layout.

It is Exactly like like the old nav, just instead of 5 or 6 blocks, it is down to 3.  All the same links are there  [roll] 

mitt
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: NAKID on June 04, 2009, 05:44:58 AM
Why do they say "Sponsors II" and "Market II"?
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: Oldfisti on June 04, 2009, 05:45:17 AM
Quote from: ducpainter on June 04, 2009, 04:42:18 AM
I don't think we should be using it in the form it is now.

The logo and sponsor banners should be correct, and the left side nav makes no sense with the forum page layout.

Quote from: mitt on June 04, 2009, 05:35:33 AM
It is Exactly like like the old nav, just instead of 5 or 6 blocks, it is down to 3.  All the same links are there  [roll] 

mitt


Yeah!

And who exactly is this "ducpainter" guy anyway?

I don't recall seeing him around much and now this dude want's to complain...

Sheesh!















BTW I'm really looking forward to fall DIMBY!      ;D
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: ducpainter on June 04, 2009, 05:51:44 AM
Quote from: mitt on June 04, 2009, 05:35:33 AM
It is Exactly like like the old nav, just instead of 5 or 6 blocks, it is down to 3.  All the same links are there  [roll] 

mitt
Old people take a while to adjust to change I guess.

Sorry.
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: mitt on June 04, 2009, 06:46:15 AM
Quote from: NAKID on June 04, 2009, 05:44:58 AM
Why do they say "Sponsors II" and "Market II"?

Cause I couldn't name them the same as the old ones and work on them simultaneously.   It will be an easy fix.

mitt
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: NAKID on June 04, 2009, 06:49:35 AM
Ahhh, makes sense...
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: NAKID on June 04, 2009, 07:13:59 AM
Why did we go back??
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: mitt on June 04, 2009, 07:16:24 AM
Quote from: NAKID on June 04, 2009, 07:13:59 AM
Why did we go back??

I need to get the banner ads figured out first, so our sponsors are happy  ;)

mitt
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: NAKID on June 04, 2009, 07:18:23 AM
Makes sense, just getting a bit dizzy lately... ;D
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: GAAN on June 04, 2009, 08:06:32 AM
I fear change

this format is much better

it is lighter than the new one you posted mitt

I like our original

but

again, I fear change
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: DesmoLu on June 04, 2009, 09:49:27 AM
I recently used SMF to put together my company forum. It took me a day to change the background color.

All I can say to you guys for creating/maintaining the forum is:

[bow_down] [bow_down] [bow_down] [beer] [bow_down] [beer] [bow_down] [clap] [thumbsup]
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: mitt on June 04, 2009, 07:45:48 PM
Quote from: DesmoLu on June 04, 2009, 09:49:27 AM
I recently used SMF to put together my company forum. It took me a day to change the background color.

All I can say to you guys for creating/maintaining the forum is:

[bow_down] [bow_down] [bow_down] [beer] [bow_down] [beer] [bow_down] [clap] [thumbsup]

I hope you changed the css file and not the php file?

If you ever need any tips, just ask.  I was a smf newb a year ago too.

Also, I use the seamonkey browser, and just recently started using firebug in firefox.  They both help point you in the direction of what is controlling what.

mitt
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: mitt on June 04, 2009, 07:46:46 PM
The Racing page is still on the "new" theme if anyone still wants to see.  I am still not sure if all members can, or if only admin can.

mitt
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: Oldfisti on June 04, 2009, 07:51:23 PM
Quote from: mitt on June 04, 2009, 07:46:46 PM
The Racing page is still on the "new" theme if anyone still wants to see.  I am still not sure if all members can, or if only admin can.

mitt


Hey Mitt,

Looks like old theme to me...
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: mitt on June 05, 2009, 05:26:42 AM
Quote from: alfisti on June 04, 2009, 07:51:23 PM

Hey Mitt,

Looks like old theme to me...

OK, it must just be admin that can see it.

mitt
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: mitt2 on June 05, 2009, 05:41:48 AM
OK, I just created a new non-admin member for me, and I can now see the new theme on racing & trackdays.

mitt
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: ducpainter on June 05, 2009, 05:44:38 AM
Quote from: mitt2 on June 05, 2009, 05:41:48 AM
OK, I just created a new non-admin member for me, and I can now see the new theme on racing & trackdays.

mitt
I like the latest collapse/expand icons. [thumbsup]
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: GAAN on June 05, 2009, 06:10:33 AM
Ok

I changed my mind

I like the new newness

it just took a little time to get used to it

Thanks for all the hard work Mitt
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: Spidey on June 05, 2009, 01:14:09 PM
Thanks for all the work, Mitt & Co.  I know it takes forever to do.  Since you asked for feedback, here goes . . .

In general, I think the strength of the old look/layout was that there was minimal distraction.  The focus was on the discussion forums and not all the other "stuff' around.  The icons weren't too loud, there weren't too many fonts, text types, colors, etc.  The text didn't seem like it was crammed into the boxes.  It has a very simply look, and one worth duplicating.  With that in mind, I'd suggest toning down the current look a bit.  Start by using less white.  It's pretty abrupt on this dark background. 

Some specific suggestions:

1.  Read v. unread threads.  Right now, already-read are white and unread threads are darker.  That's visually distracting.  I like old old blue "new" icons better.  But if you're going to use color to distinguish read v. unread threads, don't make the color choice as stark.

2.  Stickied Threads.  I like that they're bold.  Italics might work better.  Depending on the overall layout, it might even be worth making them a lighter color so that they stand out more.  BTW, I'll keep repeating my mantra:  we have too many stickies around here.  It makes it hard to determine which information is actually important.  See No. 10 below and my posts in Board Suggestions.

3.  Nav board.  Make the titles darker?   People will see the nav board no matter what.  Having them stand out visually distracts from the main forum.  Also, once you click one of the nav board links, it goes dark, but if you haven't every clicked it before, it stays white.  Better to have the links remain one single color whether they've been clicked or not.

4.  Text font & size.  The font in the discussion forums is too wide.  I don't know exactly what's the best solution, but the text in the discussion forums takes up too much space.  It makes the board look crowded.  The font & size of the old look worked well for me, and keep things looking uncluttered.  Mebbe give that a shot to see how it works?

5.  Icons.  The icons to the left of the threads are easier to see than they were before.  But as a result, they make the page look a lot more busy.  Mebbe it's because I've almost never seen any use for them.  I enjoyed that the old them de-emphasized them by making the colors of the icons closer to the background color. 
6.  Collapsing Icons.  The current icons to collapse a category are not as intuitive as the arrows.  While they're more obvious, they also stand out a bit more.  Play around with changing the color to something darker and see if that cleans up the overall look. 

7.  Borders.  I really like the thin grey borders with the black line.  That said, there are a few places where I'd eschew borders or at least get rid of the black and the grey and would just use grey.  The nav board on the left is one example.  It makes it look too boxy and takes away from emphasizing the discussion forum. 

Another place worth experimenting with the borders is inside the discussion forums.  For example, maybe it's worth taking the border away from the icons column and just using color to differentiate the columns.  That might work well.  Similarly, using color only instead of borders and color for the column with number of replies/views might make the forum look less boxy.  The generally idea is limit the number of different boxes people see on the screen and draw their eyes to the boxes that matter.

Also, the white border around the buttons up top (e.g. Logout, Profile, Search, etc). is a little stark.  Maybe it should be the same grey as the other borders?  OTOH, I like that those buttons are easy to see and to use.  Check those buttons out with grey text and grey borders, and then again with white text and white borders and see what works better. 

8.  Logo.  I like the big logo as it was before.   It took up a lot of space up top.  Because it took up space, it didn't seem like the sponsor ads on the other side (which were smaller), were crowding onto the top of the discussion forums.  That worked well, and helped the sponsor ads to (a) stand out and (b) not look like they were crammed into the forum, which is kinda annoying.

9.  Thread-specific buttons.  They looks great in white.  I love the way you made them stand out.  It was often difficult with the old format to see the modify or reply or reply with quote buttons.  They're used frequently and having them stand out is a big improvement. 

10.   Board Suggestion Issues.  Since we're talking about layout, there are other issues I've raised before, including figuring out a common place for our library of information (the FAQ and the Tutorial sections often duplicate one another) and providing a good index of how people can find information and policies, reducing clutter , (including the need for the stolen motorcycles forum), and providing clear direction for new members where to go to get their intro to the board policies, FAQs and the library of information.  More in-depth descriptions can be found in the board suggestions forum.   They've been largely ignored, but since you're doing a board make-over, it might be worth looking at.

11.  Middle finger smiley.  I have no idea how to communicate without flipping people off.  You've just gotta add one, mitt.   ;D

12.  Signatures.  I love that the signatures are part of the original post, divided by only a line.  It looks good.   [thumbsup]

That's all I've got for now.  I'm sure I'll have more as you go along.  Again, thanks for all the work.
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: Grampa on June 05, 2009, 01:17:53 PM
damn.... all I asked for was a bacon background




[laugh]
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: River on June 05, 2009, 05:10:53 PM
Spidey, are you by any chance an attorney?   ;D

[laugh]
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: mitt on June 05, 2009, 05:18:40 PM
Quote from: Spidey on June 05, 2009, 01:14:09 PM
Thanks for all the work, Mitt & Co.  I know it takes forever to do.  Since you asked for feedback, here goes . . .

In general, I think the strength of the old look/layout was that there was minimal distraction.  The focus was on the discussion forums and not all the other "stuff' around.  The icons weren't too loud, there weren't too many fonts, text types, colors, etc.  The text didn't seem like it was crammed into the boxes.  It has a very simply look, and one worth duplicating.  With that in mind, I'd suggest toning down the current look a bit.  Start by using less white.  It's pretty abrupt on this dark background. 

Some specific suggestions:

1.  Read v. unread threads.  Right now, already-read are white and unread threads are darker.  That's visually distracting.  I like old old blue "new" icons better.  But if you're going to use color to distinguish read v. unread threads, don't make the color choice as start.

2.  Stickied Threads.  I like that they're bold.  Italics might work better.  Depending on the overall layout, it might even be worth making them a lighter color so that they stand out more.  BTW, I'll keep repeating my mantra:  we have too many stickies around here.  It makes it hard to determine which information is actually important.  See No. 10 below and my posts in Board Suggestions.

3.  Nav board.  Make the titles darker?   People will see the nav board no matter what.  Having them stand out visually distracts from the main forum.  Also, once you click one of the nav board links, it goes dark, but if you haven't every clicked it before, it stays white.  Better to have the links remain one single color whether they've been clicked or not.

4.  Text font & size.  The font in the discussion forums is too wide.  I don't know exactly what's the best solution, but the text in the discussion forums takes up too much space.  It makes the board look crowded.  The font & size of the old look worked well for me, and keep things looking uncluttered.  Mebbe give that a shot to see how it works?

5.  Icons.  The icons to the left of the threads are easier to see than they were before.  But as a result, they make the page look a lot more busy.  Mebbe it's because I've almost never seen any use for them.  I enjoyed that the old them de-emphasized them by making the colors of the icons closer to the background color. 
6.  Collapsing Icons.  The current icons to collapse a category are not as intuitive as the arrows.  While they're more obvious, they also stand out a bit more.  Play around with changing the color to something darker and see if that cleans up the overall look. 

7.  Borders.  I really like the thin grey borders with the black line.  That said, there are a few places where I'd eschew borders or at least get rid of the black and the grey and would just use grey.  The nav board on the left is one example.  It makes it look too boxy and takes away from emphasizing the discussion forum. 

Another place worth experimenting with the borders is inside the discussion forums.  For example, maybe it's worth taking the border away from the icons column and just using color to differentiate the columns.  That might work well.  Similarly, using color only instead of borders and color for the column with number of replies/views might make the forum look less boxy.  The generally idea is limit the number of different boxes people see on the screen and draw their eyes to the boxes that matter.

Also, the white border around the buttons up top (e.g. Logout, Profile, Search, etc). is a little stark.  Maybe it should be the same grey as the other borders?  OTOH, I like that those buttons are easy to see and to use.  Check those buttons out with grey text and grey borders, and then again with white text and white borders and see what works better. 

8.  Logo.  I like the big logo as it was before.   It took up a lot of space up top.  Because it took up space, it didn't seem like the sponsor ads on the other side (which were smaller), were crowding onto the top of the discussion forums.  That worked well, and helped the sponsor ads to (a) stand out and (b) not look like they were crammed into the forum, which is kinda annoying.

9.  Thread-specific buttons.  They looks great in white.  I love the way you made them stand out.  It was often difficult with the old format to see the modify or reply or reply with quote buttons.  They're used frequently and having them stand out is a big improvement. 

10.   Board Suggestion Issues.  Since we're talking about layout, there are other issues I've raised before, including figuring out a common place for our library of information (the FAQ and the Tutorial sections often duplicate one another) and providing a good index of how people can find information and policies, reducing clutter , (including the need for the stolen motorcycles forum), and providing clear direction for new members where to go to get their intro to the board policies, FAQs and the library of information.  More in-depth descriptions can be found in the board suggestions forum.   They've been largely ignored, but since you're doing a board make-over, it might be worth looking at.

11.  Middle finger smiley.  I have no idea how to communicate without flipping people off.  You've just gotta add one, mitt.   ;D

12.  Signatures.  I love that the signatures are part of the original post, divided by only a line.  It looks good.   [thumbsup]

That's all I've got for now.  I'm sure I'll have more as you go along.  Again, thanks for all the work.


1 - I think you have that reversed - read threads are gray, unread are white - makes sense to me that the new ones should stick out more.

2 - Stickied - bold title font is the default, I am not going to mess with it.

3 - The color of the titles are controlled by the same css element that controls the other titles on the board, so I can't change it independently

4 - This is splitting hairs literally.  You can really tell the difference in font letter width between old and new?

5 - You are in the minority on the icons indicating poll / read / your post / etc preference.  I have received positive feedback on brighter ones.  The new ones are the same ones we had from 2008 up to 3 months ago.  The ones we have been using with the broke theme might as well of been blank, since they were so dim and similar, it was hard to know what they meant.

6 - The plus and minus signs are actually more universal than arrows.  Does this picture ring a bell?

(http://www.epocware.com/screenshots/file_manager/Nokia7650.gif)

7 - I must sound like a broken record - each set of borders isn't independent in the default, so if I change one, it will mess up another area of the board.  I played with the border colors a lot just to get to the combo I have now.

8 - The big logo will come back - we just need to get the ads working first

Sorry to deflect most of your suggestions.  It isn''t that I don't agree with some, but unless you are doing the css and php/html from scratch, you are limited in color combos.

Thanks for the compliments though.   [thumbsup]

mitt
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: mitt on June 05, 2009, 05:22:46 PM
Spidey - I forgot one - I completely agree that the visited links in the left hand bars should not be gray.  That I think I/we can fix.

mitt
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: Spidey on June 05, 2009, 06:26:06 PM
Thanks for the reply, mitt.  Sounds like there's a buncha places whether there's only so much you can tailor.  Werd. 



1.  I guess I was wondering if it was necessary to have two different colors.  We already have the blue "new" icons to distinguish whether we've read a thread or not.  I thought it would look cool if they were all grey or all white (I think I like the grey more).  It sounds like white is the default color setting for text throughout the board.  Not my favorite on the black background, but <shrug>.  It looks good on the grey background.  [thumbsup]

2-3.  werd

4.  Is it splitting hairs?  I *thought* it looked pretty different.  I dunno if its the font type or size or width.  Maybe it's the cell spacing?  It just looks more . . . uh . . elongated and more crowded.  Or mebbe it's the drink talkin'.   [drink]

5.  Not surprised I'm the minority on this one.  Werd. 

6.  It's less about whether the icon is a minus or arrow than the color  Do they look good as just a simple grey plus or minus?  What's really buggin' me is they look like little Italian dildos when they're in 'minus' mode.   [laugh]  Mebbe I just have schlong on the mind?   :-\ 

7.  Sounds like you've done what you can with the borders.  Thanks.  The superthin black shadow is cool.   [thumbsup] 

The forum seems a a bit dark and I'm trying to figure out why.  Hmmm . . .   On the Index page, if you are technically able, mebbe the lighter grey for the forum cells as well (e.g. the cell that contains "General Monster"?  Would that look good?  And mebbe use the lighted grey on the "started by' column inside each forum?  I know that it'll make it so that the colors are the same for a bunch of the columns, but still they're divided by borders.  And it might make it look a bit less black-on-white? 

What about the middle finger smiley?   ;D [evil]  Ya know I've been lobbying for one for years now.   [laugh]

For you . . .

(http://www.comeraghcc.com/Images/NewsImages/2008/beer_toast.jpg)
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: Spidey on June 05, 2009, 06:32:56 PM
Are the cells in the index that have the titles for Moto Board, Introductions, Kitchen Sink different colors?  Some look dark/black/shaded.  Others look grey without any shading.  The non-shaded, lighter cell looks better IMO.

Re my earlier comment about the forum seeming dark, I like that grey a lot.  It might be cool to use that grey with the other grey to differentiate cells in the index rather than the dark with the grey. 
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: mitt on June 05, 2009, 08:52:58 PM
Quote from: Spidey on June 05, 2009, 06:32:56 PM
Are the cells in the index that have the titles for Moto Board, Introductions, Kitchen Sink different colors?  Some look dark/black/shaded.  Others look grey without any shading.  The non-shaded, lighter cell looks better IMO.

Re my earlier comment about the forum seeming dark, I like that grey a lot.  It might be cool to use that grey with the other grey to differentiate cells in the index rather than the dark with the grey. 

All the ones that I see are shaded, from dark on top to lighter on bottom.  That is a .jpg file that is repeated over and over to make the background, not an actual color.

(http://ducatimonsterforum.org/Themes/default/images/catbg2.jpg)

That can be played with if need be.

mitt
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: mitt on June 05, 2009, 08:55:18 PM
Quote from: Spidey on June 05, 2009, 06:26:06 PM


6.  It's less about whether the icon is a minus or arrow than the color  Do they look good as just a simple grey plus or minus?  What's really buggin' me is they look like little Italian dildos when they're in 'minus' mode.   [laugh]  Mebbe I just have schlong on the mind?   :-\ 



Just have to quote that in case anyone ever searches for "Italian dildos" 

You are the first to mention that, although 'painter said he liked the new icons - sub conscience?

;D

mitt
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: Spidey on June 05, 2009, 09:12:48 PM
Quote from: mitt on June 05, 2009, 08:55:18 PM
Just have to quote that in case anyone ever searches for "Italian dildos" 

I have no doubt that "dildo" is one of the top ten search terms on the DMF.   [laugh]
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: That Nice Guy Beck! on June 05, 2009, 10:12:20 PM
really looks sharp man awesome laylout and look thank you [beer]
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: DoubleEagle on June 06, 2009, 09:22:28 PM
Ay the risk of sounding boring , ........it looks fantastic !         :)

Great work Mitt.                  Dolph
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: GAAN on June 07, 2009, 09:30:56 AM
Quote from: Spidey on June 05, 2009, 09:12:48 PM
I have no doubt that "dildo" is one of the top ten search terms on the DMF.   [laugh]

having just searched for "dildos" on the DMF

it appears that you two are the only ones who have ever mentioned them

I'm sorta disappointed
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: Oldfisti on June 07, 2009, 09:55:26 AM
'Cept now you just did, too!        ;D
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: Spidey on June 07, 2009, 08:18:06 PM
Quote from: mitt on June 05, 2009, 05:22:46 PM
Spidey - I forgot one - I completely agree that the visited links in the left hand bars should not be gray.  That I think I/we can fix.

mitt

The forum titles on the index page also go grey when visited.  I'm not sure if that was intentional (in which case ignore this post) or not.
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: Spidey on June 07, 2009, 08:21:08 PM
Quote from: mitt on June 05, 2009, 08:52:58 PM
All the ones that I see are shaded, from dark on top to lighter on bottom.  That is a .jpg file that is repeated over and over to make the background, not an actual color.

With whatever you're running right now, the "Kitchen Sink" cell on the index page has flat grey.  All the other Category cells have the shaded background from the .jpg file. 

Edit:  It fixed itself.  Weird.  That's the same thing it did the other time I mentioned it. 
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: mitt on June 08, 2009, 05:54:18 AM
Quote from: Spidey on June 07, 2009, 08:21:08 PM
With whatever you're running right now, the "Kitchen Sink" cell on the index page has flat grey.  All the other Category cells have the shaded background from the .jpg file. 

Edit:  It fixed itself.  Weird.  That's the same thing it did the other time I mentioned it. 

sometimes when things are under change, a periodic shift+f5 (or shift+refresh) is a good thing.  It forces a fresh reload, not just a refresh.  The reload reloads all gifs and jpgs that might have been cached previously.

mitt
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: Monsterlover on June 08, 2009, 06:53:17 AM
For the record, I don't do well with major changes.

I like the DMF the way it was.

Fix it.

;D
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: RBX QB on June 08, 2009, 01:36:43 PM
Current config is much easier to follow than it was a couple weeks ago.

Only thought... Used to be able to preview a thread my hovering over the subject line inside one of the categories. It would give you the first couple lines of the text without having to click the link.

Minor issue, but I still find myself hovering over subjects hoping to find out more.
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: mitt on June 08, 2009, 02:36:53 PM
Quote from: RBX QB on June 08, 2009, 01:36:43 PM
Current config is much easier to follow than it was a couple weeks ago.

Only thought... Used to be able to preview a thread my hovering over the subject line inside one of the categories. It would give you the first couple lines of the text without having to click the link.

Minor issue, but I still find myself hovering over subjects hoping to find out more.

That has been broke for about 1 month now  [laugh]  We will fix it though, it takes an edit to the php index file, so it isn't high priority.

[thumbsup]

mitt 
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: Spidey on June 08, 2009, 07:37:12 PM
Not sure if anyone has mentioned this yet or not, but it's pretty difficult to distinguish links from text.  Is there a way to change the color of links so they they are differentiated?  I don't underlining will be enough b/c it might just look like . . well . . . underlining.  :)

Here's an example of a post with a bunch of links in it:  http://ducatimonsterforum.org/index.php?topic=18480.0 (http://ducatimonsterforum.org/index.php?topic=18480.0)

Thanks again for the work, mitt.  [thumbsup]
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: herm on June 09, 2009, 06:28:58 AM
is there anyway to highlight the "my messages" button when there is a new pm there?

i only just realized that i had a PM because of how unobtrusive it is.

thanx!
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: NAKID on June 09, 2009, 07:33:16 AM
Set you preferences to notify you when you have a PM. I have mine set to open in a new window when I get them...
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: herm on June 09, 2009, 10:32:56 AM
Quote from: NAKID on June 09, 2009, 07:33:16 AM
Set you preferences to notify you when you have a PM. I have mine set to open in a new window when I get them...

i do get a notification by email, but sometimes it is kind of slow (???)
regardless, it would be easier to see/find if it were in bold, or a different color
Title: Re: Take a peak, and leave your comments (new DMF color / layout style sheet)
Post by: Monsterlover on June 09, 2009, 11:15:33 AM
+1