aed
div.post.online.st-answer-admin, div.post.st-answer-admin { background-image: url(http://i39.servimg.com/u/f39/18/22/09/39/admin-10.png)!important; background-position: right bottom; background-repeat: no-repeat; }
Ακτιβιστές
Gamatos (2920)
 
SCZI (1799)
 
Rock'n'Trolla (1690)
 
lOlman (1537)
 
Technical Supporter (1393)
 
Voks (1043)
 
B-Colt (994)
 
rebelos (812)
 
Μurderer (710)
 
YuGo007 (608)
 

Βοήθησε όπως μπορείς
για να παραμένει η Παρέα
στο χώρο αυτό

Περαστικός - 0
Νέος Χρήστης - 20
Μέλος - 50
Κάτοικος - 150
Πρεσβύτερος - 300
Βετεράνος - 500

Μη Συνδεδεμενος Παρακαλώ συνδεθείτε ή εγγραφείτε

Επισκόπηση προηγούμενης Θ.Ενότητας Επισκόπηση επόμενης Θ.Ενότητας Πήγαινε κάτω  Μήνυμα [Σελίδα 1 από 1]

Gamatos

ΦώτοΝτοσιέΕπαφές
avatar




Ζωντανό παράδειγμα εδώ: http://phpbb2menu.forumgreek.com/
Και απλά μια φώτο εδώ: http://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


kwnos100

ΦώτοΝτοσιέΕπαφές


σε παρακαλώ μπορείς να μου δώσεις μόνο το Javascript- Html για τα μυνήματα? Ευχαριστώ :)

kwnos100

ΦώτοΝτοσιέΕπαφές


Επίσης όταν το κάνω αντικατάσταση με το overal header το δικό μου(που του έχω κάνει αλλαγές) δεν ποιάνει Sad
Το overal header μου:

Σε παρακαλώ όταν το δεις βγάλε το overal header για λόγους αντιγραφής :)

Gamatos

ΦώτοΝτοσιέΕπαφές
avatar




