Lexi Help
Die neuesten Themen
» Impressum
von #Frank Gestern um 23:45

» [phpBB2] Im Beitrag Bild und Text nebeneinander anzeigen
von #Frank Gestern um 23:43

» [phpBB2] Unicode Emojis im Forum
von Mariacher J.E. Gestern um 22:07

» Themen-Icons
von Bigtuber Gestern um 20:46

» [phpBB2] Schriftfarbe in der Expressantwort
von Bigtuber Gestern um 20:09

» Themen fixieren
von inde Gestern um 20:05

» [Update] Neues Theme der mobilen Version V2
von inde Gestern um 13:34

» Mein altes Forum zurückbekommen
von Bigtuber Di 27 Sep 2016 - 19:18

» Begriff : "merken"
von Ray Di 27 Sep 2016 - 12:14

» [PunBB] Umzug eines funktionierenden Forums von PunBB auf phpBB?
von inde Di 27 Sep 2016 - 11:07

» Servamp Forum
von Raine Kamiya Mo 26 Sep 2016 - 22:47

» [phpBB2] Probleme mit der "Postprofil" Anzeige
von Dr.Keks Mo 26 Sep 2016 - 20:56

» Private Nachrichten
von inde Mo 26 Sep 2016 - 10:05

» Wie kann man erkennen, welche Forenversion ein anderes Forum hat?
von inde So 25 Sep 2016 - 22:24

» Ad Ware im Forum?
von inde So 25 Sep 2016 - 20:38

» [Sammelthread] Unangebrachte Werbung
von inde Fr 23 Sep 2016 - 9:00

Partner
free forum

Navileiste oben

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Navileiste oben

Beitrag von terra-outlaw am Mi 3 Feb 2010 - 12:32

Guten Tag zusammen.

Wie kann ich die Navileiste oben auf der Seite haben ?

Also ungefähr paar Pixel unter dem Browserende.

Habe inzwischen zwar nen CSS Code, aber der macht mir Anderes wieder kapput.

Geht das flott über die Templates ?

Dankeschön !
Grüße, Lukas.

terra-outlaw
Kaiser
Kaiser

Männlich Beiträge : 1340
Hinweis : Rauenberg - Kraichgau
keine
Anmeldedatum : 07.08.09

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Navileiste oben

Beitrag von steive am Mi 3 Feb 2010 - 13:13

@steive schrieb:oki^^

Code:
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>
            </table>

sucht den code im temp overall_header_new
dann schneidet ihr den teil aus und setzt ihn oben unter
Code:
<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
dann absenden und fertig^^ das mit dem bild erklär ich morgen. is mir jetzt zu aufwendig^^

habe sowas in der art auch mit der uhr gemacht...
lg

steive
Kaiser
Kaiser

Männlich Beiträge : 1056
Hinweis : HTML, CSS, PHP
Anmeldedatum : 21.07.09

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Navileiste oben

Beitrag von terra-outlaw am Mi 3 Feb 2010 - 13:37

Hallo Steive.

Danke für deine Antwort.

Allerdings finde ich da nichts. Kann das sein, dass ich PunBB habe ?

