Jump to content
Slate Blackcurrant Watermelon Strawberry Orange Banana Apple Emerald Chocolate Marble
Slate Blackcurrant Watermelon Strawberry Orange Banana Apple Emerald Chocolate Marble
sylvester73

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

Recommended Posts

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


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

 

8omKjEQ.png

 

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

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

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


Εικόνα

 

rZPfppY.png


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


Εικόνα

K9JRNuG.png


Κάνετε κλικ επάνω στο 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.


Εικόνα

 

0nWNOxY.png




Και κάνετε αναζήτηση με 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 πατάτε εκεί πέρα


Εικόνα

zhagE1v.png

Και στα αριστερά σας έχει κάποιες επιλογές όπως στο 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 με αυτό που θέλετε εσείς.

  • Like 1

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×