Page 4 of 13

Re: Step by Step Guide for Restoring Old Forum Look

Posted: 06 Aug 2015, 09:47
by weirdsonofprimerib
Trigger wrote:Chaps :toppa:

Glad you are liking the changes. I've made a few more changes to try and bring it as in line with the old site. Here are this mornings screenshots.

They include...smaller thread titles, pagination like the old place and a complete rework of the CSS so if people want to change something themselves they know where to look as i'e commented the areas in. Let me know if you all think these should go into the actual style for people to update to!

Spoiler: show
Image

Image


Yes please, I want it :nod: :nod:

Re: Step by Step Guide for Restoring Old Forum Look

Posted: 06 Aug 2015, 09:47
by Will
c_man wrote:Any way of removing the blue padding down the left and right (and along the top) on the main forum view? (where all topics are listed)

It's still obvious its a forum, but taking that away would make it look a a lot less so :ninja:


That's what Triggers last bit of code does, couple of posts above. :thumbup:

This:

Trigger wrote:You can add this code in, as i've said before, make sure that you make note of these changes but making your own "section" at the bottom of the style area, that way, if I update the master style and you update too, you should copy your custom changes out first and then paste them back in after you've updated the master style.

Otherwise you'll lose your custom changes.

Code: Select all

.forumbg {
  background-color: #eeeeee;
  background-image: none;
}


ul.topiclist .header dt, ul.topiclist .header dd {
  color: #313131 !important;
}

Re: Step by Step Guide for Restoring Old Forum Look

Posted: 06 Aug 2015, 09:48
by OmarsLittleCock
blocked by work administrator! wankers

Re: Step by Step Guide for Restoring Old Forum Look

Posted: 06 Aug 2015, 09:54
by Brian
BM :toppa:

Re: Step by Step Guide for Restoring Old Forum Look

Posted: 06 Aug 2015, 09:56
by Malanax
top work :toppa:

Re: Step by Step Guide for Restoring Old Forum Look

Posted: 06 Aug 2015, 09:57
by Trigger
OogyBoogy wrote:Looks a lot better with the latest update :toppa: :adore:

Any way of getting rid or changing the stupid big red icons next to every thread? :uhoh:

You can, but this also gets rid of all of the "hot" and other icons? If you want to use it, i've left the sticky icon bulbs there. I can add another bit to remove those if you want. Basically, the code selects anything that is not a sticky and removes the padding to the left quite a bit too.

Let me know if you want to change it :toppa:

Code: Select all

    ul.topiclist .row .topic_read, ul.topiclist .row .topic_unread, ul.topiclist .row .topic_unread_hot, ul.topiclist .row .topic_unread_hot_mine, ul.topiclist .row .topic_read_hot_mine, ul.topiclist .row .topic_unread_mine {
         background-image: none;
    }
     
     ul.topiclist.topics dt {
         background-image: none !important;
    }
     
     ul.topiclist.topics .row:not(.sticky, .global-announce) .list-inner {
         padding-left: 7px;
    }

Re: Step by Step Guide for Restoring Old Forum Look

Posted: 06 Aug 2015, 09:58
by Pat Mustard's lovechild
Is there a way of using this on IE for when I'm in work?

Re: Step by Step Guide for Restoring Old Forum Look

Posted: 06 Aug 2015, 09:59
by BigDaddy
Pat Mustard's lovechild wrote:Is there a way of using this on IE for when I'm in work?


this is your best bet

http://superuser.com/questions/305105/equivalent-to-stylish-plug-in-for-ie-9

Re: Step by Step Guide for Restoring Old Forum Look

Posted: 06 Aug 2015, 10:04
by OogyBoogy
Trigger wrote:
OogyBoogy wrote:Looks a lot better with the latest update :toppa: :adore:

Any way of getting rid or changing the stupid big red icons next to every thread? :uhoh:

You can, but this also gets rid of all of the "hot" and other icons? If you want to use it, i've left the sticky icon bulbs there. I can add another bit to remove those if you want. Basically, the code selects anything that is not a sticky and removes the padding to the left quite a bit too.

Let me know if you want to change it :toppa:

