vb.org Archive - How do I change a usergroup's title color and font weight?

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vB4 General Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=251)

- - How do I change a usergroup's title color and font weight? (https://vborg.vbsupport.ru/showthread.php?t=295893)

How do I change a usergroup's title color and font weight?

My version is 4.2.0 and I'm currently using postbit_legacy format.

This should be such a simple thing to achieve (and it probably is). I'm trying to change the usergroup title colors (as they are displayed underneath the user names and above the avatars within posts). The method for changing the markup color for the user names within a usergroup is clearly documented among numerous posts here and quite easy to accomplish with the Usergroup Manager. But I can't seem to find a way to change the usergroup title colors and font weights. No matter what I've tried so far they remain black and un-bolded. Will someone please point me to the solution?

Thank you.

Check here: https://vborg.vbsupport.ru/showthread.php?t=105598

--------------- Added [DATE]1362721989[/DATE] at [TIME]1362721989[/TIME] ---------------

The easiet way is to go to admincp>usergroup manager>the usergroup you want to change> html markup boxes and enter this() in the box on the left and this in the box on the right()

remember to change the hex code color i used to oneyou want to use

Figuring out all those css classes makes my head spin. I would jut go into the postbit_legacy template on line 33, , and edit in an inline style attribute.

@Ba'al, he wants to change the user title mark up. That setting is for the mark up for the user name itself.

Quote:

Originally Posted by nerbert (Post 2408725)

Yeah, my bad, i brain farted lol I was just trying to edit my post with a "Nevermind" lol

Thanks for the replies...

Quote:

Originally Posted by nerbert (Post 2408725)

Figuring out all those css classes makes my head spin. I would jut go into the postbit_legacy template on line 33, , and edit in an inline style attribute.

But that would not specify for the different usergroups. I need the title colors to match the current colors of the name text for each group. I want it like this: Administrator Super Moderator Moderator, etc. How can I do that?

Quote:

Originally Posted by nerbert (Post 2408725)

@Ba'al, he wants to change the user title mark up. That setting is for the mark up for the user name itself.

Yes, I had already changed the HTML markup for each usergroup sometime ago (although I used span tags). And the result was that each of the user names became the color of its respective usergroup and in bold font. But the usergroup titles still appears in black and are not in bold font.

--------------- Added [DATE]1362754956[/DATE] at [TIME]1362754956[/TIME] ---------------

I'm sure not having much luck finding a way to do this. Can anyone help, please?

Quote:

Originally Posted by Amaury25 (Post 2408804)

But where do I put it? That's the same html that I put in the usergroup markup to make the user names colored. It does NOT affect the user titles. How can I change the colors of the user titles to match the group text colors?

Quote:

Originally Posted by edgeless (Post 2408807)

On our forum we only do it by request and the way i usually do it is i go into the members profile page in the admincp and add it there after adjusting it to allow html.

Quote:

Originally Posted by Ba'al (Post 2408949)

On our forum we only do it by request and the way i usually do it is i go into the members profile page in the admincp and add it there after adjusting it to allow html.

Yes, that way works per user. But I was hoping there would be a way to make the color and font weight/style stick as a default for all users created in a usergroup class, as there is with user names. I guess there may not be.

Here's a crude way of doing it with template edits.

In postbit.css add this to the bottom:

Code:

/* markup for administrators  */



.postbit .group-6, postbitlegacy .group-6{

        color:red;

}

in the postbit template find line 42 and modify as follows:

Code:

                                <div class="username_container">

                                        <vb:if condition="$post['userid']">

                                                {vb:raw memberaction_dropdown}

                                                {vb:raw post.onlinestatus}

                                        <vb:else />

                                                <span class="username guest">{vb:raw post.username}</span>

                                        </vb:if>

                                        <span class="usertitle group-{vb:raw post.usergroupid}">

                                                {vb:raw post.usertitle}

                                        </span>

                                        <vb:if condition="$post['rank']">

                                                <span class="rank">{vb:raw post.rank}</span>

                                        </vb:if>



                                        {vb:raw template_hook.postbit_userinfo_left}

                                        <vb:if condition="$show['reputation']">

                                                <span class="postbit_reputation" id="repdisplay_{vb:raw post.postid}_{vb:raw post.userid}">{vb:raw post.reputationdisplay}</span>

                                        </vb:if>

                                        <vb:if condition="$post['userid']">

                                                <div class="imlinks">

                                                        {vb:raw post.icqicon} {vb:raw post.aimicon} {vb:raw post.msnicon} {vb:raw post.yahooicon} {vb:raw post.skypeicon}

                                                </div>

                                        </vb:if>

                                </div>

for postbit_legacy do similarly for line 33

Code:

                <div class="userinfo">

                        <div class="username_container">

                        <vb:if condition="$post['userid']">

                                {vb:raw memberaction_dropdown}

                                {vb:raw post.onlinestatus}

                        <vb:else />

                                <span class="username guest">{vb:raw post.musername}</span>

                        </vb:if>

                        </div>

                        <span class="usertitle group-{vb:raw post.usergroupid}">

                                {vb:raw post.usertitle}

                        </span>

                        <vb:if condition="$post['rank']">

                                <span class="rank">{vb:raw post.rank}</span>

                        </vb:if>

                        {vb:raw template_hook.postbit_userinfo_left}

                        <vb:if condition="$show['reputation']">

                                <span class="postbit_reputation" id="repdisplay_{vb:raw post.postid}_{vb:raw post.userid}" title="{vb:raw post.username} {vb:raw post.level}">

                                        <vb:each from="reputationdisplay" value="row">

                                                <img class="{vb:raw row.class}" src="{vb:stylevar imgdir_reputation}/reputation_{vb:raw row.posneg}{vb:raw row.imgext}" alt="" />{vb:raw row.rowend}

                                        </vb:each>

                                </span>

                        </vb:if>

                        <vb:if condition="$show['avatar']">

                        <a class="postuseravatar" href="{vb:link member, {vb:raw post}}" title="{vb:rawphrase {vb:raw post['onlinestatusphrase']}, {vb:raw post.username}}">

                                <img src="{vb:raw post.avatarurl}" alt="{vb:rawphrase xs_avatar, {vb:raw post.username}}" title="{vb:rawphrase xs_avatar, {vb:raw post.username}}" />

                        </a>

                        </vb:if>

I think I have the CSS right so it works in postbit legacy (I don't use it). By the same method you can write CSS for any group you want.

Thanks nerbert! I'll give it a try.

This code has not been tested
In user title manager put this
Change this to what you need

take a note of the colours in that code change to what you need
This code can also be added to usergroups user name HTML markup ( tested and works here)

But without the text

This will make the text glow

X vBulletin 3.8.12 by vBS Debug Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (3)bbcode_code_printable (6)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (12)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.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/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages:

Phrase Groups Available:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.04971 seconds Memory Usage 1,769KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (3)bbcode_code_printable (6)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (12)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.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/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: