Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
[For 1.8] [Tutorial] - Staff Post BG Colors by GID plus profile fieldset color (re-posted)
#1
Information 
Staff Post Color By GID:

** ( re-posted due to numerous user requests and complaints after I deleted my old tutorials. ) *** ( updated and improved upon re-visiting the old tutorial while helping a user )

Edit your theme(s) and...

create a stylesheet for your theme(s) called:

staff_post.css 
* attach it globally

add to staff_post.css


/** Staff Post BG Colors by GID by: Vintagedaddyo **/

/** Staff Post BG Colors Head **/

.staff_post_head_bg3 {
/* Super Moderator */
/*  Background Color */
    background: #ffd6fc !important;        
}

.staff_post_head_bg4 {
/* Administrator  */
/*  Background Color */
    background: #b1f279 !important;
}

.staff_post_head_bg6 {
/* Moderator */
/*  Background Color */
    background: #ffd6fc !important;    
}

/** Staff Post BG Colors Post **/

.staff_post_bg3 {
/* Super Moderator */
/*  Background Color */
    background: #f9e3f8 !important;
    /* Post Font */ 
    color: #CC00CC !important;
    /* Post Border */ 
    margin-top: 6px;
    margin-left: 4px;
    margin-right: 4px; 
    margin-bottom: 6px;
    border: 1px solid #CC00CC;
    -webkit-box-shadow: inset 0 1px 1px rgb(204,0,204), 0 0 8px rgba(204,0,204, 0.8);
    box-shadow: inset 0 1px 1px rgba(204,0,204, 0.8), 0 0 8px rgba(204,0,204, 0.8); 
}

.staff_post_bg4 {
/* Administrator  */
/*  Background Color */
    background: #e5fcd1 !important;
    /* Post Font */ 
    color: #318000 !important;
    /* Post Border */ 
    margin-top: 6px;
    margin-left: 4px;
    margin-right: 4px; 
    margin-bottom: 6px;
    border: 1px solid #008000;
    -webkit-box-shadow: inset 0 1px 1px rgb(0,128,0), 0 0 8px rgba(0,128,0, 0.8);
    box-shadow: inset 0 1px 1px rgba(0,128,0, 0.8), 0 0 8px rgba(0,128,0, 0.8); 
}

.staff_post_bg6 {
/* Moderator */
/*  Background Color */
    background: #f9e3f8 !important;
    /* Post Font */ 
    color: #CC00CC !important;
    /* Post Border */ 
    margin-top: 6px;
    margin-left: 4px;
    margin-right: 4px; 
    margin-bottom: 6px;
    border: 1px solid #CC00CC;
    -webkit-box-shadow: inset 0 1px 1px rgb(204,0,204), 0 0 8px rgba(204,0,204, 0.8);
    box-shadow: inset 0 1px 1px rgba(204,0,204, 0.8), 0 0 8px rgba(204,0,204, 0.8); 
}

/** Staff Post BG Colors Post Classic 2 **/

.staff_post_c2_bg3 {
/* Super Moderator */
/*  Background Color */
    background: #f9e3f8 !important;
    /* Post Font */ 
    color: #CC00CC !important; 
}

.staff_post_c2_bg4 {
/* Administrator  */
/*  Background Color */
    background: #e5fcd1 !important;
    /* Post Font */ 
    color: #318000 !important;
}

.staff_post_c2_bg6 {
/* Moderator */
/*  Background Color */
    background: #f9e3f8 !important;
    /* Post Font */ 
    color: #CC00CC !important; 
}

/** Staff Post BG Colors Foot **/

.staff_post_foot_bg3 {
/* Super Moderator */
/* Background Color */
    background: #ffd6fc !important;
}

.staff_post_foot_bg4 {
/* Administrator */
/* Background Color */
    background: #b1f279 !important;    
}

.staff_post_foot_bg6 {
/* Moderator */
/* Background Color */
    background: #ffd6fc !important;
}

Edit postbit template:

in postbit template find:

<div class="post {$unapproved_shade}" style="{$post_visibility}" id="post_{$post['pid']}">

change to:

<div class="post staff_post_bg{$usergroup['gid']} {$unapproved_shade}" style="{$post_visibility}" id="post_{$post['pid']}">

still in postbit template find:

<div class="post_author">

change to:

<div class="post_author staff_post_head_bg{$usergroup['gid']}">

still in posbit template find:

<div class="post_controls">

change to:

<div class="post_controls staff_post_foot_bg{$usergroup['gid']}">

Edit postbit_classic template:

in posbit_classic template find:

<div class="post classic {$unapproved_shade}" style="{$post_visibility}" id="post_{$post['pid']}">

change to:

<div class="post classic staff_post_bg{$usergroup['gid']} {$unapproved_shade}" style="{$post_visibility}" id="post_{$post['pid']}">

in posbit_classic template find:

<div class="post_author scaleimages">

change to:

<div class="post_author scaleimages staff_post_head_bg{$usergroup['gid']}">

in posbit_classic template find:

<div class="post_body scaleimages" id="pid_{$post['pid']}">

change to:

<div class="post_body staff_post_c2_bg{$usergroup['gid']} scaleimages" id="pid_{$post['pid']}">

in posbit_classic template find:

<div class="post_controls">

change to:

<div class="post_controls staff_post_foot_bg{$usergroup['gid']}">

MyBB default staff "gids" are:

Quote: [ 3 ] _ Super Moderators
[ 4 ] _ Administrators
[ 6 ] _ Moderators


Note: if you want member profile fieldset to have same styling then...

in member_profile template find:

<fieldset>

change to:

<fieldset class="staff_post_bg{$memprofile['usergroup']}">

Enjoy!  Smile Happy Editing!  Cool
MyBB Themes Team - Making more professional themes by the hour. (Retired)
My Mods | Offer me a coffee!
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)