Code: Select all

    ul.topiclist .row .topic_read, ul.topiclist .row .topic_unread, ul.topiclist .row .topic_unread_hot, ul.topiclist .row .topic_unread_hot_mine, ul.topiclist .row .topic_read_hot_mine, ul.topiclist .row .topic_unread_mine {
         background-image: none;
    }
     
     ul.topiclist.topics dt {
         background-image: none !important;
    }
     
     ul.topiclist.topics .row:not(.sticky, .global-announce) .list-inner {
         padding-left: 7px;
    }


Me likey! :shocked: :o :toppa:

Re: Step by Step Guide for Restoring Old Forum Look

Posted: 06 Aug 2015, 10:05
by Will
If you could modify it to get rid of all the icons that'd be nice. I did try to work it out myself but I'm too thick :(

Re: Step by Step Guide for Restoring Old Forum Look

Posted: 06 Aug 2015, 10:06
by Danger Seagulling
Trigger :adore:

Re: Step by Step Guide for Restoring Old Forum Look

Posted: 06 Aug 2015, 10:12
by bravo
Just added the new style and it's a lot better. :thumbup:

Re: Step by Step Guide for Restoring Old Forum Look

Posted: 06 Aug 2015, 10:13
by ironmike8
Well, I must say Trigger, you're a star.

:badger:

Re: Step by Step Guide for Restoring Old Forum Look

Posted: 06 Aug 2015, 10:17
by ScoobyDoo
You guys :adore: :adore: :adore:
:badger:

Re: Step by Step Guide for Restoring Old Forum Look

Posted: 06 Aug 2015, 10:20
by Keith Hunt
Sorry trigger, is there any way to get the thread topic titles on the forum view less bold? I have tried but I have the look of that dog that has no idea what he's doing.

Re: Step by Step Guide for Restoring Old Forum Look

Posted: 06 Aug 2015, 10:21
by c_man
Will wrote:
c_man wrote:Any way of removing the blue padding down the left and right (and along the top) on the main forum view? (where all topics are listed)

It's still obvious its a forum, but taking that away would make it look a a lot less so :ninja:


That's what Triggers last bit of code does, couple of posts above. :thumbup:

This:

Trigger wrote:You can add this code in, as i've said before, make sure that you make note of these changes but making your own "section" at the bottom of the style area, that way, if I update the master style and you update too, you should copy your custom changes out first and then paste them back in after you've updated the master style.

Otherwise you'll lose your custom changes.

Code: Select all

.forumbg {
  background-color: #eeeeee;
  background-image: none;
}


ul.topiclist .header dt, ul.topiclist .header dd {
  color: #313131 !important;
}


Many thanks man :toppa: I was losing track of what was being included in master updates and what we should be updating ourselves, manually. Works great!

Re: Step by Step Guide for Restoring Old Forum Look

Posted: 06 Aug 2015, 10:22
by Trigger
Chaps,

If you do want to remove all of the icons, including stickies (not announcements though), and sort out all of the padding, add in this code (remove what you added previously)

If this is to go into the master style, I will give it a few hours. If people dont want it in the global style I can tell you how to comment it out.

It looks a lot like the old forum with this tbf. Let me know what you think

Code: Select all

ul.topiclist .row .topic_read, ul.topiclist .row .topic_unread, ul.topiclist .row .topic_unread_hot, ul.topiclist .row .topic_unread_hot_mine, ul.topiclist .row .topic_read_hot_mine, ul.topiclist .row .topic_unread_mine, ul.topiclist.topics .sticky_read_mine, ul.topiclist.topics .sticky_unread, ul.topiclist.topics .sticky_unread_mine {
         background-image: none;
    }
     
     ul.topiclist.topics dt {
         background-image: none !important;
    }
     
     ul.topiclist.topics .row .list-inner {
         padding-left: 7px;
    }
     
     .announcement ul.topiclist.topics .list-inner {
        padding-left: 45px !important;
    }
   

Re: Step by Step Guide for Restoring Old Forum Look

Posted: 06 Aug 2015, 10:24
by Will
Generally good, but I got a scrolly icon for read posts still coming up and one that looks like this too:

Image

Re: Step by Step Guide for Restoring Old Forum Look

Posted: 06 Aug 2015, 10:25
by c_man
OogyBoogy wrote:
Spoiler: show
Trigger wrote:
OogyBoogy wrote:Looks a lot better with the latest update :toppa: :adore:

Any way of getting rid or changing the stupid big red icons next to every thread? :uhoh:

You can, but this also gets rid of all of the "hot" and other icons? If you want to use it, i've left the sticky icon bulbs there. I can add another bit to remove those if you want. Basically, the code selects anything that is not a sticky and removes the padding to the left quite a bit too.

Let me know if you want to change it :toppa:

Code: Select all

    ul.topiclist .row .topic_read, ul.topiclist .row .topic_unread, ul.topiclist .row .topic_unread_hot, ul.topiclist .row .topic_unread_hot_mine, ul.topiclist .row .topic_read_hot_mine, ul.topiclist .row .topic_unread_mine {
         background-image: none;
    }
     
     ul.topiclist.topics dt {
         background-image: none !important;
    }
     
     ul.topiclist.topics .row:not(.sticky, .global-announce) .list-inner {
         padding-left: 7px;
    }


Me likey! :shocked: :o :toppa:

looks good!

Re: Step by Step Guide for Restoring Old Forum Look

Posted: 06 Aug 2015, 10:25
by waxy
What's the practical difference between these two buttons?
Image

Re: Step by Step Guide for Restoring Old Forum Look

Posted: 06 Aug 2015, 10:26
by OogyBoogy
A lot better! There are still a few icons showing on the bookmarks page - if we could lose them too that'd be ideal. :toppa:

Re: Step by Step Guide for Restoring Old Forum Look

Posted: 06 Aug 2015, 10:27
by Trigger
Will wrote:Generally good, but I got a scrolly icon for read posts still coming up and one that looks like this too:

Image

Is this in your bookmarks list though yeah?

Ill sort that in a minute

Re: Step by Step Guide for Restoring Old Forum Look

Posted: 06 Aug 2015, 10:28
by Will
Nope - on the main page

Re: Step by Step Guide for Restoring Old Forum Look

Posted: 06 Aug 2015, 10:29
by Jake Barnes
mr_chimp wrote:
Wanderer wrote:
SeasideWolf wrote:Here's a tampermonkey/greasemonkey script for View Your Posts & Bookmarks in the top right hand corner...

Code: Select all


// ==UserScript==
// @name         F365 Links
// @match        http://forum.football365.com/*
// @grant        none
// ==/UserScript==

$('ul#nav-main').append('<li class="rightside"><a href="http://forum.football365.com/ucp.php?i=ucp_main&mode=bookmarks">Bookmarks</a></li><li class="rightside"><a href="http://forum.football365.com/search.php?search_id=egosearch">View Your Posts</a></li>')


Works in tandem with the Stylish stuff already posted :thumbup:

magnificent work gents :toppa:


I'm an utter dullard about this kind of thing - how to I employ/add this script/code to Trigger/Funky's one?

Re: Step by Step Guide for Restoring Old Forum Look

Posted: 06 Aug 2015, 10:30
by Juicer
:badger:

Re: Step by Step Guide for Restoring Old Forum Look

Posted: 06 Aug 2015, 10:31
by When is Now?
:adore: :toppa:
Fantastic stuff, works like a dream

Re: Step by Step Guide for Restoring Old Forum Look

Posted: 06 Aug 2015, 10:32
by Trigger
Updated, I think this includes just baout everything now, removes all icons in the bookmarks menu as well. Any missing let me know

Code: Select all

    ul.topiclist .row .topic_read, ul.topiclist .row .topic_unread, ul.topiclist .row .topic_unread_hot, ul.topiclist .row .topic_unread_hot_mine, ul.topiclist .row .topic_read_hot_mine, ul.topiclist .row .topic_unread_mine, ul.topiclist .row .topic_read_mine,  ul.topiclist.topics .sticky_read_mine, ul.topiclist.topics .sticky_unread, ul.topiclist.topics .sticky_unread_mine {
         background-image: none;
    }
     
     ul.topiclist.topics dt, ul.topiclist.cplist dt {
         background-image: none !important;
    }
     
     ul.topiclist.topics .row .list-inner, ul.topiclist.cplist .row .list-inner {
         padding-left: 7px;
    }
     
     .announcement ul.topiclist.topics .list-inner {
        padding-left: 45px !important;
    }

Re: Step by Step Guide for Restoring Old Forum Look

Posted: 06 Aug 2015, 10:32
by c_man
Will wrote:Nope - on the main page

confirmed.
its the icon that shows the thread has a poll (imageset icon_topic_poll)

Re: Step by Step Guide for Restoring Old Forum Look

Posted: 06 Aug 2015, 10:33
by Keith Hunt
Jake Barnes wrote:I'm an utter dullard about this kind of thing - how to I employ/add this script/code to Trigger/Funky's one?
You need to install GreaseMonkey rather than use Trigger's script. Once you've installed GreaseMonkey there's a link you can use to install it for you.

Re: Step by Step Guide for Restoring Old Forum Look

Posted: 06 Aug 2015, 10:34
by Jake Barnes
Keith Hunt wrote:
Jake Barnes wrote:I'm an utter dullard about this kind of thing - how to I employ/add this script/code to Trigger/Funky's one?
You need to install GreaseMonkey rather than use Trigger's script. Once you've installed GreaseMonkey there's a link you can use to install it for you.


:toppa:

Re: Step by Step Guide for Restoring Old Forum Look

Posted: 06 Aug 2015, 10:34
by Keith Hunt
These links Jake...

Wanderer wrote:
SeasideWolf wrote:To make things a bit easier, after you've installed greasemonkey (firefox) or tampermonkey (chrome) click on one of these links and you'll have the option to install...

With notifications link

Without notifications link


SeasideWolf :adore:

Re: Step by Step Guide for Restoring Old Forum Look

Posted: 06 Aug 2015, 10:35
by c_man
Trig dat last update :adore:

Re: Step by Step Guide for Restoring Old Forum Look

Posted: 06 Aug 2015, 10:35
by Peter Sissons
Quick thing - I added the GM script to get the 'View your posts/bookmarks' links on the top right.

But when I click the link there I get a list of one thread that I've posted in, when I use the standard method all my threads show up.

Has this been solved already?

:toppa:

Re: Step by Step Guide for Restoring Old Forum Look

Posted: 06 Aug 2015, 10:39
by roscoered
Pay trigger footballers wages !!!!!

Re: Step by Step Guide for Restoring Old Forum Look

Posted: 06 Aug 2015, 10:39
by Peter Sissons
Also - Trigger - I like the latest code to remove icons BUT it doesn't differentiate between threads you have posted in and threads you haven't.

That's a helpful thing to have.

Re: Step by Step Guide for Restoring Old Forum Look

Posted: 06 Aug 2015, 10:40
by Jake Barnes
Heroes one and all :adore: :o

Change :hunt:

Re: Step by Step Guide for Restoring Old Forum Look

Posted: 06 Aug 2015, 10:40
by Will
c_man wrote:
Will wrote:Nope - on the main page

confirmed.
its the icon that shows the thread has a poll (imageset icon_topic_poll)


This is the other little fucker still occasionally making an appearance:
Image

It's animated though

Re: Step by Step Guide for Restoring Old Forum Look

Posted: 06 Aug 2015, 10:40
by b block red
Looks much better. Uses the width of the screen and posters details back on the left.

Top work. :toppa: :adore:

Re: Step by Step Guide for Restoring Old Forum Look

Posted: 06 Aug 2015, 10:42
by Trigger
Will wrote:
c_man wrote:
Will wrote:Nope - on the main page

confirmed.
its the icon that shows the thread has a poll (imageset icon_topic_poll)


This is the other little fucker still occasionally making an appearance:
Image

It's animated though

I havent got any like that. What thread is it and what page of threads is it on?

I dont see any icons whatsoever....

Re: Step by Step Guide for Restoring Old Forum Look

Posted: 06 Aug 2015, 10:47
by Monkeynuts
Trigger, you are a bloody saint :toppa: :adore: