Πάμε να δούμε πως μπορούμε να αλλάξουμε το χρώμα όταν το warn είναι 0 δηλαδή δεν έχει δεχτεί ο χρηστής καμιά προειδοποίηση.
Το κανονικά χρώμα είναι κάπως σαν άσπρο
Εικόνα Εμείς πάμε να δούμε πως θα το κάνουμε κίτρινο
Πηγαίνετε ACP-Look&Feel-επιλέξτε το skin σας- πατήστε στο css και μετά στο ipb_styles.css
Κάντε αναζήτηση για την παρακάτω γραμμή
background-color: #fff;
Συγκεκριμένα πρέπει να βρείτε αυτό εδώ
.progress_bar {
background-color: #fff;
border: 1px solid #83a1c0;
}
Όταν το βρείτε αλλάζετε το #fff; με το χρώμα που θέλετε, δηλαδή για κίτρινο το κάνετε έτσι
.progress_bar {
background-color: yellow;
border: 1px solid #83a1c0;
}
Πολλή απλά στη θέση του #fff βάζετε την ονομασία του χρώματος που θέλετε.
Τώρα πάμε να δούμε πως θα αλλάξουμε το χρώμα μετά από κάποιο επίπεδο.
Δηλαδή εάν μπορούμε να δώσουμε warn μέχρι το 10,ως το επίπεδο 7 έχει το κανονικό χρώμα μετά από το επίπεδο 7 δηλαδή στο 8,9,10 αλλάζει το χρώμα προς το κόκκινο, πάμε να δούμε πως θα το αλλάξετε σε αλο χρώμα
Το κανονικό είναι όπως η εικόνα.
Εικόνα 2 Εμείς πάμε να δούμε πως θα το κάνουμε πράσινο
Πηγαίνετε ACP-Look&Feel-επιλέξτε το skin σας- πατήστε στο css και μετά στο ipb_styles.css
Κάντε αναζήτηση για την παρακάτω γραμμή
background: #b13c3c url('http://site.com/public/style_images/overlayblue/highlight.png') repeat-x 0 0;
Όλο μαζί είναι έτσι
.progress_bar.limit span {
background: #b13c3c url('http://site.com/public/style_images/overlayblue/highlight.png') repeat-x 0 0;
}
Εσείς αλλάζετε το #b13c13c με το χρώμα που θέλετε δηλαδή για πράσινο το κάνετε έτσι
.progress_bar.limit span {
background: green url('http://site.com/public/style_images/overlayblue/highlight.png') repeat-x 0 0;
}