Step by Step Guide for Restoring Old Forum Look

Unregistered users - start here!
Trigger
Posts: 5127
Joined: 17 Jan 2008, 19:41
Contact:

Re: Step by Step Guide for Restoring Old Forum Look

Postby Trigger » 06 Aug 2015, 10:47

ok, got it. sorry but some of them weren't appearing on mine at all. This will hopefully get them all :wave: :lol:

Code: Select all

    ul.topiclist .row .topic_read, ul.topiclist .row .topic_unread, ul.topiclist .row .topic_unread_hot, ul.topiclist .row .topic_read_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, ul.topiclist.topics .sticky_unread_locked, ul.topiclist.topics .sticky_read_locked, ul.topiclist.topics .topic_unread_locked, ul.topiclist.topics .topic_read_locked, ul.topiclist.topics .topic_read_locked_mine, ul.topiclist.topics .topic_unread_locked_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;
    }

Trigger
Posts: 5127
Joined: 17 Jan 2008, 19:41
Contact:

Re: Step by Step Guide for Restoring Old Forum Look

Postby Trigger » 06 Aug 2015, 10:49

me right now :blush:

Image

Teeth Gillespie
Posts: 16891
Joined: 27 Jan 2012, 13:01
Location: dominating

Re: Step by Step Guide for Restoring Old Forum Look

Postby Teeth Gillespie » 06 Aug 2015, 10:51

:lol:

Looks good, get it in the script. :nod:

Trigger
Posts: 5127
Joined: 17 Jan 2008, 19:41
Contact:

Re: Step by Step Guide for Restoring Old Forum Look

Postby Trigger » 06 Aug 2015, 10:53

Teeth Gillespie wrote::lol:

Looks good, get it in the script. :nod:

I'll give it a few hours. Unless people stand up and complain then I will get it in. Just trying to work out someway of differentiating between threads we've posted in

Trader Jones
Posts: 32032
Joined: 15 Feb 2009, 00:43

Re: Step by Step Guide for Restoring Old Forum Look

Postby Trader Jones » 06 Aug 2015, 10:56

SeasideWolf :poundit:

Added to the OP :toppa:

Marbles
Posts: 21782
Joined: 18 Jan 2008, 20:42
Location: FA Cup Winners '14, '15

Re: Step by Step Guide for Restoring Old Forum Look

Postby Marbles » 06 Aug 2015, 11:05

For the minimalists, I'd suggest trying this code. I've just kept most of Triggers code and toned down the colours.

Code: Select all

@namespace url(http://www.w3.org/1999/xhtml);
/**** GLOBAL AND TOP / BOTTOM AREA CHANGES ****/
 
    html, body {
        background-color: #fff;
    }
 
     #wrap {
        max-width: 100%;
    }
   
   .forumbg {
        border-radius: 0;
        margin-bottom: 8px;
   }

    .navbar {
        background-color: #fff;
        border-radius: 0;
    }
   
    .headerbar {
        display: none;
    }
   
       .bg1 {
        background-color: #fff;
    }
   
    .bg2 {
        background-color: #FBFBFB;
    }
   
       #page-footer #leaderboard-2 {
        display: none;
    }
 
 /**** END GLOBAL AND TOP / BOTTOM AREA CHANGES ****/
 
 
/**** THREAD AREA CHANGES ****/
   
    .post {
        border-radius: 0;
        margin-bottom: 2px;
    }
     
     .post .responsive-hide {
        display: none;
    }
   
    .content blockquote {
        background-color: #FBFBFB !important;
        background-size: 11px !important;
        border-color: #c4c4c4 !important;
        padding: 7px;
    }
   
    .postprofile {
        color: #666;
        border: none;
        float: left;
    }
   
    .postprofile {
        width: 12%;
    }
   
    .postbody {
        width: 87%;
    }
   
    .postbody {
        border-left: 1px solid #fff;
        padding-left: 10px;
    }
   
    .post .content {
        font-size: 13px !important;
        line-height: 1.5 !important;
    }
   
    .postbody h3 {
        display: none !important;
    }
   
    .online {
        background-image: none !important;
    }
   
    .post {
        border: 1px solid #c4c4c4;
    }
   
    .postprofile .username {
        font-size: 11px;
        font-weight: bold;
    }
   
    .postprofile .profile-posts a {
        font-weight: bold;
    }
   
   
   /**** END THREAD AREA CHANGES ****/
   
   
   /**** CHANGES POSTING AREA ****/
   
       #postingbox #smiley-box {
        float: left;
    }
   
    #postingbox #message-box {
        float: right;
    }
   
   /**** END POSTING AREA CHANGES ****/
   
   
   
    /**** CHANGE THE MAIN FORUM LIST ****/
   
   
    div.forumbg li.row div.list-inner {
        padding-top: 10px;
    }
     
    div.forumbg li.row div.list-inner div.responsive-hide {
        color: transparent;
        margin-top: -18px;
        text-align: right;
    }
     
    div.forumbg li.row div.list-inner div.responsive-hide a {
        display:block;
        float: right;
        margin-top: 3px;
    }
     
    div.forumbg li.row div.list-inner br, li.row div.list-inner div.responsive-hide span.imageset {
        display: none !important;
    }
     
    div.forumbg li.row div.list-inner div.pagination {
        display: inline-block;
        float:none;
        position: relative;
        top: -2px;
    }
   
       ul.topiclist .row {
        background-color: #fff;
    }
   
       li.row:hover {
        background-color: #FBFBFB;
    }
   
       .forum_unread, .forum_read {
        background-image: none !important;
    }
   
    .topiclist.forums .list-inner {
        margin-top: 11px;
        padding-left: 10px;
    }
   
    .sticky {
        background-color: #FBFBFB !important;
    }
   
   
    /**** END HOME FORUM CHANGES ****/
   
   
   
    /**** HOME THREAD TITLES & PAGINATION ****/
   
   
    ul.topiclist.topics .pagination::before {
        content:"(";
        color: #fff;
    }
     
    ul.topiclist.topics .pagination::after {
        content:")";
        color: #fff;
    }
     
    ul.topiclist.topics .pagination li a::after {
        content:",";
    }
     
    ul.topiclist.topics .pagination li a {
        border: 0 none;
        font-size: 0.9em !important;
        font-weight: normal;
        background-color: transparent;
    }
     
    ul.topiclist.topics .pagination li a:hover {
        background-color: transparent;
        font-weight: normal;
        color: #fff;
        text-decoration: underline;
    }
     
    .pagination li:last-of-type a:after {
        content:"" !important;
    }
     
    ul.topiclist.topics a.topictitle {
        font-size: 1.1em;
    }
   
   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;
    }
    /**** END HOME THREAD TITLE & PAGINATION ****/

Fundamentals
Posts: 7509
Joined: 09 Sep 2014, 11:07
Location: Lokomotiv

Re: Step by Step Guide for Restoring Old Forum Look

Postby Fundamentals » 06 Aug 2015, 11:06

Just installed it, ten times better. Trigger :smug:

Are the little extra snippets of code you've posted in the pages of this thread already in the OP code I've installed, or do I have to add them somewhere?

OogyBoogy
Posts: 23604
Joined: 17 Jan 2008, 14:39
Location: Deep inside you...(Sporting CP)

Re: Step by Step Guide for Restoring Old Forum Look

Postby OogyBoogy » 06 Aug 2015, 11:08

latest update - almost perfect :o

but I can still see the sticky icon in my bookmarks page...

Trigger
Posts: 5127
Joined: 17 Jan 2008, 19:41
Contact:

Re: Step by Step Guide for Restoring Old Forum Look

Postby Trigger » 06 Aug 2015, 11:14

Right, all updates have been pushed to the master style as of right now. Its easy enough to comment out if you want to, let me know if you do...

Anything else that people are thinking to get this sorted. I am going to dedicate until 12 today before I actually crack on and do some work :thumbup:

Remember, if youve made custom changes copy them out before you update. Thou shalt not be held responsible :o
Last edited by Trigger on 06 Aug 2015, 11:16, edited 1 time in total.

Trigger
Posts: 5127
Joined: 17 Jan 2008, 19:41
Contact:

Re: Step by Step Guide for Restoring Old Forum Look

Postby Trigger » 06 Aug 2015, 11:15

OogyBoogy wrote:latest update - almost perfect :o

but I can still see the sticky icon in my bookmarks page...

This should be sorted in the latest update if you update.

If youve made custom changes, remember to copy them out before updating

