[TUTORIAL] Adăugare Bară De Warn În Ipb

[TUTORIAL] Adăugare Bară De Warn În Ipb - Printable Version

+- Jucausii.Net - Just play it! (https://jucausii.net/forum)
+-- Forum: Zona IT & Web / IT & Web Area (https://jucausii.net/forum/forum-169.html)
+--- Forum: Resurse, stiinte si tehnologie / Resources , Science and Technology (https://jucausii.net/forum/forum-171.html)
+---- Forum: Platforme Web / Web platform (https://jucausii.net/forum/forum-173.html)
+----- Forum: IPB (https://jucausii.net/forum/forum-249.html)
+------ Forum: Tutoriale / Tutorials (https://jucausii.net/forum/forum-255.html)
+------ Thread: [TUTORIAL] Adăugare Bară De Warn În Ipb (/thread-1039.html)

[TUTORIAL] Adăugare Bară De Warn În Ipb - StefyZz - 23-10-2015

Asa va arata dupa aplicarea setarilor :
[Image: rawes.png]

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

Aici căutăm

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

şi introducem deasupra

PHP 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> 

Apoi, căutăm în tab-ul CSS fila ipb_styles.css şi adăugam la final, jos de tot:

PHP Code:
.progress_bar {
background-color: #fff;
border: 1px solid #d5dde5;
}
.progress_bar span {
background: <QUICKREFERENCES#243>f5c url({style_images_url}/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({style_images_url}/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;
} 