condense forum layout

Posted by: Tom-in-Amsterdam on 08 December 2015

As per Richards request, new topic for the forum layout. I put it in Hifi corner as that's where I reside mostly. I've spent a bit of time on the topic list and today very quickly tried to optimise the topic layout too. 

The topic layout still needs a bit of love to be optimal; I'll get to when I find the time. 

 

Later I will post some screenshots; can't do that from work and the forum does not allow me to upload photo's...

@Richard, could you move the topic somewhere suited?

TOPIC list custom css topic-list-custom-css-on

 

TOPIC list custom css off topic-list-custom-css-off TOPIC custom css topic-custom-css-on TOPIC custom css off topic-custom-css-off

 

For this to work you need 2 things: google chrome AND stylish (chrome extension). Then you can add a custom css for the naim forums and paste the following code:

.member-avatar {
width: 40px;
}
.line-item {
margin-bottom: 0px;
}
#featuredTopicsSection_body.first {
background-color: red;
}
.h-ubb-topic-list-box {
margin-bottom: 4px;
}
.section-box-header h3 {
font-size: 16px;
}
.h-topic-title {
font-size: 13px;
}
.h-topic-last-post > a:last-child {
display: none;
}
.h-topic-labels > a:first-child {
display: none;
}
.h-ubb-topic-list-box {
padding: 3px;
}
.h-topic-metadata {
display: none;
}
.h-topic-labels {
float: right;
}
i.fa-calendar,
i.fa-link {
display: none;
}
.medium-2.columns > * {
display: none;
}
.medium-10.columns {
width: 100%
}
#pageTitle {
font-size: 18px;
}
.featuredTopicsSection_header h3 {
font-size: 12px;
}
.post-body p {
font-size: 13px;
}
.post-box {
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
}
p:empty {
display: none;
}
article.post-box {
padding: 3px !important;
margin-top:5px;
}
.post-body {
line-height: 10px;
font-size: 13px;
}
.post-box {
margin-bottom: 5px;
}

Posted on: 08 December 2015 by winkyincanada

Thanks. Working well. Overcomes some of the irritation caused by this ridiculous "upgrade" they've come up with.

Posted on: 08 December 2015 by Tom-in-Amsterdam

YW.
There is much more to be gained by eliminating some of the redundant html that is generated when you reply. A lot of reply's have <p> tags that only contain  &nbsp.

 

I've created a script, but don't like it much yet as it only kicks in after a second or so. 

More importantly I have uploaded the css to userstyles.org under the naimaudio tag (just search for naimaudio). This allows for further refactoring of the style with minimal fuss to update (i.e. automatically when using stylish and using the naimaudio style).

 

 

Posted on: 10 December 2015 by Sloop John B

can I get this to work on firefox?

I have stylish installed but cannot see a way of getting your css into it?

 

 

SJB

 

Posted on: 10 December 2015 by Sloop John B

Okay, got it to work but all the posts on the RHS are now too close together and these are a section I often look at.

cheers anyway.

 

SJB

Posted on: 10 December 2015 by Harry

Works real good Tom. Big thanks.

Posted on: 23 December 2015 by Tom-in-Amsterdam

sorry, didn't check back... If people want me to improve on it, I will definitely have some time on hand before the end of the year.

 

@Sloop John B, what is the RHS?