Εδώ θα βρείτε το ίδιο αλλά μέσα σε html για άλλες ιστοσελίδες http://www.parea.biz/t3794-topic#20725



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">Εξτρά 1</a>

    <a href="/t3-topic">Εξτρά 2</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">Εξτρά 1</a>

<a href="/t3-topic">Εξτρά 2</a>

Τα αλλάζετε,τα σβήνετε,ότι θέλετε κάντε.


2. Στο CSS μπαίνει αυτό:

Κώδικας:

    .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;
    }

Αν θέλετε να απαλλαγείτε από το κανονικό σας μενού βάλτε αυτό:

Κώδικας:

#pun-head #pun-navlinks {
display: none;
}

3. Πίνακας Διαχείρισης - Modules - HTML & JAVASCRIPT - Javascript codes management βάλτε τικ στο In all the pages

Κώδικας:


    $(document).ready(function() {

      var text_code = $("#pun-navlinks a[href*=/privmsg]").text();
      $("a#mn_ls").text(text_code);

      var text_code = $("a#logout").text();
      $("a#mn_logout").text(text_code);

    if (jQuery('#pun-navlinks').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('#pun-navlinks').is(":has('#i_icon_mini_new_message')")) {
    jQuery("#mn_ls img").attr({src: "http://σύνδεσμος_στην_εκόνα_νέο_μήνυμα", title: "Νέο μήνυμα"})
    }
    else {jQuery("#mn_ls img").attr('src', 'http://σύνδεσμος_στην_εκόνα_μήνυμα')
    }

    });

1. Κώδικάς μενού - ίδιος με προηγούμενο.

2. CSS - επίσης χωρίς αλλαγές.

3. Στα Templates βρείτε το overall_header (Top of the page) και αντί για:

Κώδικας:

        <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. Και ο κώδικας είναι άλλος!

Κώδικας:

    $(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://σύνδεσμος_στην_εκόνα_μήνυμα')
    }

    });

thanks