Go Back   vb.org Archive > vBulletin Modifications > vBulletin 4.x Modifications > vBulletin 4.x Template Modifications

Reply
 
Thread Tools
Attractive Thread Prefix Details »»
Attractive Thread Prefix
Version: 1.00, by ramesh_umk3 ramesh_umk3 is offline
Developer Last Online: Jan 2023 Show Printable Version Email this Page

Category: Mini Mods - Version: 4.x.x Rating:
Released: 01-11-2014 Last Update: Never Installs: 71
Re-useable Code Translations  
No support by the author.

Hey Friends,
This idea just came up by seeing XenForo threads Prefix style they really look attractive, Any how if you like you can use them aswell just follow below procedure....

Copy below CSS Code to additional.css template

PHP Code:
.mcbadge_v {
    
backgroundnone repeat scroll 00#9400D3;
}
.
mcbadge_i {
    
backgroundnone repeat scroll 00#4B0082;
}
.
mcbadge_b {
    
backgroundnone repeat scroll 00#0000FF;
}
.
mcbadge_g {
    
backgroundnone repeat scroll 00#0B610B;
}
.
mcbadge_y {
    
backgroundnone repeat scroll 00#B18904;
}
.
mcbadge_o {
    
backgroundnone repeat scroll 00#B43104;
}
.
mcbadge_r {
    
backgroundnone repeat scroll 00#FF0000;
}

