1 Μενού στο widget με φωτιζόμενα πλήκτρα [Phpbb2] 27/12/2011, 08:21
Ζωντανό παράδειγμα εδώ: http://phpbb2menu.forumgreek.com/
Και απλά μια φώτο εδώ: https://i.imgur.com/hjvxy.png
1. Στο Widget βάζουμε το παρακάτω κωδικό:
Προσαρμοσμένα κουμπιά -
Μπορείτε να τα σβήσετε τελείως ή να τα αλλάξετε:
/t1-topic και /t2-topic είναι διευθύνσεις στης οποίες θα μας πάει το κάθε κουμπί.
Κανόνες και Ένα άλλο μέρος είναι ονομασίες στο μενού.
2. Τώρα πάμε στο CSS μας και βάζουμε το παρακάτω:
3. Ας πάμε στα πρότυπα τώρα και να βρούμε στην κατηγορία Γενική Διαχείριση το overall_header μέσα βρείτε το παρακάτω:
και αλλάξτε το με αυτό:
Μην ξεχάσετε να πατήσετε Υποβολή και μετά Δημοσίευση!
4. Και τελευταίο πάμε στο Javascript codes management και βάζουμε το παρακάτω:
Προσοχή:
Και απλά μια φώτο εδώ: https://i.imgur.com/hjvxy.png
1. Στο Widget βάζουμε το παρακάτω κωδικό:
- Κώδικας:
<div class="mymenu">
<a href="/portal">Αρχική</a>
<a href="/forum">Φόρουμ</a>
<a href="/faq">FAQ</a>
<a href="/search">Αναζήτηση</a>
<a href="/memberlist" rel="nofollow">Χρήστες</a>
<a href="/groups" rel="nofollow">Ομάδες</a>
<a href="/profile?mode=editprofile" id="mn_prof">Προφίλ</a>
<a href="/msg.forum?folder=inbox" id="mn_ls">Μηνύματα ΠΜ</a>
<a href="/t1-topic">Κανόνες</a>
<a href="/t2-topic">Ένα άλλο μέρος</a>
<a href="/login.forum?logout" id="mn_logout">Έξοδος</a>
<a href="/login" id="mn_login">Είσοδος</a>
<a href="/profile?mode=register" id="mn_reg">Εγγραφή</a>
</div>
Προσαρμοσμένα κουμπιά -
- Κώδικας:
<a href="/t1-topic">Κανόνες</a>
<a href="/t2-topic">Ένα άλλο μέρος</a>
Μπορείτε να τα σβήσετε τελείως ή να τα αλλάξετε:
/t1-topic και /t2-topic είναι διευθύνσεις στης οποίες θα μας πάει το κάθε κουμπί.
Κανόνες και Ένα άλλο μέρος είναι ονομασίες στο μενού.
2. Τώρα πάμε στο CSS μας και βάζουμε το παρακάτω:
- Κώδικας:
/* Μενού πλοήγησης από το Parea.biz */
.mymenu a {
display: block;
height: 30px;
line-height: 30px;
background: transparent url("http://i48.servimg.com/u/f48/16/08/40/28/jklj11.jpg") no-repeat top left;
margin: 5px 0;
padding-left: 5px;
text-decoration: none !important;
font-style: italic;
font-weight: bold;
font-size: 11px;
color: #fff !important;
text-shadow: 0px -1px 0px #2F4F4F;
}
.mymenu a:hover {
background: transparent url("http://i48.servimg.com/u/f48/16/08/40/28/jklj11.jpg") no-repeat bottom left;
}
3. Ας πάμε στα πρότυπα τώρα και να βρούμε στην κατηγορία Γενική Διαχείριση το overall_header μέσα βρείτε το παρακάτω:
- Κώδικας:
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
</tr>
</table>
και αλλάξτε το με αυτό:
- Κώδικας:
<table style="display:none">
<tr>
<td class="basemn">{GENERATED_NAV_BAR}</td>
</tr>
</table>
Μην ξεχάσετε να πατήσετε Υποβολή και μετά Δημοσίευση!
4. Και τελευταίο πάμε στο Javascript codes management και βάζουμε το παρακάτω:
- Κώδικας:
$(document).ready(function() {
var text_code = $(".basemn a[href*=/privmsg]").text();
$("a#mn_ls").text(text_code);
var text_code = $("a#logout").text();
$("a#mn_logout").text(text_code);
if (jQuery('.basemn').is(":has('#i_icon_mini_logout')")) {
jQuery("#mn_reg, #mn_login, #tbry").hide()
}
else {jQuery("#mn_reg, #mn_login, #tbry").show();
jQuery("#mn_ls, #mn_prof, #mn_logout").hide()
}
if (jQuery('.basemn').is(":has('#i_icon_mini_new_message')")) {
jQuery("#mn_ls img").attr({src: "http://διεύθυνση_στην_εικόνα_Νέου_Μηνύματος", title: "Νέο ΠΜ!"})
}
else {jQuery("#mn_ls img").attr('src', 'http://διεύθυνση_στην_εικόνα_Μηνύματα')
}
});
Προσοχή:
- Enable Javascript code management το βάζουμε στο ΝΑΙ
- Και όταν βάζουμε κώδικα προσέχουμε να έχουμε το ΤΙΚ στο In all the pages