Support Bereich Hier finden Sie Antworten auf alle Fragen zu Ihrem Xobor Forum.
Wählen Sie zunächst einen Hilfe-Bereich.

Hallo,

ich komme gerade mal wieder nicht weiter mit meinen Experimenten an meinem Top-Menü

Ich würde gerne die Menüpunkte mit Buttongrafiken unterlegen und später dann in der CSS einen Hover-Effekt dazubauen.

Diese Grafik soll mal als Beispiel unter der Schrift auftauchen

Bis jetzt sind meine Ergebnisse eher kläglich, habe shon mit cellpadding etwas verbessern können aber das ist nicht was ich will,. Die Buttons sollen eine feste Größe haben, unabhängig von der Schrift....


Meine betreffenden Zeilen im Template-Element-Obere Leiste sehen jetzt so aus:
<a href="{{link_index}}"><span class="tmenu">{[header_goto_index]}</span></a>
| <a href="{{link_search}}"><span class="tmenu">{[header_goto_search]}</span></a>

{{user_registered==true.start}}
| <a href="{{link_config}}"><span class="tmenu">{[header_goto_config]}</span></a>
| <a href="{{link_mails}}"><span class="tmenu">{[header_goto_pm]}</span></a>
| <a href="{{link_logout}}"><span class="tmenu">{[header_goto_logout]}</span></a>
{{user_registered==true.else}}
| <a href="{{link_signup}}"><span class="tmenu">{[header_goto_signup]}</span></a>
| <a href="{{link_login}}"><span class="tmenu">{[header_goto_login]}</span></a>
{{user_registered==true.end}}

Wie man sieht habe ich die Originalclass (tarea) in "tmenu" geändert und in meiner CSS steht folgendes:
.tmenu {
background-image:url(https://files.homepagemodules.de/b214495/bhnetfiles-78q-19s.png);
width:161px;
height:38px;
font-weight: bold;
font-size: 12pt;
padding-left: 10px;
padding-right: 10px;
spacing: 4px;
}


Unabhängig davon das nun in der CSS nicht alles so korrekt ist bräuchte ich mal eine Lösung die ein fest definiertes Feld um die Namen der Menüpunkte oben definiert, dieses Feld wird dann mit dem Inhalt der CSS-tmenu grafisch angesteuert.....

Hat jemand eine praktikable Lösung für mich?


Gruß, BOo°m

Nein nicht für jeden Menüpunkt einen eigenen CSS-Code...

Kannst doch oben sehen: Alle Menüpunkte greifen auf die gleiche CSS.Class zu.

Im normalen Template ist es so das ein Hinzufügen einer weiteren <href...> Zeile oben dann einen weiteren Menüpunkt anzeigt. Sind es zu viele gibts 'nen automatischen Zeilenumbruch und die folgenden werden ein Zeile darunter angezeigt.

Jetzt habe ich mehrere Versionen von Buttondefinition in HTML ausprobiert und praktisch alle zeigen mir die Buttons dann untereinander an ausser wenn ich vorn und hinten ein <td>..Code..</td> setze, in dem Fall zeigt aber nur der FF die Buttons nebeneinander an, im IE werden die weiterhin untereinander angezeigt.

Hier mal ein paar unterschiedliche Beispiele:
{{user_admin==true.start}}
<button name="Test" type="button" onclick="{{link_admin}}">{[header_goto_admin]}</button>

<button action="{{link_admin}}" ><input type="submit" value="{[header_goto_admin]}" class="tmenu"></button>
{{user_admin==true.end}}

<form action="{{link_index}}"><input type="submit" value="{[header_goto_index]}" class="tmenu"></form>
<form action="{{link_search}}"><input type="submit" value="{[header_goto_search]}" class="tmenu"></form>

Der Adminlink funktioniert so schon mal nicht obwohl der Button angezeigt wird.....


Ich wollte einfach nur stinknormale Buttons die ich mit der neuen Class "tmenu" Formatiere.
Mit "CSS Code falsch" meinte ich das dort in meiner Class Einträge sind die keinen Sinn machen könnten, das ist aber nicht wichtig, mir geht es um die Definition im Template.

Für jeden Pups muss man ein <br> setzen weil sonst die Sachen nebeneinander stehen aber für so'n paar simple Buttons müsste man das unterdrücken, die werden scheinbar immer untereinander dargestellt.....*grrr* ^^

Gruß, BOo°M

Soo jetzt sind die schon mal in beiden Browsern nebeneinander..... *hurra*^^

...manmanman.....

<table colspan=5 width=100% >
 <td align="center">
 {{user_admin==true.start}}
<a href="{{link_admin}}" class="tmenu" ><button  type="submit" class="tmenu" >{[header_goto_admin]}</button></a>    
 {{user_admin==true.end}}
<a href="{{link_index}}" class="tmenu" ><button  type="submit" class="tmenu">{[header_goto_index]}</button></a> 
<a href="{{link_search}}" ><button  type="submit" class="tmenu">{[header_goto_search]}</button></a> 



 {{user_registered==true.start}}
<a href="{{link_config}}" ><button  type="submit" class="tmenu">{[header_goto_config]}</button></a> 
<a href="{{link_mails}}" ><button  type="submit" class="tmenu">{[header_goto_pm]}</button></a> 
<a href="{{link_logout}}" ><button  type="submit" class="tmenu">{[header_goto_logout]}</button></a> 
 {{user_registered==true.else}}
<a href="{{link_signup}}" ><button  type="submit" class="tmenu">{[header_goto_signup]}</button></a>
<a href="{{link_login}}" ><button  type="submit" class="tmenu">{[header_goto_login]}</button></a>
 {{user_registered==true.end}}

 {{config_showonline==true.start}}
<a href="{{link_online}}" ><button  type="submit" class="tmenu">{[header_goto_online]}</button></a> 
 {{config_showonline==true.end}}
 {{config_showmemberlist==true.start}}
<a href="{{link_member}}" ><button  type="submit" class="tmenu">{[header_goto_members]}</button></a> 
 {{config_showmemberlist==true.end}}
 {{geomap==true.start}}
<a href="{{geomap_link}}" ><button  type="submit" class="tmenu">{[header_goto_map]}</button></a>  
 {{geomap==true.end}}
 {{calendar==true.start}}
<a href="{{calendar_link}}" ><button  type="submit" class="tmenu">{[header_goto_calendar]}</button></a> 
 {{calendar==true.end}}
 {{config_showchat==true.start}}
<a href="{{link_chat}}" ><button  type="submit" class="tmenu">{[header_goto_chat]}</button></a> 
 {{config_showchat==true.end}}
<a href="{{link_faq}}" ><button  type="submit" class="tmenu">{[header_goto_faq]}</button></a> 
<a href="http://www.bilder-hochladen.net/" ><button  type="submit" class="tmenu">Bilder Hochladen</button></a> 
       </td></table>

Das Problem hatte ich auch, funktionierte es in einem Browser ging es im anderen nicht und umgekehrt. Ich habe seitdem sehr viel mehr graue Haare bekommen.......Oo

Hi Wolf,

bin eh gerade ein bischen am umändern der Foreninformation, wird vom Design bischen an den neuen Mediaplayer angelehnt sein. Allerdings mache ich das zur Zeit nicht gerade intensiv.

Vielen Dank für deine Anregungen auf jeden Fall!


Gruß, BOo°m