.
mcbadge {
    
displayinline-block;
    
height15px;
    
line-height15px;
    
font-size9px;
    
font-weightbold;
   
padding0px 2px;
    
margin0px;
   
letter-spacing:0.4px;
    
color#fff;
    
border-radius4px;
border:1px dashed black;
    
vertical-alignmiddle;
cursor:default;

Save it .

Now Goto

Thread Prefixes --> Thread Prefixe Manager

Title (Rich Text)
Code:
<a class="mcbadge mcbadge_v">TITLE (PLAIN TEXT) HERE</a>
Select any prefix , see below example




This is how it looks:



Live Demo


Feel free to add your own colors

Kind Regards,

Screenshots

File Type: png Snapshot_2014-01-12_175849.png (12.1 KB, 0 views)
File Type: png Snapshot_2014-01-12_175944.png (50.0 KB, 0 views)

Show Your Support

  • This modification may not be copied, reproduced or published elsewhere without author's permission.
6 благодарности(ей) от:
elsa23, john7911, puertoblack2003, scottkoz20, sodasusu, SolidSnakeLive

Comments
  #22  
Old 02-29-2016, 10:21 AM
teddyvgt teddyvgt is offline
 
Join Date: Nov 2015
Posts: 10
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

vbulletin 5.2.1 work
Reply With Quote
  #23  
Old 05-21-2016, 08:52 AM
Smitty's Avatar
Smitty Smitty is offline
 
Join Date: Sep 2002
Location: Southern Ohio
Posts: 385
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Has anyone tried this with vB 3.8.x?
Reply With Quote
  #24  
Old 03-17-2018, 01:17 PM
ramesh_umk3 ramesh_umk3 is offline
 
Join Date: Jul 2010
Location: Earth
Posts: 194
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Sorry for late reply.

Offcourse this works with all vBulletin Versions if any issues you can reply here i will help ..

thanks
Reply With Quote
  #25  
Old 04-01-2018, 10:58 AM
JasonTSF JasonTSF is offline
 
Join Date: Aug 2015
Location: Indiana
Posts: 5
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I have it working, but I can having trouble figuring out how to make each tag its own color. I have them all coming up purple and that is what I don't want.

Edit: Never mind I figured it out!
Reply With Quote
  #26  
Old 04-02-2018, 08:48 AM
ramesh_umk3 ramesh_umk3 is offline
 
Join Date: Jul 2010
Location: Earth
Posts: 194
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Great. But all you need to get is Hex Color codes and replace in CSS.
Code:
https://www.w3schools.com/colors/colors_picker.asp
Reply With Quote
  #27  
Old 04-04-2018, 12:29 PM
scottkoz20 scottkoz20 is offline
 
Join Date: Dec 2015
Location: Lewiston, NY
Posts: 344
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by ramesh_umk3 View Post
Great. But all you need to get is Hex Color codes and replace in CSS.
Code:
https://www.w3schools.com/colors/colors_picker.asp
Just to piggyback on this, a couple of my members to give me suggestions on colors that were a bit more subtle and not overpowering (especially with the style that I use). Feel free to use this to test out colors.



Code:
/* Prefix Styling */
.mcbadge_v { 
    background: none repeat scroll 0% 0% #e1b5f4; 
} 
.mcbadge_i { 
    background: none repeat scroll 0% 0% #c4b3d1; 
} 
.mcbadge_b { 
    background: none repeat scroll 0% 0% #ADDFFF; 
} 
.mcbadge_g { 
    background: none repeat scroll 0% 0% #EAFAF1; 
} 
.mcbadge_y { 
    background: none repeat scroll 0% 0% #FEF9E7; 
} 
.mcbadge_o { 
    background: none repeat scroll 0% 0% #B43104; 
} 
.mcbadge_r { 
    background: none repeat scroll 0% 0% #FDEDEC; 
} 

.mcbadge { 
    display: inline-block; 
    height: 13px; 
    line-height: 13px; 
    font-size: 13px; 
    font-weight: bold; 
    padding: 0px 2px; 
    margin: 0px; 
    letter-spacing:0.4px; 
    color: #000;
    border-radius: 2px; 
    vertical-align: middle; 
    cursor:default; 
}  

/* Prefix Styling */
Reply With Quote
  #28  
Old 04-07-2018, 07:02 PM
john7911 john7911 is offline
 
Join Date: Feb 2013
Posts: 258
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Thank you
Reply With Quote
  #29  
Old 04-09-2018, 10:36 AM
Zelda-King's Avatar
Zelda-King Zelda-King is offline
 
Join Date: Nov 2002
Location: London, England
Posts: 674
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I have it working fine on 4.2.5 thanks. One thing I notice though is the background colours don’t show in profile activity for customized profile styles though the outline does.
Reply With Quote
  #30  
Old 04-13-2018, 10:44 AM
lacidious lacidious is offline
 
Join Date: Jan 2015
Posts: 40
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Hey guys, thanks for the mod.

Is there an easy way to make the letters turn a certain color when hovering over the prefix, depending upon which prefix it is? They all go from white to black now, but would like to differentiate depending on the prefix.
Reply With Quote
  #31  
Old 04-13-2018, 03:23 PM
IggyP IggyP is offline
 
Join Date: May 2012
Posts: 252
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

so that would be like,
.mcbadge_custom a:hover {
color: #customhovercolor;
}

cheers
Reply With Quote
2 благодарности(ей) от:
lacidious, scottkoz20
Reply

Thread Tools

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

Forum Jump


All times are GMT. The time now is 07:07 PM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.08426 seconds
  • Memory Usage 2,352KB
  • Queries Executed 28 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (4)bbcode_code
  • (1)bbcode_php
  • (1)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)modsystem_post
  • (1)navbar
  • (4)navbar_link
  • (120)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (2)pagenav_pagelink
  • (11)post_thanks_box
  • (8)post_thanks_box_bit
  • (11)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (2)post_thanks_postbit
  • (11)post_thanks_postbit_info
  • (10)postbit
  • (2)postbit_attachment
  • (11)postbit_onlinestatus
  • (11)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_postinfo_query
  • fetch_postinfo
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • fetch_musername
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • post_thanks_function_fetch_thanks_bit_start
  • post_thanks_function_show_thanks_date_start
  • post_thanks_function_show_thanks_date_end
  • post_thanks_function_fetch_thanks_bit_end
  • post_thanks_function_fetch_post_thanks_template_start
  • post_thanks_function_fetch_post_thanks_template_end
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_attachment
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete