Forum Style Changer

BrumSpur · **Posted:** 22 Mar 2011, 14:10

Based on Frap's efforts, suggestions of others and my own hackery, this is the latest forum restyler.

Latest Installation Instructions

Chrome Users - Install Stylish for Chrome

Firefox Users - Install Stylish for Firefox

Then wherever the

icon appears click it and choose "Find styles for this site" you should see Football 365 Forum Restyler offered, install that and Bob's your father's brother (Luke)

c_man wrote:

BrumSpur wrote:

c_man, someone explained it for Opera a few pages back, never used it myself, if someone wants to write it up neatly, I'll add it to the OP

- Figured it out myself, with Opera it seems you have to take the JS route as it simply wouldn't pick up the CSS. I'm currently on OSX but can try the CSS method on Windows next time I boot up.

Right. So the Opera way:

- Visit: http://userstyles.org/styles/44807/football-365-forum-restyler ;
- In the dropdown, have Opera selected [not sure if this makes a difference];
- Hit the 'install as user js' link [it points to this if you want to access it directly --> http://userstyles.org/styles/js/44807/Football%20365%20Forum%20Restyler.js;
- From within the browser window, you're now looking at the JS contents as per the link above;
- Still from within your browser window/tab: File --> Save As... and save that JS file to wherever you wish, i.e. 'My Documents';
- Now, when looking at any forum.f365.com page, right click and select Edit Site Preferences;
- Got to the Scripting tab;
- At the bottom you will have the option to select a folder path for 'User Javascript Folder';
- Paste/find the same location you downloaded/saved the JS file, i.e. 'My Documents'.
- Hit OK and confirm your selection, hit OK until you are out of the 'Edit Site Preferences' menu box;
- Refresh any forum page:
-

Djimi wrote:

David Garver wrote:

How would I go about making my own changes to the css script? Not to rival yours as a new forum look or anything, your efforts have been excellent, I'm just looking to play around with one or two things for my own personal use.

:toppa:

If you want to play around with the style script have a look at this add-on BrumSpur recommended me on the last page; its seriously handy for figuring out what is what!

BrumSpur wrote:

I'll tell you how I worked this out easily, there's an addon for adblock that adds a thing which highlights styled elements if you install that and press ctrl + shift + s, you can highlight the elements and find out the style names by hovering over them.

Admin wrote:

Brum, let's keep this stickied for at least two more weeks for the new intake (yes, they#re coming soon)

Before

After

WARNING: Huge images behind the thumbnails.

spasy paddy · **Posted:** 22 Mar 2011, 14:34

can we get before and after screenshots?

potlucknoodle · **Posted:** 22 Mar 2011, 14:54

spasy paddy wrote:

can we get before and after screenshots?

This, I don't want to install it and never change it back :((

Jimmy Boy · **Joined:** 04 Sep 2008, 12:46 **Posts:** 3249

potlucknoodle wrote:

spasy paddy wrote:

can we get before and after screenshots?

This, I don't want to install it and never change it back :((

Not sure if I did it right...

Before: show

After: show

Summary... :-|

Queequeg · **Posted:** 22 Mar 2011, 15:23

Those look almost exactly the same :lol:

edit: I'll give it a bash, anyway.

Jimmy Boy · **Joined:** 04 Sep 2008, 12:46 **Posts:** 3249

Here is my actual desktop after changes...

Basically just made everything tiny and squashed

Spoiler: show

grumble · **Joined:** 17 Jan 2008, 14:41 **Posts:** 1492

I get this when I hit the S

No styles installed for this site.
Find more styles for this site.

am i doing something wrong?

edit: I was making a mistake :roll:

Admin · **Joined:** 09 Feb 2009, 14:43 **Posts:** 1306

great stuff brum

WastedJoker · **Posted:** 22 Mar 2011, 15:56

Images aren't working for me but does this version have bolded thread titles? I would rather keep my own version if so.

BrumSpur · **Posted:** 22 Mar 2011, 15:59

It has options for bold titles or not, and different fonts, you do have to uninstall/reinstall to see them though.

Frap · **Joined:** 17 Jan 2008, 15:04 **Posts:** 8077

Admin wrote:

great stuff brum

Oi

WastedJoker · **Posted:** 22 Mar 2011, 16:01

BrumSpur wrote:

It has options for bold titles or not, and different fonts, you do have to uninstall/reinstall to see them though.

ok, cool. Will I just need to press "Update" in Stylish for the current script or do I need to install fresh?

BrumSpur · **Posted:** 22 Mar 2011, 16:02

WastedJoker wrote:

BrumSpur wrote:

It has options for bold titles or not, and different fonts, you do have to uninstall/reinstall to see them though.

ok, cool. Will I just need to press "Update" in Stylish for the current script or do I need to install fresh?

you need to uninstall from Stylish, then reinstall, use the webpage or you don't get the options.

BrumSpur · **Posted:** 22 Mar 2011, 16:02

Frap wrote:

Admin wrote:

great stuff brum

Oi

Admin

Frap

Ahmed · **Posted:** 22 Mar 2011, 16:28

Did all my helpful posts in the old version die? :wave:

BrumSpur · **Posted:** 22 Mar 2011, 16:30

Nope, it's still about, I need to copy some more stuff into the OP as well.

Ahmed · **Posted:** 22 Mar 2011, 16:33

Some post history access/posting links help might be good for the noobs (and the hordes of stupid forummers that we already have who don't know how to do either of those things)

BrumSpur · **Posted:** 22 Mar 2011, 16:36

Well volunteered Ahmed!

Cornelius Sponge · **Joined:** 11 Dec 2008, 23:00 **Posts:** 367

Nice. Compact.

Have a thumbs up :thumbup:

Real Madras · **Posted:** 22 Mar 2011, 18:02

I can't even find the 'S'

firefly · **Posted:** 22 Mar 2011, 18:32

Ahmed wrote:

Some post history access/posting links help might be good for the noobs (and the hordes of stupid forummers that we already have who don't know how to do either of those things)

When you view your own posts it used to take you straight to your post within a thread. Now it goes to page 1 (not the most helpful when my post is buried in page 12 somewhere). Or am I one of the horde? :blush:

Ahmed · **Posted:** 22 Mar 2011, 20:49

Real Madras wrote:

I can't even find the 'S'

Chrome: Top right, next to the address bar.

Spoiler: show

Firefox: Bottom right, edge of the status bar.

Spoiler: show

Ahmed · **Posted:** 22 Mar 2011, 21:02

firefly wrote:

Ahmed wrote:

Some post history access/posting links help might be good for the noobs (and the hordes of stupid forummers that we already have who don't know how to do either of those things)

When you view your own posts it used to take you straight to your post within a thread. Now it goes to page 1 (not the most helpful when my post is buried in page 12 somewhere). Or am I one of the horde? :blush:

Click View Your Posts to see all of the threads that you've posted in. It allows you to see all threads that you've posted in and also directly navigate to any new posts in that thread if you click the orange arrow to the left of threads.

Spoiler: show

As you can see, those are the most recently active threads that I have posted in. Some of those have orange arrows because I haven't read the latest messages.

Now if you want to directly view your own posts, you click on the

button below a post of yours to get to this page;

Spoiler: show

When on your profile, click the "Search user's post" link. This will take you to this page;

Spoiler: show

From here, you can navigate to the thread you've posted in and also your post in that thread.
1: Takes you to the thread
2: Takes you to the post.

Clear?

WastedJoker · **Posted:** 22 Mar 2011, 21:03

ok, found it

Had to amend to this:

Code:

.topicauthor { font-size: 1.1em ! important;}
.topicdetails { font-size: 1.1em ! important;}

as I didn't like how small the font was for topic detail and author.

Ahmed · **Posted:** 22 Mar 2011, 21:11

To post links, use either of the options highlighted in this image;

Spoiler: show

Untick the parse URLs box and the link will work
Leave it ticked, the link won't work.
If you untick the box and then preview the post, the box automatically gets reticked.

URL tags >>> Parsing URLs.
Parsed URLs open in the same tab.
URL tagged URLs open in a new tab.

[/does the work for Brum]

Real Madras · **Posted:** 22 Mar 2011, 21:21

Ahmed wrote:

Real Madras wrote:

I can't even find the 'S'

Firefox: Bottom right, edge of the status bar.

Spoiler: show

Cheers Ahmed. They hid that well, would've been looking for forever and a day.

firefly · **Posted:** 22 Mar 2011, 23:41

Thanks Ahmed :thumbup:

BrumSpur · **Posted:** 23 Mar 2011, 00:12

Ahmed wrote:

[/does the work for Brum]

Body of Krang · **Joined:** 29 Sep 2010, 00:18 **Posts:** 1052

Brumspur, first of excellent work on the script! I've edited it myself but there's a few things I can't figure out, I'm using chrome and the text in the panel at the top with "Board index >> Football Forum" is tiny. Do you know what element name this is? I've exhausted all my knowledge!

Actually, just noticed the same problem with the text in the "Post subject: Re: Forum Style Changer" panel.

I can't find either of these elements so your help would be much appreciated

BrumSpur · **Posted:** 23 Mar 2011, 10:36

Code:

.breadcrumbs { font-size: 1.1em ! important;
font-family:  Helvetica, Arial, sans-serif ! important;
}

td.gensmall {font-size: 1.1em ! important;
font-family:  Helvetica, Arial, sans-serif ! important;
}

Body of Krang · **Joined:** 29 Sep 2010, 00:18 **Posts:** 1052

BrumSpur wrote:

Code:

.breadcrumbs { font-size: 1.1em ! important;
font-family:  Helvetica, Arial, sans-serif ! important;
}

td.gensmall {font-size: 1.1em ! important;
font-family:  Helvetica, Arial, sans-serif ! important;
}

Do you know where I could read up on this myself? I've done a small bit of HTML before but some of this looks different

Body of Krang · **Joined:** 29 Sep 2010, 00:18 **Posts:** 1052

Actually, nevermind. I've found the chrome equivalent of the adblock plus that lets you find out which element it is you want to edit

Adblock +

Just right click anywhere and select "Inspect element" at the bottom of the list

arabiandave · **Joined:** 18 Jan 2008, 11:26 **Posts:** 324

BrumSpur wrote:

WastedJoker wrote:

BrumSpur wrote:

It has options for bold titles or not, and different fonts, you do have to uninstall/reinstall to see them though.

ok, cool. Will I just need to press "Update" in Stylish for the current script or do I need to install fresh?

you need to uninstall from Stylish, then reinstall, use the webpage or you don't get the options.

Yo, great effort, but just one thing: I selected non-bold titles from the installer page, but they are still appearing as bold. Had a go at editting the code but doesn't seem to make any difference...

The Big E · **Posted:** 30 Mar 2011, 19:51

Where is the 'S' in Firefox 4???

I have this working, mind, love it :toppa:

but just noticed that there is no 'S' symbol visible since upgrade to FF4

Ahmed · **Posted:** 30 Mar 2011, 19:55

Check the stylish addon page to see if its compatible with 4.

BrumSpur · **Posted:** 30 Mar 2011, 20:02

It is (I've been using 4 all along, but the S doesn't show on this one the x64 version, but does at work on the 32bit)

Apparently it's a common problem, go via addon manager

Theo Cupier · **Joined:** 19 Jan 2008, 12:00 **Posts:** 1567

Hi Brum, Apologies if I'm suffering from false memory syndrome, but did a previous version of this thread have details of changes you could make to remove things like the confirmation page when you submitted a reply?

If I haven't made this up, could we have the details reposted in here, please?

BrumSpur · **Posted:** 31 Mar 2011, 10:16

Theo Cupier wrote:

Hi Brum, Apologies if I'm suffering from false memory syndrome, but did a previous version of this thread have details of changes you could make to remove things like the confirmation page when you submitted a reply?

There was something like that (as part of a greasemonkey script) but it didn't work well IIRC.

The old thread still exists

voicelesschorus · **Joined:** 06 Nov 2009, 08:45 **Posts:** 2957

BrumSpur, just a quick heads up - I have a new lappy and tried to reinstall the restyler for Opera but the link in the OP doesn't seem to provide the JS file. So had to recover the saved file from my backup to install this.

Love how the forum looks and feels with the restyler in place. :thumbup:

Monkey D. Jenya · **Joined:** 21 Jul 2008, 21:00 **Posts:** 374

Nice, I like it...