Jump to content
You're invited! Join our 4.6 Live Event on ZOOM 6/24 ×

Community

Topic Thumbnail for IPS4.x


onlyME

Recommended Posts

  • 2 weeks later...
6 hours ago, Lenny Warren said:

Hi there,

I'm sure I asked this before, butu haven't used my Invision forum for ages...

Standard IPB theme will grey out the forum icon if all the posts are read. Is there a way to do this with topic thumbnails?

So, icon is normal if new posts, but greyed out if all posts are read?

The thumbnails are not grey. In the past, I got some complains about this feature so I removed it. I will consider it again.

Link to comment
Share on other sites

9 hours ago, onlyME said:

The thumbnails are not grey. In the past, I got some complains about this feature so I removed it. I will consider it again.

Thanks, strange why you got complaints. The whole point of icons next to topics is to know which topics have new posts. The default theme has a dark grey speech bubble for new posts, light grey for no new posts. It's common sense. 😉

Afraid I can't use it without a read/unread difference, my members complain. Could it be switchable?

Link to comment
Share on other sites

@Lenny Warren Try to edit your theme > core > global > plugins > bim_tthumb_showThumb

Find

<div class="bim_tthumb_wrap">

Replace by

<div class="bim_tthumb_wrap {{if $topic->unread()}}tthumb_unread{{endif}}">

And then add this code to custom.css

.bim_tthumb_wrap {
	opacity: 0.5;
}
.tthumb_unread {
	opacity: 1 !important;
}

 

Edited by onlyME
Link to comment
Share on other sites

Ah, spoke too soon. It doesn't work...

my custom.css is as follows. It makes the unread faint, but read fainter still.

When I copied an dpasted, I got a few red dots? I edited them out, but >?????


 

Quote

 

#ipsLayout_contentWrapper {
  background-color: {theme="area_background_reset"};
}

body {
    background: url({resource="background.jpg" app="core" location="admin"}) repeat center top fixed #000;  
}

.nbPinned {
    background: #00595c;
    color: #fff;
    /* font-weight: bold; */
    margin-top: 5px;
}

#ipsLayout_contentWrapper {
    padding: 20px;
}

body {
  max-width: 1340px;
  margin: 0 auto;
}

#ipsLayout_body {
  padding: 0;
}

.bim_tthumb_wrap {
    opacity: 0.5;
}
.tthumb_unread {
    opacity: 1 !important;
}

 

 

Screen Shot 2018-09-20 at 21.50.21.png

Screen Shot 2018-09-20 at 21.49.21.png

I already had this, but deleted it...

Quote

 

.tthumbimg, .tthumbPreview {
    opacity: 0.2 !important;
}

.ipsDataItem_unread .tthumbimg, .ipsDataItem_unread .tthumbPreview {
    opacity: 1 !important;
}

 

 

Plus, it won't let me mark forum as read...

Screen Shot 2018-09-20 at 21.53.26.png

Link to comment
Share on other sites

Is this right? There were two instances of

<div class="bim_tthumb_wrap">


 

Quote

 

{{$w = !$isForumIcon ? settings.bim_tthumb_width : settings.bim_tthumb_forumIcon_width;}}
{{$h = !$isForumIcon ? settings.bim_tthumb_height : settings.bim_tthumb_forumIcon_height;}}

{{if $topic->tid > 0}}
    {{if !$isForumIcon}}
        {{if $topic->container()->canSeeThumb()}}
            <div class="bim_tthumb_wrap {{if $topic->unread()}}tthumb_unread{{endif}}">
                {{if $topic->container()->canChangeThumb($topic->starter_id)}}
                    <a href='#' alt='{$topic->title}' data-ipsDialog data-ipsDialog-url="{$topic->url('changeTopicThumbnail')}" data-ipsDialog-size="tthumb" data-ipsDialog-title='{lang="bim_tthumb_changeThumb"}' data-ipsDialog-forceReload='true' {{if settings.bim_tthumb_onhover == 1}}data-ipstpopup data-ipstpopup-width='280' data-ipstpopup-target="{$topic->url('tthumbGetImage')}"{{endif}}>
                {{else}}
                    <a href='{$topic->url()}' alt='{$topic->title}' {{if settings.bim_tthumb_onhover == 1}}data-ipstpopup data-ipstpopup-width='280' data-ipstpopup-target="{$topic->url('tthumbGetImage')}"{{endif}}>
                {{endif}}
                    <div id='tthumb_{$topic->tid}' class="tthumb_standard" style="background-image:url('{$topic->tthumb_show()}'); width: {$w}px; height: {$h}px;"></div>                
                </a>
            </div>
        {{endif}}
    {{else}}
        <div class="bim_tthumb_wrap {{if $topic->unread()}}tthumb_unread{{endif}}">
            <a {{if $topic->container()->canChangeThumb($topic->starter_id) || member.member_id}}href='#tthumb{$topic->tid}_menu' data-ipsMenu id='tthumb{$topic->tid}'{{else}}href='{$topic->url()}'{{endif}} {{if settings.bim_tthumb_onhover == 1}}data-ipstpopup data-ipstpopup-width='280' data-ipstpopup-target="{$topic->url('tthumbGetImage')}"{{endif}} alt='{$topic->title}'>
                <div {{if $topic->upload_thumbnail}}data-full="{file="$topic->upload_thumbnail" extension="forums_topicThumbnail"}"{{endif}} id="tthumb_{$topic->tid}" class='tthumb_standard' style="background-image:url('{$topic->tthumb_show()}'); width: {$w}px; height: {$h}px;"></div>
            </a>
            {{if $topic->container()->canChangeThumb($topic->starter_id) || member.member_id}}
                <ul id='tthumb{$topic->tid}_menu' class='ipsMenu ipsMenu_auto ipsHide'>
                    {{if $topic->container()->canChangeThumb($topic->starter_id)}}
                        <li class='ipsMenu_item'>
                            <a href='#' data-ipsDialog data-ipsDialog-url="{$topic->url('changeTopicThumbnail')}" data-ipsDialog-size="tthumb" data-ipsDialog-title='{lang="bim_tthumb_changeThumb"}' data-ipsDialog-forceReload='true'>
                                {lang="bim_tthumb_changeThumb"}
                            </a>
                        </li>
                    {{endif}}
                    <li class='ipsMenu_item'>
                        <a href="{$topic->container()->url()->setQueryString( 'do', 'markRead' )->csrf()}" data-action='tthumb_markAsRead' data-forumid="{$forum->id}">
                            {lang="mark_forum_read"}
                        </a>
                    </li>        
                </ul>    
            {{endif}}
        </div>        
    {{endif}}
{{endif}}

 

 

Link to comment
Share on other sites

  • 3 weeks later...
  • 1 month later...
  • 2 weeks later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

We use technologies, such as cookies, to customise content and advertising, to provide social media features and to analyse traffic to the site. We also share information about your use of our site with our trusted social media, advertising and analytics partners. See more about cookies and our Privacy Policy