Να δοκίμασε αυτό:
Κώδικας:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
   <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
   <meta http-equiv="content-script-type" content="text/javascript" />
   <meta http-equiv="content-style-type" content="text/css" />
   <!-- BEGIN switch_compat_meta -->
   <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
   <!-- END switch_compat_meta -->
   <!-- BEGIN switch_canonical_url -->
   <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
   <!-- END switch_canonical_url -->
   {META_FAVICO}
   {META}
   {META_FB_LIKE}
   <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
   {T_HEAD_STYLESHEET}
   {CSS}
   <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
   <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
   <script src="{JQUERY_PATH}" type="text/javascript"></script>
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

   <!-- BEGIN switch_fb_login -->
   <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
   <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
   <!-- END switch_fb_login -->

   <!-- BEGIN switch_ticker -->
   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
   <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
   <!-- END switch_ticker -->

   <!-- BEGIN switch_ticker_new -->
   <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
   <script type="text/javascript">//<![CDATA[
      /* Definir le sens de direction en fonction du panneau admin */
      var tickerDirParam = "{switch_ticker.DIRECTION}";
      var slid_vert = false;
      var auto_dir = 'next';
      var h_perso = parseInt({switch_ticker.HEIGHT});

      switch( tickerDirParam )
      {
         case 'top' :
            slid_vert = true;
            break;

         case 'left':
            break;

         case 'bottom':
            slid_vert = true;
            auto_dir = 'prev';
            break;

         case 'right':
            auto_dir = 'prev';
            break;

         default:
            slid_vert = true;
      }

      $(document).ready(function() {
         var w_cont = $('#fa_ticker_container').width();

         if (w_cont > 0)
         {
            $('#fa_ticker_container').width(w_cont);

            /* Affichage de la liste */
            $('#fa_ticker_content').css('display','block');

            /* Calcul des dimensions du conteneur et des ?l?ments */
            var width_max = $('ul#fa_ticker_content').width();
            var width_item = Math.floor(width_max / {switch_ticker.SIZE});
            var height_max = h_perso;

            /* Calcul de la hauteur maximale du contenur en fonction des ?l?ments et de la hauteur personnalis?e dans l'admin */
            $('ul#fa_ticker_content li').each( function () {
               if ($(this).height() > height_max)
               {
                  height_max = $(this).height();
               }
            } );

            /* Redimensionnement des ?l?ments et des images trop larges */
            $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
               if ($(this).width() > width_item)
               {
               var ratio      = $(this).width() / width_item;
               var new_height = Math.round($(this).height() / ratio);
               $(this).height(new_height).width(width_item);
               }
            });

            /* Redimensionnement et centrage du conteneur en mode vertical */
            if (slid_vert)
            {
               $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
            }

            /* Initialisation du caroussel */
            $('#fa_ticker_content').jcarousel({
                  vertical: slid_vert,
               wrap: 'circular',
               auto: {switch_ticker.STOP_TIME},
               auto_direction: auto_dir,
            scroll: 1,
            size: {switch_ticker.SIZE},
            height_max: height_max,
            animation: {switch_ticker.SPEED}
            });
         }
         else
         {
            $('ul#fa_ticker_content li:not(:first)').css('display','none');
            $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
         }
      });
   //]]>
   </script>
   <!-- END switch_ticker_new -->

   <script type="text/javascript">//<![CDATA[
   $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
         pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
         pm.focus();
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
         report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
         report.focus();
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
         ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
      <!-- END switch_ticker -->
   });

   <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
   <!-- END switch_login_popup -->

   <!-- BEGIN switch_login_popup -->
   $(document).ready( function() {
      $(window).resize(function() {
         var windowWidth = document.documentElement.clientWidth;
         var popupWidth = $("#login_popup").width();
         var mypopup = $("#login_popup");

         $("#login_popup").css({
         "left": windowWidth/2 - popupWidth/2
            });
      });
   });
   <!-- END switch_login_popup -->
   //]]>
   </script>
   {GREETING_POPUP}
   <!-- BEGIN switch_ticker_new -->
   <style>
   .jcarousel-skin-tango .jcarousel-item {
      text-align:center;
      width: 10px;
   }

   .jcarousel-skin-tango .jcarousel-item-horizontal {
      margin-right: {switch_ticker.SPACING}px;
   }

   .jcarousel-skin-tango .jcarousel-item-vertical {
      margin-bottom: {switch_ticker.SPACING}px;
   }
   </style>
   <!-- END switch_ticker_new -->
   {HOSTING_JS}
   <!-- BEGIN google_analytics_code -->
   <script type="text/javascript">
   //<![CDATA[
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
    _gaq.push(['_trackPageview']);

    (function() {
      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
   //]]>
   </script>
   <!-- END google_analytics_code -->
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
   <!-- BEGIN hitskin_preview -->
   <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://illiweb.com/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
      <div class="content">
         <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
         </p>
      </div>
   </div>
   <!-- END hitskin_preview -->

   <!-- BEGIN switch_login_popup -->
   <div id="login_popup">
      <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
         <tr height="25">
            <td class="catLeft">
               <span class="genmed module-title">{SITENAME}</span>
            </td>
         </tr>
         <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
            <td class="row1" align="left" valign="top">
               <div id="login_popup_buttons">
                  <form action="{S_LOGIN_ACTION}" method="get">
                     <input type="submit" class="mainoption" value="{L_LOGIN}" />
                     <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                     <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                  </form>
               </div>
               <span class="genmed">{LOGIN_POPUP_MSG}</span>
            </td>
         </tr>
      </table>
   </div>
   <!-- END switch_login_popup -->

   <a name="top"></a>
   {JAVASCRIPT}

   <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>
         <td class="bodyline">
            <table width="100%" cellspacing="0" cellpadding="0" border="0">
               <tr>
                  <!-- BEGIN switch_logo_left -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_left -->
                  <td align="center" width="100%" valign="middle">
                                                  <div class="introoo">
                     <!-- BEGIN switch_logo_center -->
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                     <br /> <div id="search-box"><form method="get" action="/search?search_where=11" id="input.search"><p class="nomargin"><input type="text" name="search_keywords" id="keywords" maxlength="128" class="search-text" value="Αναζήτηση..." onclick="if (this.value == 'Αναζήτηση...') this.value = '';" onblur="if (this.value == '') this.value = 'Αναζήτηση...';"><input class="search-button" type="submit" value="Αναζήτηση"></p></form></div>
                     <!-- END switch_logo_center -->
                                                 
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br />
                     <span class="gen">{SITE_DESCRIPTION}<br />  </span>
                  </td>
                  <!-- BEGIN switch_logo_right -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_right -->
               </tr>
            </table>
</div>
<div id="navmenu" style="position:fixed; left:0%; top: 0px;">
<table style="display:none">
        <tr>
        <td class="basemn">{GENERATED_NAV_BAR}</td>
        </tr>
        </table>
                                  </div>

            <div style="clear: both;"></div>

            <!-- BEGIN switch_ticker_new -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                     <td {CLASS_TABLE_TYPE} align="left" class="row1">
                        <div id="fa_ticker_container">
                           <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
                              <!-- BEGIN ticker_row -->
                              <li>{switch_ticker.ticker_row.ELEMENT}</li>
                              <!-- END ticker_row -->
                           </ul>
                        </div>
                     </td>
                  </tr>
               </table>
            </div>
            <!-- END switch_ticker_new -->

            <!-- BEGIN switch_ticker -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                     <td {CLASS_TABLE_TYPE} align="left" class="row1">
                        <div id="fa_ticker_container">
                           <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                              <div class="fa_ticker_content">
                                 <!-- BEGIN ticker_row -->
                                 <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                 <!-- END ticker_row -->
                              </div>
                           </div>
                        </div>
                     </td>
                  </tr>
               </table>
            </div>
            <!-- END switch_ticker -->

            <div id="page-body">
               <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                  <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                     <tbody>
                        <tr>
                           <td valign="top" width="{C1SIZE}">
                              <div id="{ID_LEFT}">
                                 <!-- BEGIN giefmod_index1 -->
                                 {giefmod_index1.MODVAR}
                                    <!-- BEGIN saut -->
                                    <div style="height:{SPACE_ROW}px"></div>
                                    <!-- END saut -->
                                 <!-- END giefmod_index1 -->
                              </div>
                           </td>
                           <td valign="top" width="100%">
<!-- BEGIN html_validation -->
                           </td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </div>
         </td>
      </tr>
   </table>
</body>
</html>
<!-- END html_validation -->
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="http://greekultimate.forump.info/h2-page" type="text/javascript"></script>

kwnos100 έγραψε:σε παρακαλώ μπορείς να μου δώσεις μόνο το Javascript- Html για τα μυνήματα? Ευχαριστώ :)

Από το HTML βγάλε όλα ότι δεν θέλεις το JavaScript είναι ΜΟΝΟ για να νέα μηνύματα.


kwnos100

ΦώτοΝτοσιέΕπαφές


και πάλι δεν δουλεύει Sad δες: http://grftest.forumgreek.com/forum ....για την ακρίβεια δουλεύει μόνο όταν αλλάζω το αρχικό Css

Gamatos

ΦώτοΝτοσιέΕπαφές
avatar




Δεν κατάλαβα τι αλλάζεις στο CSS;


kwnos100

ΦώτοΝτοσιέΕπαφές


Sorry Templates εννούσα

Gamatos

ΦώτοΝτοσιέΕπαφές
avatar




Αυτό δείχνει ότι έχει ήδη κάτι πειράξει στα Πρότυπα, αν θες να στο φτιάξω στείλε εδώ φώτο τι ακριβός δεν δουλεύει.


kwnos100

ΦώτοΝτοσιέΕπαφές


Δεν δουλεύει το μυνήματα αντί να λέει δεν έχετε μυνήματα λέει Μυνήματα ΠΜ

Gamatos

ΦώτοΝτοσιέΕπαφές
avatar




Στο βήμα 1. έχει ένα κωδικό πήγαινε μέσα στο widget και άλλαξε το:

Κώδικας:
<a href="/msg.forum?folder=inbox" id="mn_ls">Μηνύματα ΠΜ</a>
με
Κώδικας:
<a href="/msg.forum?folder=inbox" id="mn_ls">Δεν έχετε ΠΜ</a>


kwnos100

ΦώτοΝτοσιέΕπαφές


δν δουλευει Sad

Gamatos

ΦώτοΝτοσιέΕπαφές
avatar




Τα στοιχεία του φόρουμ σου στείλε μου στο πμ


kwnos100

ΦώτοΝτοσιέΕπαφές


ok :)