Morbo82
Posts: 5194
Joined: 11 Dec 2008, 18:52

Re: Step by Step Guide for Restoring Old Forum Look

Postby Morbo82 » 06 Aug 2015, 11:15

Great job Triggs :adore:

Can finally look at this forum at work without it looking like I'm grooming some kids forum.

Only minor thing I can think of to make it look even better is a slight border/line between the profile on the left and the post so they don't blend into each other.

Trigger
Posts: 5127
Joined: 17 Jan 2008, 19:41
Contact:

Re: Step by Step Guide for Restoring Old Forum Look

Postby Trigger » 06 Aug 2015, 11:16

Morbo82 wrote:Great job Triggs :adore:

Can finally look at this forum at work without it looking like I'm grooming some kids forum.

Only minor thing I can think of to make it look even better is a slight border/line between the profile on the left and the post so they don't blend into each other.

<<<< There is a white one there :proud:

Elzo
Posts: 5731
Joined: 20 Jan 2008, 17:41

Re: Step by Step Guide for Restoring Old Forum Look

Postby Elzo » 06 Aug 2015, 11:19

Sorry for sounding stupid, what notifications are you talking about in the 'with' or 'without' options?

Peter Sissons

Re: Step by Step Guide for Restoring Old Forum Look

Postby Peter Sissons » 06 Aug 2015, 11:21

Peter Sissons wrote: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:

Any ideas folks?

Trigger
Posts: 5127
Joined: 17 Jan 2008, 19:41
Contact:

Re: Step by Step Guide for Restoring Old Forum Look

Postby Trigger » 06 Aug 2015, 11:22

Elzo wrote:Sorry for sounding stupid, what notifications are you talking about in the 'with' or 'without' options?

There is normally a "notifications" item here, if you use the script "with notifications" It adds the "view your posts" part with that still there, if you install it "without notifications" it removes it, like i have below

Image

Trader Jones
Posts: 32032
Joined: 15 Feb 2009, 00:43

Re: Step by Step Guide for Restoring Old Forum Look

Postby Trader Jones » 06 Aug 2015, 11:23

Elzo wrote:Sorry for sounding stupid, what notifications are you talking about in the 'with' or 'without' options?


I don't understand it too well, but in the upper right section of the forum you'll see 'notifications'

I think, think, whenever anybody quotes a post you've made you get a notification.

Seaside's code basically gives people the opposrtunity to bring back 'View Your Posts' and 'Bookmarks' and keep notiications, or get rid of it.

EDIT: What Trigger said ^

beefheart
Posts: 14811
Joined: 13 Nov 2008, 21:58

Re: Step by Step Guide for Restoring Old Forum Look

Postby beefheart » 06 Aug 2015, 11:25

Trig - one thing that was pissing me off was having the report button right next to the quote button.

Added this code to the Stylish script to hide it:

Code: Select all

a.button.icon-button.report-icon { display: none; }

Elzo
Posts: 5731
Joined: 20 Jan 2008, 17:41

Re: Step by Step Guide for Restoring Old Forum Look

Postby Elzo » 06 Aug 2015, 11:26

Ah nice one, thanks guys.

Will leave notifications off :toppa:

Douglas
Posts: 2148
Joined: 10 Dec 2008, 13:37
Location: Having a ball!

Re: Step by Step Guide for Restoring Old Forum Look

Postby Douglas » 06 Aug 2015, 11:29

I'm an idiot when it comes to this stuff, but I mainly forum on my phone with chrome. Will this work for me?

Trader Jones
Posts: 32032
Joined: 15 Feb 2009, 00:43

Re: Step by Step Guide for Restoring Old Forum Look

Postby Trader Jones » 06 Aug 2015, 11:31

Peter Sissons wrote:
Peter Sissons wrote: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:

Any ideas folks?


Im shit with technology, im just the PR guy in here. But i've bumped your problem so hopefully a technician will be with you shortly :o

beefheart
Posts: 14811
Joined: 13 Nov 2008, 21:58

Re: Step by Step Guide for Restoring Old Forum Look

Postby beefheart » 06 Aug 2015, 11:34

I think it's because View Your Posts is currently, to use the technical term, fucked :thumbup:

Trigger
Posts: 5127
Joined: 17 Jan 2008, 19:41
Contact:

Re: Step by Step Guide for Restoring Old Forum Look

Postby Trigger » 06 Aug 2015, 11:40

Any ideas what we can do to differentiate between a thread we've posted in? I can put something before the Thread title? Change background colours?

Need an idea really...

Trader Jones
Posts: 32032
Joined: 15 Feb 2009, 00:43

Re: Step by Step Guide for Restoring Old Forum Look

Postby Trader Jones » 06 Aug 2015, 11:45

Trigger wrote:Any ideas what we can do to differentiate between a thread we've posted in? I can put something before the Thread title? Change background colours?

Need an idea really...


Possibly a lighter grey for threads we've posted in.

I dunno if you could get lighter that what you're currently using though?

Morbo82
Posts: 5194
Joined: 11 Dec 2008, 18:52

Re: Step by Step Guide for Restoring Old Forum Look

Postby Morbo82 » 06 Aug 2015, 11:47

Trigger wrote:
Morbo82 wrote:Great job Triggs :adore:

Can finally look at this forum at work without it looking like I'm grooming some kids forum.

Only minor thing I can think of to make it look even better is a slight border/line between the profile on the left and the post so they don't blend into each other.

<<<< There is a white one there :proud:


So there is but I can barely make that out :lol:

Added a line myself to myself a proper border :proud:

OogyBoogy
Posts: 23604
Joined: 17 Jan 2008, 14:39
Location: Deep inside you...(Sporting CP)

Re: Step by Step Guide for Restoring Old Forum Look

Postby OogyBoogy » 06 Aug 2015, 11:50

Trigger wrote:Any ideas what we can do to differentiate between a thread we've posted in? I can put something before the Thread title? Change background colours?

Need an idea really...


put an erect penis icon next to the title?

either that or a bullet point similar to how it was before.

Peter Sissons

Re: Step by Step Guide for Restoring Old Forum Look

Postby Peter Sissons » 06 Aug 2015, 11:51

Trader Jones wrote:
Peter Sissons wrote:
Peter Sissons wrote: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:

Any ideas folks?


Im shit with technology, im just the PR guy in here. But i've bumped your problem so hopefully a technician will be with you shortly :o

You only do good things for this forum TJ :toppa:

OogyBoogy
Posts: 23604
Joined: 17 Jan 2008, 14:39
Location: Deep inside you...(Sporting CP)

Re: Step by Step Guide for Restoring Old Forum Look

Postby OogyBoogy » 06 Aug 2015, 11:56

I tend to have my browser open in a small window when using the forum. Now when i'm reading a thread I don't get the new look applied unless I have the window open full.

In a small window:

Image

full screen:

Image

Any way it could be fixed to look like the second screenshot when I've got it in a small browser window?

Actually the same thing with the bookmarks page - the menu and friends list appear at the top rather than the side when in a smaller window.

grimupnorth
Posts: 17414
Joined: 01 Sep 2008, 15:29
Location: everywhere

Re: Step by Step Guide for Restoring Old Forum Look

Postby grimupnorth » 06 Aug 2015, 12:35

TJ :toppa:

Ton
Posts: 2443
Joined: 17 Jan 2011, 16:29

Re: Step by Step Guide for Restoring Old Forum Look

Postby Ton » 06 Aug 2015, 12:36

OogyBoogy wrote:I tend to have my browser open in a small window when using the forum. Now when i'm reading a thread I don't get the new look applied unless I have the window open full.

Spoiler: show
In a small window:

Image

full screen:

Image

Any way it could be fixed to look like the second screenshot when I've got it in a small browser window?

Actually the same thing with the bookmarks page - the menu and friends list appear at the top rather than the side when in a smaller window.


Same problem here. Still looks great though :toppa: :).

Also installed the scripts on chrome using tampermonkey. Worked great. Now have View your posts and bookmarks. :nod:

CorneliusTBadger
Posts: 41962
Joined: 17 Jan 2008, 15:08
Location: I'm on the trampoline, innit?

Re: Step by Step Guide for Restoring Old Forum Look

Postby CorneliusTBadger » 06 Aug 2015, 12:48

t'Forum :toppa: :adore:

Pilkie
Posts: 22613
Joined: 17 Jan 2008, 17:37
Location:  Naming Rights Stadium

Re: Step by Step Guide for Restoring Old Forum Look

