MyBB.de Forum

Normale Version: Zweite Navigation im Header
Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
Hallo Ihr Lieben,

Ich bin jetzt schon seit 3 Wochen an der Navileiste oben am rumprobieren , mehrfach habe ich da Forum zuhause neu aufgesetzt.

Bei den anderen Schwierigkeiten die ich hatte haben mit Svepu und auch MrBrechreiz super geholfen Wink

Ich habe Gegoogelt ich habe Probiert aber nix trennt mit die Forum Navi mit der eigentlichen Page Navigation die ich gerne anders Desight hätte.

Mit der kostenlosen Demo für 15Tage von Skybound die nur noch kurz funktioniert , kann man Virtuell viel verändern, nur sehe ich da schon,das wohl nur eine UL geben kann, weil alles irgenwie zusammen hängt.

Bin ein bisschen verzweifel, ich blicke nicht durch, finde auch im netzt nix mit 2 Leisten und damit meine ich nicht eine die auseinander klappt , oder links am Rand.

Einzig allein habe ich die soweit gebracht das ich die Forum Links rechts stehen habe und die Hauptleiste links.

Eventuell bin ich auf einem ganz falschen Weg.

Nun Bitte ich Euch Zeigt mir den Weg , wie geht man da dran.

http://isp-gaming.de/forum/index.php   so isse jetzt

Mit freundlichen Grüßen
Mhh, meinst Du eine Zweizeilige Navigation ? Oder kannst Du dies mit einem kleinem Bildchen, wie Du dies meinst ?
eigentlich so wie du auf dem Link sehen kannst also die Forum linksSadPortal Suche Mitglieder Kalender Hilfe ) auf der Rechte Seite unverändert stehen lassen

(Home Forum Teamspeak History Fotos Clanmemberliste Streamerliste Sponsoren Impressum) möchte ich in Größe layout bearbeiten , Foto ist schlecht weil ich die beiden nicht getrennt bekomme

evtuell kommt auch noch ein Link oder zwei links dabei.

Eigentlich so wie ich sehe es gerade hier im Forum , da sind auch 2 unterschiedliche Leisten
Kannst Du den Inhalt deines header Templates hier posten bitte ?
standart header mit der kleinen änderung

<div id="container">
<a name="top" id="top"></a>
<div id="header">
<div id="logo">
<div class="wrapper">
<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
<ul class="menu top_links">
{$menu_portal}
{$menu_search}
{$menu_memberlist}
{$menu_calendar}
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help">{$lang->toplinks_help}</a></li>
</ul> <br>