Gamatos

ΦώτοΝτοσιέΕπαφές
avatar




Άλλαξε ξανά τα στοιχεία βάλε τα δικά σου, πως να σε βοηθίσω αφού έχεις PunBB και αυτό το μάθημα είναι για PhpBB2; lol!


kwnos100

ΦώτοΝτοσιέΕπαφές


ααα ναι συγνώμι έκανα λάθος μπες εδώ: http://greekultimate.forump.info με τα ίδια στοιχεία :)

Gamatos

ΦώτοΝτοσιέΕπαφές
avatar




που είναι η πλοήγηση;


kwnos100

ΦώτοΝτοσιέΕπαφές


Βάλτο σε Widget

Gamatos

ΦώτοΝτοσιέΕπαφές
avatar




Οκ δώσε μου λίγο χρόνο αν θες...


kwnos100

ΦώτοΝτοσιέΕπαφές


ok :)

Gamatos

ΦώτοΝτοσιέΕπαφές
avatar




Αυτό το μενού θα το βγάλεις σωστά;



kwnos100

ΦώτοΝτοσιέΕπαφές


Ναι

Επισκόπηση προηγούμενης Θ.Ενότητας Επισκόπηση επόμενης Θ.Ενότητας Επιστροφή στην κορυφή  Μήνυμα [Σελίδα 1 από 1]



Δικαιώματα σας στην κατηγορία αυτή
Δεν μπορείτε να απαντήσετε στα Θέματα αυτής της Δ.Συζήτησης


© 2009-2013 Parea.Biz Με επιφύλαξη παντός δικαιώματος.