Add Toolbar Tutorial Warn In Ipb 2.1.

BebeGFX · 08-06-2015, 10:58 AM

Today I'll show you how you can enter the back that bar chart with that lot were commonplace.

Please note: once you enter the bar, a user will be able to have up to 10 points, because the maximum of 10 points to occupy the whole bar warning.

And let's get to work:

AdminCP > Look & Feel > Manage Templates & CSS > Global Templates > userInfoPane.

Search:

Code:
</if>
 </ul>
 <if test="authorcfields:|:$author['custom_fields'] != """>

and enter the above

Code:
<if test="highwarn:|:$author['warn_level'] >= 8">
 <p class='progress_bar user_warn limit' title='{$this->lang->words['warn_level']} {$author['warn_level']}0%'>
 <else />
 <p class='progress_bar user_warn' title='{$this->lang->words['warn_level']} {$author['warn_level']}0%'>
 </if>
 <span style='width: {$author['warn_level']}0%'><span>{$this->lang->words['warn_level']} {$author['warn_level']}0%</span></span>
 </p>

Then, look for the CSS tab ipb_styles tab and add at the end, bottom of everything:

Code:
.progress_bar {
 background-color: #fff;
 border: 1px solid #d5dde5;
 }
 .progress_bar span {
 background: #243f5c url(http://pctroubleshooting.ro/public/style_images/master/gradient_bg.png) repeat-x left 50%;
 color: #fff;
 font-size: 0em;
 font-weight: bold;
 text-align: center;
 text-indent: -2000em; /* Safari fix */
 height: 10px;
 display: block;
 overflow: hidden;
 }
 .progress_bar.limit span {
 background: #b82929 url(http://pctroubleshooting.ro/public/style_images/master/progressbar_warning.png) repeat-x center;
 }
 .progress_bar span span {
 display: none;
 }
 .progress_bar.user_warn {
 margin: 0 auto;
 width: 80%;
 }
 .progress_bar.user_warn span {
 height: 6px;
 }

oTo · 04-12-2016, 01:04 PM

awesome thing, tnx for it! i tryed and works fine

mcoll · 11-12-2016, 09:36 AM

Thanks foe this, will definitely use.

NightPotato · 05-01-2017, 05:55 AM

Will use this on my sites. Good Job!

Add Toolbar Tutorial Warn In Ipb 2.1.

Submitted by BebeGFX, 08-06-2015, 10:58 AM, Thread ID: 4611

RE: Add Toolbar Tutorial Warn In Ipb 2.1.

RE: Add Toolbar Tutorial Warn In Ipb 2.1.

RE: Add Toolbar Tutorial Warn In Ipb 2.1.