XF 1.2 Is it possible to add "Thread Starter" like this?

akhilaniyan

Active member
Hello Everyone..

Now I'm asking for a small help. How to add thread starter image like this?

zgca.png


Is this is a addon or template modification?
 
I'm sure that is a template modification. I gave it a try and it's not exactly how you have it but near enough. It's probably not the correct way of doing this but it seems to work for me.

Go into you message_user_info template find

Code:
<span class="helper"></span>

add the following so it looks like so

Code:
<xen:if is="{$post.user_id} == {$thread.user_id} "><span class="helper"></span></xen:if>

Then go into your EXTRA.CSS template and paste the following

Code:
.messageUserInfo .helper  {
  display: block;
  position: absolute;
  top: -4px;
  left: -4px;
  background: url("@imagePath/xenforo/icons/starter.png") no-repeat  transparent;
  height: 56px;
  width: 56px;

}

And finally, upload the image in the attachment to your /icons folder.

The output of all that is as follows.

Screenshot_7.webp Screenshot_8.webp
 

Attachments

  • starter.webp
    starter.webp
    1.3 KB · Views: 6
Last edited:
Just noticed it sets the ribbon in the quickreply messageuserinfo. if you don't want that to display there (i personally wouldn't) add the following to extra.css

Code:
.quickReply .messageUserInfo .helper {display:none;}
 
I'm sure that is a template modification. I gave it a try and it's not exactly how you have it but near enough. It's probably not the correct way of doing this but it seems to work for me.

Go into you message_user_info template find

Code:
<span class="helper"></span>

add the following so it looks like so

Code:
<xen:if is="{$post.user_id} == {$thread.user_id} "><span class="helper"></span></xen:if>

Then go into your EXTRA.CSS template and paste the following

Code:
.messageUserInfo .helper  {
  display: block;
  position: absolute;
  top: -4px;
  left: -4px;
  background: url("@imagePath/xenforo/icons/starter.png") no-repeat  transparent;
  height: 56px;
  width: 56px;

}

And finally, upload the image in the attachment to your /icons folder.

The output of all that is as follows.

View attachment 55261 View attachment 55267

Thank You Very Much... Worked Fine In My site, take a look at an example: http://forum.digitalbuzzy.com/threads/dbf-rules-regulations.1/

(y)
 
Back
Top Bottom