<ul class="menu top_rechts">
<li><a href="{$mybb->settings['bburl']}/home.php" class="home">Home</a></li>
<li><a href="{$mybb->settings['bburl']}/index.php" class="forum">Forum</a></li>
<li><a href="{$mybb->settings['bburl']}/teamspeak.php" class="teamspeak">Teamspeak</a></li>
<li><a href="{$mybb->settings['bburl']}/history.php" class="history">History</a></li>
<li><a href="{$mybb->settings['bburl']}/fotos.php" class="fotos">Fotos</a></li>
<li><a href="{$mybb->settings['bburl']}/clanmemberliste.php" class="clanmemberliste">Clanmemberliste</a></li>
<li><a href="{$mybb->settings['bburl']}/streamerliste.php" class="streamerliste">Streamerliste</a></li>
<li><a href="{$mybb->settings['bburl']}/sponsoren.php" class="sponsoren">Sponsoren</a></li>
<li><a href="{$mybb->settings['bburl']}/impressum.php" class="impressum">Impressum</a></li>
</ul>
</div>
</div>
<div id="panel">
<div class="upper">
<div class="wrapper">
{$quicksearch}
{$welcomeblock}
<!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
<!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
</div>
</div>
<div id="content">
<div class="wrapper">
{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
{$pending_joinrequests}<sf_shoutbox>
{$awaitingusers}
<navigation>
<br />
Hier das Template

Code:
<div id="container">
<a name="top" id="top"></a>
<div id="header">
<div id="logo">
<div class="wrapper">
<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
<div>
<span style="float:right;">
<ul class="menu top_links">
{$menu_portal}
{$menu_search}
{$menu_memberlist}
{$menu_calendar}
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help">{$lang->toplinks_help}</a></li>
</ul>
</span>
<span style="float:left;">
<ul class="menu top_rechts">
<li><a href="{$mybb->settings['bburl']}/home.php" class="home">Home</a></li>
<li><a href="{$mybb->settings['bburl']}/index.php" class="forum">Forum</a></li>
<li><a href="{$mybb->settings['bburl']}/teamspeak.php" class="teamspeak">Teamspeak</a></li>
<li><a href="{$mybb->settings['bburl']}/history.php" class="history">History</a></li>
<li><a href="{$mybb->settings['bburl']}/fotos.php" class="fotos">Fotos</a></li>
<li><a href="{$mybb->settings['bburl']}/clanmemberliste.php" class="clanmemberliste">Clanmemberliste</a></li>
<li><a href="{$mybb->settings['bburl']}/streamerliste.php" class="streamerliste">Streamerliste</a></li>
<li><a href="{$mybb->settings['bburl']}/sponsoren.php" class="sponsoren">Sponsoren</a></li>
<li><a href="{$mybb->settings['bburl']}/impressum.php" class="impressum">Impressum</a></li>
</ul>
</span></div>
</div>
</div>
<div id="panel">
<div class="upper">
<div class="wrapper">
{$quicksearch}
{$welcomeblock}
<!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
<!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
</div>
</div>
<div id="content">
<div class="wrapper">
{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
{$pending_joinrequests}<sf_shoutbox>
{$awaitingusers}
<navigation>
<br />


Und hier die CSS

bitte die beiden folgenden ersetzen bei dir

Code:
#logo {
background: #fff;
padding: 10px 0;
}




Code:
#logo ul.top_links {
font-weight: bold;
text-align: right;
}


Sollte dann so aussehen.

[attachment=10696]
Schönen dank erstmal, das was ich sehen konnte ist das Div dazugekommen.

Habe es auch geändert zum schauen ob es klappt, leider habe ich nur 970px breite fest( soll auch so sein) und komplett 990px.

Habe jetzt mal mit Bearbeitungsprogramm rein Optisch das Aussehen simuliert
Siehe Anhang


Ich glaube es liegt daran das beide hier verbunden sind, das ich die Pos. und Aussehen nicht unterschiedlich ändern kann.

#header ul.menu {
margin: 0;
padding: 0;
list-style: none;
}

#header ul.menu li {
margin: 0 7px;
display: inline;
}

Mit freundlichen Grüßen
Ich sehe da nichts doppelt ^^

Nicht nur ein div kam dazu, sondern auch 2x span.
Da doppelt war für das zweite mal den text gepostet , war keine Absicht den habe ich dann gelöscht und sorry reingeschrieben.


so ich denke bin auf dem richtigen Weg . Der richtige Weg ist bestimmt :

#navi ul.menuneu {
margin: 0;
padding: 0;
list-style: none;
}
#navi ul.menuneu li {
margin: 10px;
display: inline;
font-weight: bold;
text-align: left;
font-size: 16px;
padding-left: 0px;
}

#navi ul.menuneu li a {
padding-left: 20px;
background-image: url(images/headerlinks_sprite.png);
background-repeat: no-repeat;
display: inline-block;
}


zusätzlich zu #header



Bei mir zuhause siehts schon mal gut aus , probiere nochmal weiter rum.

Ja das mit den Span habe ich übersehen, mir Hilf ja alles weiter , weil ich einfach viele Sachen nicht weis
Danke für deine Hilfe , wenn ich nicht weiter komm melde ich.

Mit freundlichen Grüßen