Postby Pilkie » 06 Aug 2015, 12:49

Move the quote button to the bottom of the post if you can :toppa:

Trigger
Posts: 5127
Joined: 17 Jan 2008, 19:41
Contact:

Re: Step by Step Guide for Restoring Old Forum Look

Postby Trigger » 06 Aug 2015, 12:50

Oogy, if you add this code, it will help set it up like you want. I've stopped at 700px as below that it would start to look a bit weird.

Code: Select all

@media screen and (min-width: 700px) and (max-width: 1176px) {
.postbody {
  width: 80% !important;
}
}

OogyBoogy
Posts: 23604
Joined: 17 Jan 2008, 14:39
Location: Deep inside you...(Sporting CP)

Re: Step by Step Guide for Restoring Old Forum Look

Postby OogyBoogy » 06 Aug 2015, 12:54

Trigger wrote:Oogy, if you add this code, it will help set it up like you want. I've stopped at 700px as below that it would start to look a bit weird.

Code: Select all

@media screen and (min-width: 700px) and (max-width: 1176px) {
.postbody {
  width: 80% !important;
}
}


you are a god amongst men :adore:

can I do something similar with the bookmarks page?

Soy Tom
Posts: 6226
Joined: 18 Jul 2008, 11:42
Location: Peckham

Re: Step by Step Guide for Restoring Old Forum Look

Postby Soy Tom » 06 Aug 2015, 12:56

I find that just saving 'View your posts' as a bookmark and having it in my bookmarks bar actually works best now, it saves you having to scroll up if you're at the bottom of a thread, for example.

Angel Sigh
Posts: 6618
Joined: 15 Oct 2010, 21:00

Re: Step by Step Guide for Restoring Old Forum Look

Postby Angel Sigh » 06 Aug 2015, 12:57

Great thread, thanks to everyone that helped. Not so fussed about how it looks as I usually get used too new looks, but can't be doing with function being fucked up as well :wave:

ShotgunPoweredByLies
Posts: 23356
Joined: 01 Feb 2011, 18:15

Re: Step by Step Guide for Restoring Old Forum Look

Postby ShotgunPoweredByLies » 06 Aug 2015, 13:02

Excellent work :toppa:

Don't know if it's just on mine, but have noticed this

Image

and this

Image

mons
Posts: 5702
Joined: 05 Mar 2008, 20:44
Location: Malta; happy to offer an objective opinion from a position of strength

Re: Step by Step Guide for Restoring Old Forum Look

Postby mons » 06 Aug 2015, 13:06

Trigger wrote:
waxy wrote:Excellent work :toppa:

I know this is really silly, but is there a way to show the thread name in the body of posts like before?

In your code, remove the bit that says

Code: Select all

    .postbody h3 {
        display: none !important;
    }


That will make it come back, to make it look a lot better, replace the above with this instead

Code: Select all

    .postbody h3 {
        font-size: 1.1em;
        margin-bottom: 4px;
    }

:adore:

Can I nominate Trigger for a forum Knighthood? Well deserved imo :badger:

Trigger
Posts: 5127
Joined: 17 Jan 2008, 19:41
Contact:

Re: Step by Step Guide for Restoring Old Forum Look

Postby Trigger » 06 Aug 2015, 13:07

ShotgunPoweredByLies wrote:Excellent work :toppa:

Don't know if it's just on mine, but have noticed this

Image

and this

Image

Where are you seeing that icon? Thought i'd got all of the pesky things :lol: :mad:

With the username but you pointed out, I cant do anything about that in terms of turning one off or something, but can add a space between them?

Code: Select all

ul.topiclist.topics .responsive-hide a {
  margin-left: 4px !important;
}

spittingisquitting
Posts: 2734
Joined: 17 Jan 2008, 16:10

Re: Step by Step Guide for Restoring Old Forum Look

Postby spittingisquitting » 06 Aug 2015, 13:08

BM because I don't like new things. :(

FAO of Schwartz
Posts: 21073
Joined: 15 Sep 2011, 15:11
Location: West Brom

Re: Step by Step Guide for Restoring Old Forum Look

Postby FAO of Schwartz » 06 Aug 2015, 13:09

Trigger :toppa: :thumbup: :adore:


Return to “New Users & Issues With Login”