vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vB4 Design and Graphics Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=253)
-   -   Usergroup username colours on mobile? (https://vborg.vbsupport.ru/showthread.php?t=328302)

charlesr 10-25-2020 01:21 PM
Usergroup username colours on mobile?
 
Vbulletin 4.
Usernames in the postbit appear in different colours, depending on the usergroup, by specifying Username HTML Markup in the usergroup settings in admin panel.

I can't figure out how that colour gets sucked through into the CSS for the username when being displayed. I'm trying to get my mobile theme to respect the same colour display. If I could figure out how it happens on the normal theme, I could probably add it to the mobile theme.

Any pointers?

yilmaz 10-27-2020 01:32 PM
1. yoursite.ext/admincp/usergroup.php?do=modify

2. Go to edit Usergroup Manager yoursite.ext/admincp/usergroup.php?do=edit&usergroupid=6

3.Use this in Username HTML Markup first input box
HTML Code:
<span class="userBanner userBanner--Admin">
enter this in the second input box
HTML Code:
</span>
and click the update button at the bottom
----------------------------
It's time to add css code
4. Search in Templates yoursite.ext/template.php?do=search

5. Paste this into the search box and search for additional.css

6. In the results found, click on the additional.css template to edit it in the style you used.

7. It may be empty or previously added special css codes, add this css code to the beginning or the end without breaking the code there.
HTML Code:
.userBanner {
    font-size: 80%;
    font-weight: bold;
    padding: 1px 4px;
    border-radius: 4px;
    border: 1px solid transparent;
    text-align: center;
    display: inline-block;
    line-height: 1.26;
    text-decoration: none;
}
.userBanner.userBanner--Admin {
    color: #ffffff!important;
    background: #d80000;
    border: 1px none #a50000;
}
And Save.

So much
-----

Repeat if you want to make other Usergroups
Sample:
Use this for super moderator
HTML Code:
<span class="userBanner userBanner--S_Mod">
HTML Code:
.userBanner.userBanner--S_Mod {
    color: #ffffff!important;
    background: #008000;
    border: 1px none #004d00;
}
Note: Add the css codes at the bottom of the options.css or vbulletin.css template in mobile style

charlesr 11-02-2020 04:34 PM
This doesn't work in my mobile style (works fine in desktop style), but it's a custom style. Guess, they broke something.


All times are GMT. The time now is 08:56 AM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.00972 seconds
  • Memory Usage 1,716KB
  • 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
  • (5)bbcode_html_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (3)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