Lexi Help
Partner
www.forumieren.com

Frage zu Post "Navileiste in Overall_header new".

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt Frage zu Post "Navileiste in Overall_header new".

Beitrag von Paplo-Noir am Sa 21 Apr 2012 - 10:34

Hallo
zu diesem posting (im Titel) habe ich noch 1 Frage.
Ich möchte die Navi wieder einbauen ..
Aber ich bekomme sie nicht zentral sondern nur linksbündig.(siehe Forum) wie änder ich das.


Zuletzt von Paplo-Noir am Sa 21 Apr 2012 - 20:18 bearbeitet, insgesamt 1 mal bearbeitet

Paplo-Noir
Premium-User
Premium-User

Männlich Beiträge : 360
Hinweis : ich bastel soweit möglich alles selbst (auch die bilder )
Anmeldedatum : 29.08.09

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Frage zu Post "Navileiste in Overall_header new".

Beitrag von Zuckerpuppe am Sa 21 Apr 2012 - 10:42

Hallo,

wenn es die originale Navileiste ist, dann kannst du das auch im Adminbereich unter
Anzeige - Startseite - Kopfteil&Navigation - Seitenkopf - Position des Navigationsmenüs
einstellen.

Steht es dort auf "zentriert" ?

Zuckerpuppe
Admin a.D.
Admin a.D.

Weiblich Beiträge : 19541
Anmeldedatum : 24.04.08

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Frage zu Post "Navileiste in Overall_header new".

Beitrag von Paplo-Noir am Sa 21 Apr 2012 - 10:48

Nein .Es ist die Navi leiste die Terra in diesem Post zusammen mit mir schonmal verbaut hat aber damals links ich möchte sie nun zentriert

Paplo-Noir
Premium-User
Premium-User

Männlich Beiträge : 360
Hinweis : ich bastel soweit möglich alles selbst (auch die bilder )
Anmeldedatum : 29.08.09

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Frage zu Post "Navileiste in Overall_header new".

Beitrag von Zuckerpuppe am Sa 21 Apr 2012 - 10:53

kannst du mir mal das Template geben, das du jetzt drin hast?

Zuckerpuppe
Admin a.D.
Admin a.D.

Weiblich Beiträge : 19541
Anmeldedatum : 24.04.08

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Frage zu Post "Navileiste in Overall_header new".

Beitrag von Paplo-Noir am Sa 21 Apr 2012 - 10:59

