Add Toolbar Tutorial Warn In Ipb 2.1.

by BebeGFX - 08-06-2015, 10:58 AM
Closed Account
Posts:
76
Joined:
Jun 2015
Likes:
7
Credits:
73
Reputation:
0
2 Years of Service
#1
OP
Posted: 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;
}
 

[Image: rawes.png]
Newbie
Posts:
15
Joined:
Dec 2016
Likes:
0
Credits:
7
Reputation:
0
1/2 Year of Service
#2
Posted: 04-12-2016, 01:04 PM
awesome thing, tnx for it! i tryed and works fine
Newbie
Posts:
15
Joined:
Dec 2016
Likes:
0
Credits:
7
Reputation:
0
1/2 Year of Service
#3
Posted: 11-12-2016, 09:36 AM
Thanks foe this, will definitely use.
Newbie
Posts:
17
Joined:
Jan 2017
Likes:
0
Credits:
12
Reputation:
0
1/2 Year of Service
#4
Posted: 05-01-2017, 05:55 AM
Will use this on my sites. Good Job!
The last reply on this thread is older than a month. Please do not unnecessarily bump it.
Register an account or login to reply
Create an account
Create a free account today and start posting right away. It only takes a few seconds.
Login
Log into an existing account.
1 Guest(s)