Hier mein komplettes Template, unbearbeit:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html id="min-width" xmlns="http://www.w3.org/1999/xhtml" xml:lang="{L_LANG_HTML}" lang="{L_LANG_HTML}" dir="{S_CONTENT_DIRECTION}">
<head>
   <!-- BEGIN meta_emulate_ie7 -->
   <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
   <!-- END meta_emulate_ie7 -->
   <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" />
   {META_FAVICO}
   {META}
   <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="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
   <!-- BEGIN switch_ticker -->
   <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
   <!-- END switch_ticker -->
   <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 -->
   //]]>
   </script>
   {GREETING_POPUP}
   <!-- BEGIN hitskin_preview -->
   <style type="text/css">
   #hitskin_preview {
   margin: 0; padding: 0;
   position: fixed;
   top: 0; left: 0;
   width: 100%;
   height: 65px;
   background: url('http://illiweb.com/fa/hitskin/hitskin_bar.png') repeat-x left -15px;
   color: #fff;
   }

   * html #hitskin_preview { /* Fix for IE6 since it doesn't implement fixed positionning */
      position: absolute;
      top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
      z-index: 2;
      background: transparent url('http://illiweb.com/fa/hitskin/hitskin_bar-ie6.gif') repeat-x left -15px;
   }

   * html { /* Gunlaug's Speed fix for the above positionning fix. Sorry for the fix for the fix */
    background: #fff url(foo) fixed;
    }

   #hitskin_preview h1 {
      float: left;
      margin: 3px 0 0 0;
      padding: 0 0 0 10px;
      font: italic normal 25px Arial,sans serif;
      color: #fff;
   }
   #hitskin_preview h1 img {
      vertical-align: middle;
   }
   #hitskin_preview em {
      color: #7CBA2C;
      font-weight: bold;
   }
   #hitskin_preview a {
   color: #fff;
   }
   #hitskin_preview a:hover {
   text-decoration: underline;
   }

   #hitskin_preview .content {
      text-align: right;
   }

   #hitskin_preview .content p {
      margin: 4px 1em 0px 1em;
      font-size: 13px;
      line-height: 1.8em;
      color: #fff;
      font-weight: bold;
   }
   #hitskin_preview .content p span {
      font-weight: normal;
      font-size: 0.8em;
   }
   body {
      margin-top: 40px !important;
   }
   {hitskin_preview.HITSKIN_RTL_CSS}
   </style>
   <!-- END hitskin_preview -->
</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>
               <div id="pun-head">
                  <div id="pun-navlinks">
                     <ul class="clearfix">
                        <li>{GENERATED_NAV_BAR}</li>
                     </ul>
                  </div>
               </div>

               <!-- 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 -->

Danke dir für deine Hilfe.

terra-outlaw
Kaiser
Kaiser

Männlich Beiträge : 1340
Hinweis : Rauenberg - Kraichgau
keine
Anmeldedatum : 07.08.09

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Navileiste oben

Beitrag von steive am Mi 3 Feb 2010 - 13:41

stimmt ja^^

bei dir wäre der code der:
Code:
<div id="pun-head">
                  <div id="pun-navlinks">
                    <ul class="clearfix">
                        <li>{GENERATED_NAV_BAR}</li>
                    </ul>
                  </div>
              </div>

steive
Kaiser
Kaiser

Männlich Beiträge : 1056
Hinweis : HTML, CSS, PHP
Anmeldedatum : 21.07.09

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Navileiste oben

Beitrag von terra-outlaw am Mi 3 Feb 2010 - 13:46

Hallo.

Habe den Bereich nun ganz an den Anfang gesetzt.

Im Firefox wird die Leiste beim Laden kurz links (senkrecht) angezeigt, im IE7 meiner Geschäfts Laptops sind gravierende Anzeigefehler.
Schrift größer, alles verschoben etc ....

http://alfaromeotest2.forumieren.com/forum.htm.

Danke dir, für deine Mühe.

terra-outlaw
Kaiser
Kaiser

Männlich Beiträge : 1340
Hinweis : Rauenberg - Kraichgau
keine
Anmeldedatum : 07.08.09

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Navileiste oben

Beitrag von terra-outlaw am Mi 3 Feb 2010 - 15:39

Hallo nochmals.

Also das mit dem Template haut in keiner Weise hin.
Das beißt sich mit meinen CSS Einträgen Intro / Main-body und co.

Da ist dann nur dir Hälfte der Leiste zu sehen, außerdem tritt beim Laden wie gesagt auf der linken Seite die Leiste kurz horizontal auf.

Habt ihr irgendwie noch einen CSS Code für mich ?

Diese bereits probiert, jedoch weniger erfolreich:

Code:
#pun-navlinks ul {
width: auto;
height: auto;
list-style: none;
text-align: center;
margin-top: -500px;
float: right;
font-type: Arial Narrow, Arial, Verdana;
font-size: 9px;
font-weight: bold;
text-decoration: none;
background-repeat: repeat-x;
line-height: 50px;
   }







#pun-navlinks a:hover {
background-repeat: no-repeat;
background-position: center;
top: -10px;
width:100%;
height:100%;
text-align: center;
}

Das ist das Einzigste was ich noch brauche, um meinen Style fertigzustellen, zumindest Code technisch ...

Ich dreh mich irgendwie hier gerade im Kreis. Setze ich zB. margin-top höher, so kann ich zwar die Navileiste hochsetzen, das komplette Forum rückt aber hinterher.

Bitte helft mir Smile

