IPB 3 Hover στΙς κατηγορίες περνώντας το ποντικί από επάνω

[sylvester73 27]

σήμερα ο οδηγός έχει να κάνει
σχετικά με το hover.

Δηλαδή εάν πάτε στο μαύρο σκιν του forum και βάλετε το ποντικί σας επάνω σε μια κατηγορία, τότε αυτομάτως αλλάζει χρώμα και γίνεται
οπως τη παρακάτω εικόνα

 

 

Πάμε να δούμε πως θα το κάνετε και εσείς αυτό στο forum σας, φυσικά αναφέρομαι μόνο για IPB.

Ακολουθήστε τα παρακάτω βήματα

1)Συνδεθείτε στο ACP του φόρουμ σας και πατήστε με το ποντικί σας στη καρτέλα Look&Feel.
2)Εκεί πέρα θα δείτε όλα τα σκιν σας που έχετε στο forum σας,πηγαινετε σε αυτό που θέλετε και πατάτε στο βελάκι που έχει και μετά στο Manage Templates & CSS

Εικόνα

 

Μετά πρέπει να κάνετε κλικ στο BoardIndexTemplate.
Για να το βρείτε στα Αριστερά θα δείτε να λεει Board Index και εάν πατήσετε επάνω αμέσως απο κάτω θα λέει BoardIndexTemplate

Εικόνα

Κάνετε κλικ επάνω στο BoardIdexTemplate Και θα εμφανίσει το κωδικά του.

Τώρα μέσα εκεί θα πρέπει να βρείτε μονό ένα συγκεκριμένο που θέλουμε εμείς, για να το κάνετε αυτό πατήστε Ctrl και f για να σας

ανοίξει η αναζήτηση στο browser σας, και μέσα στην αναζήτηση βάζετε το παρακάτω
 

<table class='ipb_table' summary="{$this->lang->words['forums_in_cat']} '{$_data['cat_data']['name']}'">

Και όταν το βρείτε το κάνετε αντικατάσταση με αυτό εδώ
 

<table class='ipb_table forumHover' summary="{$this->lang->words['forums_in_cat']} '{$_data['cat_data']['name']}'">

Και κάνετε αποθήκευση.



Τώρα θα πρέπει να αλλάξετε και το ForumIdexTemplate, αυτό θα το βρείτε στην αριστερή μεριά στο ίδιο σημείο που βρήκατε και το BoardIndexTemplate.

Στην αριστερά μεριά λέει Forum View πατάτε και σας ανοίγει διάφορες επιλογές από κάτω και από αυτές τις επιλογές εσείς κάνετε κλικ στο ForumIdexTemplate.

Εικόνα

 

Και κάνετε αναζήτηση με Ctrl και f όπως στο παραπάνω βήμα, και ψάχνετε αυτό εδώ

<table class='ipb_table' summary="{$this->lang->words['cat_subforums']} '{$forum_data['name']}'">

Και το κάνετε αντικατάσταση με αυτό εδώ
 

<table class='ipb_table forumHover' summary="{$this->lang->words['cat_subforums']} '{$forum_data['name']}'">

Τώρα πρέπει να επεξεργαστούμε και το CSS.
Επάνω ψηλά διπλα από το Templates θα δείτε να λέει CSS πατάτε εκεί πέρα

Εικόνα



Και στα αριστερά σας έχει κάποιες επιλογές όπως στο Templates πριν, από αυτά που σας εμφανίζει εσείς πατάτε στο ipb_styles.css
Και θα σας βγάλει το κωδικά, στο τέλος του κωδικά προσθέτετε το παρακάτω
 

.forumHover tr:hover td {
    background: #142638;
    border-bottom: 2px solid orangered;
    cursor: pointer;
}
.forumHover tr:hover td,
.forumHover tr:hover td *,
.forumHover tr:hover td .desc,
.forumHover tr:hover td .desc a {
    color: #fff !important;
    color: rgba(255, 255, 255, 0.7) !important;
}
.forumHover tr:hover td a {
    color: #fff !important;
}

Στο  background: #142638;  αλλάζετε το Background με αυτό που θέλετε εσείς.