IP.Board Tutorials

Add Toolbar Tutorial Warn In Ipb 2.1.

Submitted by BebeGFX, , Thread ID: 4611

Thread Closed
BebeGFX
Junior Member
Level:
0
Reputation:
0
Posts:
72
Likes:
11
Credits:
48
08-06-2015, 10:58 AM
#1
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;
}

[Image: rawes.png]

RE: Add Toolbar Tutorial Warn In Ipb 2.1.

oTo
Newbie
Level:
0
Reputation:
0
Posts:
15
Likes:
0
Credits:
7
04-12-2016, 01:04 PM
#2
awesome thing, tnx for it! i tryed and works fine

RE: Add Toolbar Tutorial Warn In Ipb 2.1.

mcoll
Newbie
Level:
0
Reputation:
0
Posts:
15
Likes:
0
Credits:
7
11-12-2016, 09:36 AM
#3
Thanks foe this, will definitely use.

RE: Add Toolbar Tutorial Warn In Ipb 2.1.

NightPotato
Newbie
Level:
0
Reputation:
0
Posts:
17
Likes:
1
Credits:
28
05-01-2017, 05:55 AM
#4
Will use this on my sites. Good Job!

Users browsing this thread: 1 Guest(s)