XF 1.2 Featured Thread In Forum

[Ji2myTran]

Hi Guys,

Anyone know how to do the Featured Thread in forum like below forum. It is look like a very nice forum notice

http://cliptheapex.com/

Thanks!

 

[Digital Doctor]

It does look cool

 

[Ji2myTran]

Yes, it does, it was shown the latest forum post, i guess

 

[Digital Doctor]

Same request here:
http://xenforo.com/community/threads/feature-thread.60847/

I'm not sure what Daniel's Promoted Content does.
http://xenforo.com/community/members/daniel-hood.5749/#resources

 

[Ji2myTran]

I'm not sure what Daniel's Promoted Content does.
http://xenforo.com/community/members/daniel-hood.5749/#resources

The Promoted content is different with above add-on, you can see the demo at bottom under the node list of his forum

 

[Shelley]

Hi Guys,

Anyone know how to do the Featured Thread in forum like below forum. It is look like a very nice forum notice

http://cliptheapex.com/

Thanks!

It's a nice enhancement I have to admit, rather than template edits I'd prefer to see it as a paid add-on @borbole (permission based with some other backend options) And also have the featured tag on the right hand side of the title instead of under the avatar.

Though if the template mod was posted I'd still use it.

 

[Ji2myTran]

ya! i'm willing to purchase for that add-on as well if someone is selling it

Hi @Shelley :

Since you here, i just want to ask if you could help me to get the completed codes for the Banner Styles of above forum such as premium contributor, contributor,...

Ex like this thread:

http://cliptheapex.com/threads/jenson-button.3460/page-68#post-220092

I tried to get it using google chrome Inspect Element function, i got the codes but when replace the Banner Styles in my forum (default) or even in extra CSS, it still doesn't display correctly.

I know u are an master in CSS

Thanks!

 

[Shelley]

ya! i'm willing to purchase for that add-on as well if someone is selling it

Hi @Shelley :

Since you here, i just want to ask if you could help me to get the completed codes for the Banner Styles of above forum such as premium contributor, contributor,...

Ex like this thread:

http://cliptheapex.com/threads/jenson-button.3460/page-68#post-220092

I tried to get it using google chrome Inspect Element function, i got the codes but when replace the Banner Styles in my forum (default) or even in extra CSS, it still doesn't display correctly.

I know u are an master in CSS

Thanks!

Just had a little try on my site. Rather than explain it you can get the example from the screenshots.You could probably remove the padding but style to your preference and see what you prefer.

.userBanner {margin-left: 0 !important; margin-right: 0 !important;}
.userBanner.wrapped span.after, .userBanner.wrapped span.before {display: none;}

.adminrank {
  background: none #ea8b8b;
  border: 1px solid #b54b4b;
  padding: 0 5px;
  color: white;
  text-shadow: 0 0 1px #500f0f;
  text-align: center;
  font-size: 11px;
  border-radius: 0;}
 
.memberrank {
  background: none #c68ae2;
  border: 1px solid #9862b2;
  padding: 0 5px;
  color: white;
  text-shadow: 0 0 1px #42284e;
  text-align: center;
  font-size: 11px;
  border-radius: 0;}

Output of that >>

 

[Ji2myTran]

Hey @Shelley :

Thank you so much! You are the best

 

[Shelley]

Hey @Shelley :

Thank you so much! You are the best

You're welcome but I'm sure Brogan explained how to do all this in a userbanner guide he wrote and submitted into the RM.

 

[Paul B]

To answer the original post, it's currently a template edit which I hope to turn into an add-on when I have the time (shut it Deeming!), and knowledge.

As it stands, it's a bit of a pain to manually update so I don't think releasing it as an edit would be very useful for most people.

I do though have all of the framework done such as Style Properties, options and permissions.
Only the actual php coding is left to do.

For the banners, I have this:

/* User group banners */
.userBanner {
background: transparent url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;
padding: 1px 4px;
font-size: 10px;
font-weight: bold;
box-shadow: none;
}

.messageUserBlock .userBanner {
margin-top: 4px;
margin-bottom: 4px !important;
margin-right: 0px !important;
margin-left: 0px !important;
padding: 1px;
}

.messageUserBlock .userBanner:last-child {
margin-bottom: 0px !important;
}

.userBanner.wrapped span {
height: 0px;
}

.xenOverlay.memberCard .cardUserBanner {
margin: 4px 0;
}

.userBanner.bannerStaff {
background-color: @secondaryMedium;
border-color: @secondaryMedium;
color: @contentBackground;
text-shadow: 1px 1px 1px @secondaryMedium;
}

.cta-banner-supporter {
background-color: #000099;
border-color: #000099;
color: @contentBackground;
text-shadow: 1px 1px 1px #000099;
}

.cta-banner-contributor {
background-color: #6600CC;
border-color: #6600CC;
color: @contentBackground;
text-shadow: 1px 1px 1px #6600CC;
}

.cta-banner-valued-member {
background-color: #CC0000;
border-color: #CC0000;
color: @contentBackground;
text-shadow: 1px 1px 1px #CC0000;
}

.cta-banner-premium-contributor {
background-color: #FF6600;
border-color: #FF6600;
color: @contentBackground;
text-shadow: 1px 1px 1px #FF6600;
}

Then in the user groups add the corresponding classes to the custom field, e.g. userBanner cta-banner-contributor, userBanner cta-banner-premium-contributor, etc.

The guide Shelley referred to is here: http://xenforo.com/community/resources/creating-custom-user-group-banner-css.2000/

 

[Chris D]

when I have the time (shut it Deeming!)

I'll shut up when you stop your pedantic pixel nudging.

 

[Ji2myTran]

Hi Brogan & Shelley,

Appreciate that, however, whatever it is the add-on or template editing, hope someone will share or sell it

@Chris Deeming : Haha!

 

[Shelley]

Hi Brogan & Shelley,

Appreciate that, however, whatever it is the add-on or template editing, hope someone will share or sell it

@Chris Deeming : Haha!

Hopefully.

It could be here sooner but it means I'd have to design a style in exchange for it. Not sure I want it that much.