[Forums] Don't like the color schema? Write your own!

@beckfield said:
Yep, saw it. Curious: How’d you make the font-size work without the !important rule? Must have changed something at an ancestor level.

I think it always worked that way for me. I apparently had it specified twice in my file though, and one was hard-coded the other was the user variable so the hard-coded one overrode. It’s possible when you were mocking it up in your script that you couldn’t override mine without important?

div.Message p, div.Message {font-size:100%;} is all I’m doing, with the “100” being the user variable.

@vanstinator said:
MovieFan.Plex there isn’t a gear on the threads unless you created the discussion.

Ninja’s get the gear on all topics / posts

Well you’re apparently seeing something I’m not a ninja. I believe I have gears for my own discussions, so I should be able to fix that regardless.


@sa2000 said:
Ninja’s get the gear on all topics / posts
Hah. I didn’t even think of that. Thanks.

@MovieFan.Plex said:
Hah. I didn’t even think of that. Thanks.

Hmm, Ninja demotion. :slight_smile:

I’ve been able to fake my way through until now. Shh. Don’t tell Elan. :slight_smile:

@vanstinator - hi , there are still some issues with contrast

See search results here

Well that’s pretty cool and nice to know.

@sa2000 said:
vanstinator - hi , there are still some issues with contrast

See search results here

Updated! Sorry for dropping the ball on this one, I know you reported it a few days ago.

I’m pleased to announce the initial release of my JavaScript plugin. This plugin only currently works on the discussion list page, but I’m quickly working towards adding it to the category page. This was one of my favorite features of the IP.Board software and I’m super excited to bring it to Vanilla! Please note that since images are cached locally to make this work you may see broken link avatars from time to time. I’m addressing this with a “default” avatar I’ll be showing but that is not yet implemented. The Javascript is currently a mess and I’ve got a local copy with some significant refactoring taking place but I want to get this out for the few of you who really want to use it.

I’ve given it a lot of thought and instead of going after a complete reproduction of the old forums I’m going to combine the items I absolutely miss with the awesome stuff on the new boards. This feature is #1 by miles for me. I’m open to other things to bring over as well. I’m not planning on much once I polish up the image changes as I’ll be comfortable so if you want to see some additional functionality I’m definitely open to it.

And as a refresher for those just jumping on board the CSS will always work without the JS plugin. The JS plugin always requires the CSS plugin.

CSS - Classic Forum for Plex | Userstyles.org - install this with Stylish

JS - Classic Forum for Plex - install this with TamperMonkey

GitHub - GitHub - vanstinator/Classic-Forum-for-Plex

A few notes on how the avatar loading works since there is no API - https://forums.plex.tv/discussion/comment/986472/#Comment_986472

Screenshot

!

@vanstinator Not a good start for me - says Invalid script header when installing this the JS script on Chrome
https://greasyfork.org/en/scripts/11407-classic-forum-for-plex

I clicked OK on the error - no other option given
I do not know what state the javascript install is in - don’t see a difference so probably not installed??
I did say we may end up complicating things - will need to start use a forum to troubleshoot why we can’t view another forum

The following corrects some of the problems on the Side Menus in the Profile Edit area:

/* Put badges on Profile pages into horizontal rows (Edit My Thumbnail page) */
.PhotoGrid a {float: left;}

The following code works, but is unreliable. It is likely conflicting with CSS coming from somewhere else, but I don’t know how to make this stick. @vanstinator?

/* Correct colors of side menus on Profile edit pages */
.SideMenu.Active a {border-width: 0px; color: #777; background-color: #222 !important;}
.sidebar .SideMenu .PanelInfo li.Active a {color: #E2E2E2 !important; background-color: #FF8A00 !important;}

There is still some hidden text on these pages also.

Updated my style:

  • Topic list, Moved avatar and name to right side
  • Changed partial dates and times to full date and time
  • Cleaned up some code and added comments (work in progress)

@MovieFan.Plex said:
Updated my style:

  • Topic list, Moved avatar and name to right side
  • Changed partial dates and times to full date and time
  • Cleaned up some code and added comments (work in progress)

Thanks - like it. Did you tone down some of the colors ? looks good to me now.

Can’t see some of the text

@sa2000 said:
vanstinator Not a good start for me - says Invalid script header when installing this the JS script on Chrome
Classic Forum for Plex

I clicked OK on the error - no other option given
I do not know what state the javascript install is in - don’t see a difference so probably not installed??
I did say we may end up complicating things - will need to start use a forum to troubleshoot why we can’t view another forum

Did you install it using tampermonkey? Reproduced, You need to use tampermonkey, or something else that allows userscripts. AFAIK Chrome no longer allows straight up userscript installation. If you want to install it that way I can look into making it work, but installing it via an extension seems to be a cleaner and safer way to do it. That’s the only way I’ve tested it. I’ve done a clean install of the script without error, I also update another machine using the built in updater without issue. Haha, not going to need another forum. Userscripts really aren’t that complicated, this’ll work, it’s only the first release.

@MovieFan.Plex said:
Updated my style:

  • Topic list, Moved avatar and name to right side
  • Changed partial dates and times to full date and time
  • Cleaned up some code and added comments (work in progress)

I like yours too. I may need to add some more contrast to mine. I’ve got a few things I’d been playing with, might incorporate some of what you’ve done.

@vanstinator said:
You need to use tampermonkey, or something else that allows userscripts. AFAIK Chrome no longer allows straight up userscript installation. If you want to install it that way I can look into making it work, but installing it via an extension seems to be a cleaner and safer way to do it. That’s the only way I’ve tested it. I’ve done a clean install of the script without error, I also update another machine using the built in updater without issue. Haha, not going to need another forum. Userscripts really aren’t that complicated, this’ll work, it’s only the first release.

Don’t bother. I am going to opt out of trying the JS extension

Ok, sounds good.

@beckfield said:
The following corrects some of the problems on the Side Menus in the Profile Edit area:

/* Put badges on Profile pages into horizontal rows (Edit My Thumbnail page) */
.PhotoGrid a {float: left;}

The following code works, but is unreliable. It is likely conflicting with CSS coming from somewhere else, but I don’t know how to make this stick. vanstinator?

/* Correct colors of side menus on Profile edit pages */
.SideMenu.Active a {border-width: 0px; color: #777; background-color: #222 !important;}
.sidebar .SideMenu .PanelInfo li.Active a {color: #E2E2E2 !important; background-color: #FF8A00 !important;}

There is still some hidden text on these pages also.

I’ll take a look over lunch!

@sa2000 said:
Thanks - like it. Did you tone down some of the colors ? looks good to me now.
I removed some more orange. Not sure what else would have changed, unless I accidentally removed something with my code clean up.

Can’t see some of the text
Fixed. Thanks for the find.