Code:
<!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 width_max = $('ul#fa_ticker_content').width();
         var width_item = Math.floor(width_max / {switch_ticker.SIZE});

         if (width_max > 0)
         {
            $('#fa_ticker_content').css('display','block');

            $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).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);
               }
            });

            if (slid_vert)
            {
               var height_max = h_perso;

               $('ul#fa_ticker_content li').each( function () {
                  if ($(this).height() > height_max)
                  {
                     height_max = $(this).height();
                  }
               } );

               $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
               $('ul#fa_ticker_content li').height(height_max);
            }

            $('#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 = false, 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>
   <!-- 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" class="module main">
      <div id="login_popup_title" class="main-head">
         <div class="h3">{SITENAME}</div>
      </div>
      <div class="main-content">
         {LOGIN_POPUP_MSG}
         <div id="login_popup_buttons">
            <form action="{S_LOGIN_ACTION}" method="get">
               <input type="submit" class="button2" value="{L_LOGIN}" />
               <input type="button" class="button2" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
               <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
            </form>
         </div>
      </div>
   </div>
   <!-- END switch_login_popup -->

   <a id="top" name="top" accesskey="t"></a>

   <div class="minwidth_IE">
      <div class="layout_IE">
         <div class="container_IE">
            <div class="pun">
               <div id="pun-intro" class="clearfix">
                  <a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>

                  <!-- BEGIN switch_h1 -->
                  <div id="pun-title">{switch_h1.MAIN_SITENAME}</div>
                  <!-- END switch_h1 -->

                  <!-- BEGIN switch_desc -->
                  <p id="pun-desc">{switch_desc.SITE_DESCRIPTION}</p>
                  <!-- END switch_desc -->
               <div id="pun-head">
                     <ul class="clearfix">
                        <ul id="qm0" class="qmmc">

   <li><a href="http://www.wou-crew.com/portal.htm"><img align="" src="http://www.abload.de/img/homeqykg4.png" alt="" style="margin: -15px 0px; display: block;" /> <span style="color: rgb(255, 255, 255); font-weight: bold;">Portalseite </span></a></li>
      <li><a href="http://www.wou-crew.com/forum.htm"><img align="" style="margin: -15px 0px; display: block;" alt="" src="http://www.abload.de/img/forumv0j3d.png" />    <span style="color: rgb(255, 255, 255); font-weight: bold;">Forum</span></a></li>
   


                                                                  <li><a class="qmparent" href="javascript:void(0)"><img align="" src="http://www.abload.de/img/lognfk87.png" alt="" style="margin: -15px 0px; display: block;" </>Mitgliedschaft</a>

      <ul>
      <li><a href="http://www.wou-crew.com/profile.forum?mode=register">Kostenlos Anmelden</a></li>
      <li><a href="http://www.wou-crew.com/login.forum?connexion">LogIn</a></li>
                <li><a href="http://www.wou-crew.com/login.forum?logout">LogOut</a></li>
      </ul></li>

      <li><a class="qmparent" href="javascript:void(0)"><img align="" src="http://www.abload.de/img/diverseslhj09.png" alt="" style="margin: -15px 0px; display: block;">  Mitgliederbereich</a>
      <ul>
      <li><a href="http://www.wou-crew.com/profile.forum?mode=editprofile">Profil</a></li>
      <li><a href="http://www.wou-crew.com/groupcp.forum">Nutzergruppen</a></li>
      <li><a href="http://www.wou-crew.com/memberlist.forum">Mitglieder</a></li>       
      <li><a href="http://www.wou-crew.com/msg.forum?folder=inbox">Private Nachrichten (Nur für Registrierte)</a></li>
      </ul></li>

      <li><a class="qmparent" href="javascript:void(0)"><img align="" style="margin: -15px 0px; display: block;" alt="" src="http://www.abload.de/img/linkszxj8w.png" /> Diverses</a>

      <ul>
      <li><a href="http://www.wou-crew.com/calendar.forum">Kalender</a></li>
      <li><a href="http://www.wou-crew.com/search.forum">Suchen</a></li>
      </ul></li>

<P> </P>
<P> </P>
<P> </P>
<P> </P></li></ul>
                                                       

               <!-- BEGIN switch_ticker_new -->
               <div id="fa_ticker_block" style="padding-top:4px;">
                  <div class="module main">
                     <div class="main-content clearfix">
                        <div id="fa_ticker_container">
                           <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;">
                              <!-- BEGIN ticker_row -->
                              <li>{switch_ticker.ticker_row.ELEMENT}</li>
                              <!-- END ticker_row -->
                           </ul>
                        </div>
                     </div>
                  </div>
               </div>
               <!-- END switch_ticker_new -->

               <!-- BEGIN switch_ticker -->
               <div id="fa_ticker_block" style="padding-top:4px;">
                  <div class="module main">
                     <div class="main-content clearfix">
                        <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>
                     </div>
                  </div>
               </div>
               <!-- END switch_ticker -->

               <div id="page-body">
                  <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                     <div id="outer-wrapper">
                        <div id="wrapper">
                           <div id="container">
                              <div id="content">
                                 <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>
                                 <div id="main">
                                    <div id="main-content">

<!-- BEGIN html_validation -->
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</body>
</html>
<!-- END html_validation -->

Da ist mindestens ein fehler drinn da das template mir mein HG zerlegt ^^

Paplo-Noir
Premium-User
Premium-User

Männlich Beiträge : 360
Hinweis : ich bastel soweit möglich alles selbst (auch die bilder )
Anmeldedatum : 29.08.09

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Frage zu Post "Navileiste in Overall_header new".

Beitrag von Zuckerpuppe am Sa 21 Apr 2012 - 12:01

also auf Anhieb erkenne ich den Fehler, dass am Ende der div-tag nicht geschlossen ist...
Also am Ende deines Navi-Codes fehlt das rot markierte:

<P> </P>
<P> </P>
<P> </P>
<P> </P></li></ul></ul></div>

Außerdem fehlt ein abschliessendes div-tag hier:
<!-- END switch_desc -->
</div>

Ansonsten muss ich leider sagen, dass ich dir auf Anhieb auch nicht helfen kann. Ich hab jetzt mal verschiedene Möglichkeiten ausprobiert (Center-tags gesetzt, neue div-class erstellt und diese im CSS mittig positioniert, etc.), aber das ist nicht so einfach mittig zu stellen.
Dazu muss man das komplette Template umschreiben, damit es so aussieht wie bei terra-outlaw. Ich weiß, dass er sich die Nächte um die Ohren geschlagen hat, um die Ansicht so hinzubekommen wie sie jetzt ist.
Das ist keine Arbeit von Stunden, sondern von Tagen und Wochen gewesen.

Ich habe leider nicht die Zeit, um mir das jetzt noch näher anzuschauen. Sorry...
Vielleicht ist ja jemand anderes hier, der mehr Zeit hat und dir da weiterhelfen kann.

Ich gebe den Thread frei, in der Hoffnung, dass sich hier jemand meldet.

edit: wie ich im Forum von terra-outlaw sehe, ist die Navi bei ihm auch linksbündig. Jedoch hat er mehrere Navipunkte, sodass diese bis nach rechts reiche und somit mittig aussehen. Außerdem hat er den Hintergrund so angepasst, dass die Navi bei ihm genau in die Mitte des Hintergrundbildes passt.

Zuckerpuppe
Admin a.D.
Admin a.D.

Weiblich Beiträge : 19541
Anmeldedatum : 24.04.08

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: Frage zu Post "Navileiste in Overall_header new".

Beitrag von Paplo-Noir am Sa 21 Apr 2012 - 20:19

ist erledigt .. thx löse das probelm anderst ^^

Paplo-Noir
Premium-User
Premium-User

Männlich Beiträge : 360
Hinweis : ich bastel soweit möglich alles selbst (auch die bilder )
Anmeldedatum : 29.08.09

Benutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten