Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
Stylish Threadbit Layout Details »
Stylish Threadbit Layout
Mod Version: 1.00, by ku-med (Member) ku-med is offline
Developer Last Online: Aug 2016 I like it Show Printable Version Email this Page

vB Version: 4.2.x Rating: (1 vote - 5.00 average) Installs: 9
Released: 16 Jan 2015 Last Update: Never Downloads: 0
Not Supported Template Edits Code Changes Re-usable Code  

Hello everyone!

I didn't like the way of replies/views count column how it's displayed.

So I've asked for specific changes in the threadbit to look like this:
  1. Removal of replies/views count column
  2. Moving them under the thread title
  3. Adding cool icons before the thread starter \ replies count \ views count \ last poster \ last post date & time


But no one have answered me, so I tried to dig in how to do that. Finally, I've figured it out so i thought of sharing it

This based on trials and errors, so backup your templates before doing any changes just incase something wrong happen.

Template that will be edited:
Threadbit
Forumdisplay
Threadlist.css

New phrases that need to be added for icons: 5 ( 13x11 pixel )

Step (1) Let's start by adding the phrases:
Languages & Phrases -> Phrase Manager -> Add new phrase
Phrase type: Global
Product: vBulletin
Varname: ThreadStarterIcon (as your wish what do you want to name it .. )
Text: <img src="image url">

* Repeat the steps for the remaining icons ( RepliesCountIcon \ ViewsCountIcon \ LastPosterIcon \ LastPostTimeIcon )
** Check the attachments if you want to use the same icons that I've used.

Now let's move to the template editing part

Step (2) === Threadbit template ===

(A) Find:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Replace it with the following:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

P.S: Change the red color with your newly added phrase "Varname" if you name it differently ..


(B) Find & remove the following:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.


(C) Find:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Before it add:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.


(D) Find:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Before it add:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.


Step (3) === Forumdisplay template ===

Find & remove the following:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.


Step (4) === Threadlist.css template === ( for the adjustment of the columns width after removal the views & replies counts column )

(A) Find ".threadbit .threadinfo {" and adjust the numbers in the red based on your style till you get it aligned properly.


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.


(B) Find ".threadlisthead span.threadinfo {"


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.



I think that's it! Hope I've recalled what i did correctly and hope you like it.

Download Now

Only licensed members can download files, Click Here for more information.

Screenshots

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Comments
  #2  
Old 28 Jan 2015, 23:30
thetechgenius's Avatar
thetechgenius thetechgenius is offline
 
Join Date: Jun 2014
You say to make phrases with the text "<img src="image url">", but where are the images? If we don't have the images we cannot put the URL to the images. Are we suppose to make are own images?
__________________
TheTechGenius.Net Official IRC Network (ONLINE)
Host: irc.thetechgenius.net
Port: 6667
TTG IRC Web Client - http://thetechgenius.net/irc.html
Reply With Quote
  #3  
Old 29 Jan 2015, 15:03
ku-med's Avatar
ku-med ku-med is offline
 
Join Date: Aug 2013
Hmm .. I thought everyone would use his own custom icons that fit his style
Anyway I've uploaded the icons, check the attachments
Reply With Quote
  #4  
Old 05 Oct 2015, 11:37
friendlymela's Avatar
friendlymela friendlymela is offline
 
Join Date: Dec 2012
Real name: Zeeshan Shams
wow this is nice
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Mod Options

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 16:53.

Layout Options | Width: Wide Color: