Forum-Menü umordnen und zentrieren - wie ?

original Thema anzeigen

 
15.02.13, 15:05:20

logen

Okay also .. ich würde das Menü gerne mittig haben, und zwar in dieser Reihenfolge/Art:

Forum | Profil | Private Nachrichten | Benutzerliste | Team | Hilfe | Suche

Kalender würd ich gern ganz rausnehmen.

Wie mach ich das?^^
15.02.13, 17:57:39

Lighty

... also, die Reihenfolge ist kein Problem !
Die musst du einfach im Template head_menu ändern !

Das zentrieren ist etwas aufwändiger - muss man die css-Angaben ändern !
( muss ich mir aber vorher noch mal genauer ansehen - welche Einträge das waren )
15.02.13, 19:21:59

logen

Alles klar. Sowohl die Bezeichnungen als auch ihre Reihenfolge habe ich jetzt geändert. Ist das mit dem zentrieren arg kompliziert?
15.02.13, 20:04:15

Lighty

... nun ja, wie man es nimmt !?
Ich denke ich habe einen Weg gefunden !? ;)

- als erstes - float:center; gibt es nicht - wenn, dann float:none;
( #menu ul / #menu li )

Änderungen zum Zentrieren:

- alle, bis auf den ersten und letzten li-Tag im Template head_menu entfernen

In der .css dann noch folgendes ändern:
- #menu a:link -> float:left; in float:none;
- #menu a:visited -> float:left; in float:none;

... hoffe mal, dass es dann passt !? ;)
15.02.13, 20:20:02

logen

Ok, also #menu ul / #menu li habe ich jetzt im Bereich Styles->anpassen im untersten Kasten geändert.

Aber was meinst du mit "alle, bis auf den ersten und letzten li-Tag im Template head_menu entfernen"?

Zitat:
<div class="space" id="header">
<if( !empty($_style->cfg['logo']) )>
<img src="{$_style->cfg['logo']}" alt="$_config[TITEL_KURZ]" />
<else>
<h1>$_config[TITEL_KURZ]</h1>
</if>
</div>
<div id="menu" class="clearfix">
<ul>
<li><a href="$_cfg[SITE]/index.php?$_sess[url]"><#lng_menu_index#></a></li>
<li><a href="$_cfg[SITE]/user.php?$_sess[url]"><#lng_menu_user#></a></li>
</if>
<li><a href="$_cfg[SITE]/private.php?$_sess[url]"><#lng_menu_private#></a></li>
<li><a href="$_cfg[SITE]/members.php?$_sess[url]"><#lng_menu_member#></a></li>
<li><a href="$_cfg[SITE]/team.php?$_sess[url]"><#lng_menu_team#></a></li>
<li><a href="http://www.phpmyforum.de/docs.html" target="_blank"><#lng_menu_help#></a></li>
<li><a href="$_cfg[SITE]/search.php?$_sess[url]"><#lng_menu_search#></a></li>
<if( !empty($_style->login) )>
<if( !empty($_style->admin) )>
<li><a href="$_cfg[SITE]/admin/index.php?$_sess[url]"><#lng_menu_admin#></a></li>

<else>
<li><a href="$_cfg[SITE]/signup.php?$_sess[url]"><#lng_menu_signup#></a></li>
</if>
</ul>
</div>
<div class="space" style="height: 20px; clear: both;"> </div>


Soll ich wirklich alles löschen, bis auf die markierten Zeilen?! Verschwinden die meisten Menülinks nicht, wenn ich das mache?!
15.02.13, 21:08:04

Lighty

... es sollte wie folgt aussehen !

Zitat:

<div class="space" id="header">

<if( !empty($_style->cfg['logo']) )>
<img src="{$_style->cfg['logo']}" alt="$_config[TITEL_KURZ]" />
<else>
<h1>$_config[TITEL_KURZ]</h1>
</if>

</div>

<div id="menu" class="clearfix">
<ul>
<li>
<if( !empty($_style->login) )>
<a href="$_cfg[SITE]/index.php?$_sess[url]"><#lng_menu_index#></a>
<a href="$_cfg[SITE]/user.php?$_sess[url]"><#lng_menu_user#></a>
<else>
<a href="$_cfg[SITE]/signup.php?$_sess[url]"><#lng_menu_signup#></a>
</if>
<a href="$_cfg[SITE]/private.php?$_sess[url]"><#lng_menu_private#></a>
<a href="$_cfg[SITE]/members.php?$_sess[url]"><#lng_menu_member#></a>
<a href="$_cfg[SITE]/team.php?$_sess[url]"><#lng_menu_team#></a>
<a href="http://www.phpmyforum.de/docs.html" target="_blank"><#lng_menu_help#></a>
<a href="$_cfg[SITE]/search.php?$_sess[url]"><#lng_menu_search#></a>
<if( !empty($_style->admin) )>
<a href="$_cfg[SITE]/admin/index.php?$_sess[url]"><#lng_menu_admin#></a>
</if>
</li>
</ul>

</div>
<div class="space" style="height: 20px; clear: both;"> </div>


... fett markiertes habe ich mal umsortiert - das gehört nämlich zusammen ! ;)
15.02.13, 21:13:02

logen

Okay, ich hab jetzt einfach deinen Code komplett eingefügt.^^

Zitat von Lighty:
In der .css dann noch folgendes ändern:
- #menu a:link -> float:left; in float:none;
- #menu a:visited -> float:left; in float:none;


Welche ".css" meinst du? Eine Datei die sich im ftp-Ordner befindet?
15.02.13, 21:16:05

Lighty

... jüpp !
/cache/client/css_1.css
( denke mal, dass du nur ein Style verwendest !? )
15.02.13, 21:30:03

logen

Hat leider nicht geklappt. Das Menü ist noch immer links. :/

Ja, benutze nur ein Style.
15.02.13, 21:32:15

Lighty

... ok, habs schon gesehen ! ;)

Ergänze bei #menu mal noch ein text-align: center; !
15.02.13, 21:34:52

logen

Yesss, es klappt perfekt, danke! :smile: Für heute lass ich dich erstmal wieder in Ruhe. Danke Lighty!

lg
logen
15.02.13, 21:37:46

Lighty

... gerne ! ;)

Wenn du die li übrigens drin gelassen hättest, würde jetzt alles untereinander stehen !
( zwar zentriert, aber komplett untereinander )