Forum-Menü umordnen und zentrieren - wie ?

( bitte den jew. Präfix auswählen )
logen
Beiträge: 221
Registriert: 13.02.2013, 18:29

Beitrag von 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?^^
Benutzeravatar
Lighty
Beiträge: 8397
Registriert: 24.08.2006, 02:28

Beitrag von 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 )
LG, Lighty
logen
Beiträge: 221
Registriert: 13.02.2013, 18:29

Beitrag von logen »

Alles klar. Sowohl die Bezeichnungen als auch ihre Reihenfolge habe ich jetzt geändert. Ist das mit dem zentrieren arg kompliziert?
Benutzeravatar
Lighty
Beiträge: 8397
Registriert: 24.08.2006, 02:28

Beitrag von 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 !? ;)
LG, Lighty
logen
Beiträge: 221
Registriert: 13.02.2013, 18:29

Beitrag von 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"?
<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?!
Benutzeravatar
Lighty
Beiträge: 8397
Registriert: 24.08.2006, 02:28

Beitrag von Lighty »

... es sollte wie folgt aussehen !
<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 ! ;)
LG, Lighty
logen
Beiträge: 221
Registriert: 13.02.2013, 18:29

Beitrag von logen »

Okay, ich hab jetzt einfach deinen Code komplett eingefügt.^^
Lighty hat geschrieben: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?
Benutzeravatar
Lighty
Beiträge: 8397
Registriert: 24.08.2006, 02:28

Beitrag von Lighty »

... jüpp !
/cache/client/css_1.css
( denke mal, dass du nur ein Style verwendest !? )
LG, Lighty
logen
Beiträge: 221
Registriert: 13.02.2013, 18:29

Beitrag von logen »

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

Ja, benutze nur ein Style.
Benutzeravatar
Lighty
Beiträge: 8397
Registriert: 24.08.2006, 02:28

Beitrag von Lighty »

... ok, habs schon gesehen ! ;)

Ergänze bei #menu mal noch ein text-align: center; !
LG, Lighty
logen
Beiträge: 221
Registriert: 13.02.2013, 18:29

Beitrag von logen »

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

lg
logen
Benutzeravatar
Lighty
Beiträge: 8397
Registriert: 24.08.2006, 02:28

Beitrag von Lighty »

... gerne ! ;)

Wenn du die li übrigens drin gelassen hättest, würde jetzt alles untereinander stehen !
( zwar zentriert, aber komplett untereinander )
LG, Lighty
logen
Beiträge: 221
Registriert: 13.02.2013, 18:29

Beitrag von logen »

Ah ok. Ja gut, das wäre nicht im Sinne des Erfinders gewesen.^^ Wünsch dir nochn schönen Abend!

lg
Benutzeravatar
Lighty
Beiträge: 8397
Registriert: 24.08.2006, 02:28

Beitrag von Lighty »

... ebenfalls ! ;)
LG, Lighty
logen
Beiträge: 221
Registriert: 13.02.2013, 18:29

Beitrag von logen »

Hey Lighty. :grin: Nach dieser langen Zeit brauch ich mal wieder ein bisschen deine Hilfe.

Ich würde gerne die Menülinks durch Grafiken ersetzen. Wie mach ich das?

Gruß
logen
Antworten

Zurück zu „Forensysteme/-software“