user tip Suggestion and Also how to make the first forum post highlighted and sticky

John Bizley
John Bizley
@john-bizley
9 years ago
251 posts
I have done this in a fashion but would like to make this better. So when you go to a forum category then choose a forum within it you have the discussions as we do here which is fine but if lots of posts have been added the original forum topic get's a little lost. I know it's always the first post at the top of the list but this I think should stand out against all the replies. Also it would be nice if this had an option to be made 'sticky' or not so when scrolling down through the replies you can allways see what the original post was about.

So what I have now is by changing the background and adding some border etc around the text section of the first forum post which looks ok but would be much nicer to have the whole item row like that.

So to see what I am on about here is a link to the forum discussion so you can see the higlighted first post

http://1940snetwork.com/founder/forum/getting-started/1/test-forum-post

Added an image also to show.
forumpost-highlight.jpg


updated by @john-bizley: 03/18/15 03:03:35AM
John Bizley
John Bizley
@john-bizley
9 years ago
251 posts
I just added a this technique to my blog post to which looks nice. Also added some colour to the comments replies so these stand out a little better too.

Here is a link to a blog post with some test comments added to it also, this comments reply highlight has been added to work all around the site.

http://1940snetwork.com/founder/blog/3/general-stab-at-the-victory-show
brian
@brian
9 years ago
10,148 posts
Nice work John - just checked out your site and I like it - thanks for the tip.


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
John Bizley
John Bizley
@john-bizley
9 years ago
251 posts
brian:
Nice work John - just checked out your site and I like it - thanks for the tip.

Thanks Brian, still lots to do but just doing a little here and there as time permits. 99% of what I have done is just within the CSS templates not the module ones but once I get into it more I am sure I will work on those to.

By the way here is just the small bit of css I used for that forum highlight change

div.col12.last .item:first-of-type .forum_post_text > p{ font-size:14px!important }

div.col12.last .item:first-of-type .forum_post_text{ background:#ECE9E9!important; border-radius:6px; box-shadow:2px 4px 6px gray; border:solid 2px;}

div.col12.last .item:first-of-type .forum_post_text:before{content:"Main Topic For Discussion"; display:block; padding:6px;font-size:14px;background: rgba(0,0,0,0.4);color:white;box-shadow:1px 4px 6px gray; border-radius:4px;margin-bottom:10px }

And this is for the blog one

.blogpost:first-of-type { background:#ECE6E6!important;border:solid 2px; margin-bottom:12px}

And this for the comment replies highlight

.comment_page_section .comment-level-0 .container{ background:#FFFFFF!important }

.comment_page_section .container{ background:#F2EDED!important}

All this was just added to the list.css template.

Tags