Danke an rockster, fürs aufmachen des Threads Wink

Herzliche Grüße, Lukas.

terra-outlaw
Kaiser
Kaiser

Männlich Beiträge : 1340
Hinweis : Rauenberg - Kraichgau
keine
Anmeldedatum : 07.08.09

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Navileiste oben

Beitrag von steive am Do 4 Feb 2010 - 0:27

hmm.. also ich kann mir das alles nochmal bei pun angucken wenn du magst?!?

steive
Kaiser
Kaiser

Männlich Beiträge : 1056
Hinweis : HTML, CSS, PHP
Anmeldedatum : 21.07.09

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Navileiste oben

Beitrag von terra-outlaw am Do 4 Feb 2010 - 7:33

Hallo Steive.

Es ist glaube ich vollbracht.
Komischerweise hat der eine CSS Code jetzt hingehauen.
Zuvor ging er nicht, frag mich nicht warum aber es geht.

auch habe ich float:right drinne, und er zentriert wie eigentlich gewünscht, obwohl float:center eigentlich stehen müsste.
Wer weiß warum das so ist.

Hauptsache es geht nun.

Danke dir für dein Bemühen.

Theme erledigt .

Grüße, Lukas.

terra-outlaw
Kaiser
Kaiser

Männlich Beiträge : 1340
Hinweis : Rauenberg - Kraichgau
keine
Anmeldedatum : 07.08.09

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Navileiste oben

Beitrag von steive am Do 4 Feb 2010 - 11:49

ok.. denn muss ich mir das ja nich mehr angucken.. bin auch noch nicht dazu gekommen^^

steive
Kaiser
Kaiser

Männlich Beiträge : 1056
Hinweis : HTML, CSS, PHP
Anmeldedatum : 21.07.09

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Navileiste oben

Beitrag von terra-outlaw am Do 4 Feb 2010 - 12:07

Hab den Krempel eh wieder runter gemacht, der Code hat mir das halbe Forum zerlegt Very Happy

terra-outlaw
Kaiser
Kaiser

Männlich Beiträge : 1340
Hinweis : Rauenberg - Kraichgau
keine
Anmeldedatum : 07.08.09

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Navileiste oben

Beitrag von #Frank am Do 4 Feb 2010 - 12:52

Terra, wenn du möchtest, dann würde ich mir das mal bei dir im Testforum ansehen und mal schauen, ob da was zu machen ist.
Wenn du möchtest, dann sende mir doch mal die Gründerdaten für dein Testforum zu, damit ich mir das mal ansehen kann.
Das währe die Beste Lösung, da ich bei mir im Testforum die Bedingungen die bei dir sind, nicht so ohne weiteres herstellen kann.
Nur heute wird das nichts mehr, weil ich noch Arbeit habe.
Aber Morgen könnte ich mir das mal ansehen.



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34502
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Navileiste oben

Beitrag von terra-outlaw am Do 4 Feb 2010 - 13:25

Hey Frank Smile

Danke für deine Antwort.

Habe das Problem gelöst, dadurch, dass ich die Leiste nun runter gesetzt habe, was mir inzwischen sowieso besser gefällt.

Hatte diesen Code in meinem Forum:



#pun-navlinks ul {
width: auto;
height: auto;
list-style: none;
text-align: center;
margin-top: -500px;
float: right;
font-type: Arial Narrow, Arial, Verdana;
font-size: 9px;
font-weight: bold;
text-decoration: none;
background-repeat: repeat-x;
line-height: 50px;


Eigentlich nur für die Navileiste.
Plötzlich merkte ich diverse Verschiebungen im kompletten Forum / Mitglieder Bereich / Profil und so weiter.

Ein Teil der immer oben angezeigten Eenlogg Box befand sich irgendwo in der Mitte der Seite, diverse Buttons waren nach oben oder unten verschoben und so weiter und so fort.

Eigentlich ist der Code nur für die Navi, habs sogar mit Firebug gefunden. Warum rupft der mein komplettes Forum in Einzelteile ?

Na ja egal, habs gelöst

Danke für dein Hilfeangebot Smile

terra-outlaw
Kaiser
Kaiser

Männlich Beiträge : 1340
Hinweis : Rauenberg - Kraichgau
keine
Anmeldedatum : 07.08.09

Nutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Forenbefugnisse:
Sie können in diesem Forum nicht antworten