Buton mit Untermenus

[Rubi]

Hallöchen zusammen
Ich möchte wissen, wie ich den Buttons Untermenus anhängen kann. Ich meine, wenn ich mit der Maus auf einen Button komme, geht da manchmal ein Feld auf und sowas möchte ich auch machen, damit ich weitere Seiten anhängen kann. Kann man das in Frontpage direkt machen? Und wie?
Danke und liebi Grüess Rubi

[Jürgen]

Hallo Rubi,

meinst Du so etwas wie in meinem Webtemplate?
Siehe hier:
http://www.juergens-workshops.de/vorlage...index.html

Bis dann
Jürgen

[Rubi]

Hallo Jürgen
Ja so was meine ich. Ich habe aber selber schon Butons auf der Page. Geht das trotzdem solche Untermenus anzuhängen?
Grüessli Rubi

[Jürgen]

Hallo Rubi,

klar geht das. In meinem Webtemplate habe ich oben im Menü ja auch eigene Buttons dafür erstellt.
Lade das Webtemplate auf Deinen Rechner, damit Du alle Dateien hast, die Du benötigst, oder suche über google nach Javascript oder CSS-Menüs.

Gruß
Jürgen

[Rubi]

Hallo Jürgen
Dankeschön für Deine Hilfe. Mal schauen, ob ich das hinkriege.
Liebe Grüsse Rubi

[Rubi]

Hallo Jürgen
Ich habe das Template auf meinem Rechner und im Frontpage geöffnet. Welches Script muss ich kopieren und wo soll ich es einfügen? Finde ich es in Sample_data.js*? Da sehe ich nämlich so was (Hobby 1, 2, 3, und 4)
Danke und es Grüessli Rubi

[Jürgen]

Hallo Rubi,

hier ist der gesamte Quelltext:

Code:

DQM_sub_menu_width = 130

  DQM_urltarget = "_self"
  
  
   DQM_onload_statement = ""
   DQM_codebase = ""

   DQM_border_color = "#000000"
  
   DQM_menu_bgcolor = "#D1DAE2"
   DQM_hl_bgcolor = "#7493AB"

   DQM_sub_xy = "0,0"
   DQM_border_width = 1
   DQM_divider_height = 1

   /*---IE5-MAC Offset Fix - The following two
   -----parameters correct a position reporting
   -----bug in IE5 on the Mac platform. Adjust
   -----the offsets below untill the first level
   -----sub menus pop up in the correct location.*/
  
   DQM_ie5mac_offset_X = 10
   DQM_ie5mac_offset_Y = 12


/*-------------------------------------------
Required font Settings
--------------------------------------------*/
  

   DQM_textcolor = "#333333"
   DQM_fontfamily = "Verdana"
   DQM_fontsize = 11
   DQM_textdecoration = "normal"
   DQM_fontweight = "normal"
   DQM_fontstyle = "normal"
   DQM_hl_textcolor = "#000000"
   DQM_hl_textdecoration = "normal"

   DQM_margin_top = 3
   DQM_margin_bottom = 3
   DQM_margin_left = 5
/*-------------------------------------------
Optional main menu rollover images
--------------------------------------------*/
  
   DQM_rollover_image0 = ""
   DQM_rollover_wh0 = ""

   DQM_rollover_image1 = ""
   DQM_rollover_wh1 = ""

   DQM_rollover_image2 = ""
   DQM_rollover_wh2 = ""

   DQM_rollover_image3 = ""
   DQM_rollover_wh3 = ""

/*---------------------------------------------
Sub Menu Item Settings
-----------------------------------------------*/

DQM_sub_xy0 = "-88,20"
DQM_sub_menu_width0 = 98
DQM_subdesc0_0 = "Startseite"
DQM_subdesc0_1 = "Impressum"
DQM_icon_index0_0 = 0
DQM_icon_index0_1 = 0
DQM_url0_0 = "http://www.juergens-workshops.de/vorlagen/web0052/index.html"
DQM_url0_1 = "http://www.juergens-workshops.de/vorlagen/web0052/index.html"


DQM_sub_xy1 = "-88,20"
DQM_sub_menu_width1 = 98;
DQM_subdesc1_0 = "News"
DQM_subdesc1_1 = "weitere Links"
DQM_subdesc1_2 = "weitere Links"
DQM_subdesc1_3 = "weitere Links"
DQM_subdesc1_4 = "weitere Links"
DQM_subdesc1_5 = "weitere Links"
DQM_icon_index1_0 = 0
DQM_icon_index1_1 = 0
DQM_icon_index1_2 = 0
DQM_icon_index1_3 = 0
DQM_icon_index1_4 = 0
DQM_icon_index1_5 = 0
DQM_url1_0 = "http://www.juergens-workshops.de/vorlagen/web0052/index.html"
DQM_url1_1 = "http://www.juergens-workshops.de/vorlagen/web0052/index.html"
DQM_url1_2 = "http://www.juergens-workshops.de/vorlagen/web0052/index.html"
DQM_url1_3 = "http://www.juergens-workshops.de/vorlagen/web0052/index.html"
DQM_url1_4 = "http://www.juergens-workshops.de/vorlagen/web0052/index.html"
DQM_url1_5 = "http://www.juergens-workshops.de/vorlagen/web0052/index.html"


DQM_sub_xy2 = "-88,20"
DQM_sub_menu_width2 = 98
DQM_subdesc2_0 = "Hobby 1"
DQM_subdesc2_1 = "Hobby 2"
DQM_subdesc2_2 = "Hobby 3"
DQM_subdesc2_3 = "Hobby 4"
DQM_icon_index2_0 = 0
DQM_icon_index2_1 = 0
DQM_icon_index2_2 = 0
DQM_icon_index2_3 = 0
DQM_url2_0 = "http://www.juergens-workshops.de/vorlagen/web0052/index.html"
DQM_url2_1 = "http://www.juergens-workshops.de/vorlagen/web0052/index.html"
DQM_url2_2 = "http://www.juergens-workshops.de/vorlagen/web0052/index.html"
DQM_url2_3 = "http://www.juergens-workshops.de/vorlagen/web0052/index.html"


DQM_sub_xy3 = "-88,20"
DQM_sub_menu_width3 = 98
DQM_subdesc3_0 = "Webmaster"
DQM_subdesc3_1 = "Forum"
DQM_subdesc3_2 = "Gästebuch"
DQM_icon_index3_0 = 0
DQM_icon_index3_1 = 0
DQM_icon_index3_2 = 0
DQM_url3_0 = "mailto:irgendwer@xyz.de"
DQM_url3_1 = "http://www.juergens-workshops.de/webs/webtemp41/index.html"
DQM_url3_2 = "http://www.juergens-workshops.de/webs/webtemp41/index.html"

Wenn Du in der Kategorie Hobby 4 Seiten anlegen möchtest,
dann kannst Du das benennen wie Du willst, also Hobby1, Hobby 2 u.s.w..
Für jeden Link brauchst Du natürlich eine HTML-Seite, die dann mit dem gesamten Pfad notiert/verlinkt wird. Siehe unteres Beispiel, anstelle meiner URL mit der abschließenden index.html, kommt Deine eigene URL mit dem Namen der HTML-Seiten rein. OK?

Code:

DQM_sub_xy2 = "-88,20"
DQM_sub_menu_width2 = 98
DQM_subdesc2_0 = "Hobby 1"
DQM_subdesc2_1 = "Hobby 2"
DQM_subdesc2_2 = "Hobby 3"
DQM_subdesc2_3 = "Hobby 4"
DQM_icon_index2_0 = 0
DQM_icon_index2_1 = 0
DQM_icon_index2_2 = 0
DQM_icon_index2_3 = 0
DQM_url2_0 = "http://www.juergens-workshops.de/vorlagen/web0052/index.html"
DQM_url2_1 = "http://www.juergens-workshops.de/vorlagen/web0052/index.html"
DQM_url2_2 = "http://www.juergens-workshops.de/vorlagen/web0052/index.html"
DQM_url2_3 = "http://www.juergens-workshops.de/vorlagen/web0052/index.html"

Einfach mal ausprobieren.
Einfügen mußt Du den Quelltext natürlich, wo Du das Menü haben willst. Da kann ich von hier aus nicht helfen.

Gruß
Jürgen

[Rubi]

Hallo Jürgen
Lieb von Dir ganz herzlichen Dank!
Grüessli Rubi

[Jürgen]

Hallo Rubi,

kurzer Nachtrag:
Das änderst Du ja in der Sample_data.js, die Du nur speichern brauchst. Natürlich muß die Datei auch hochgeladen werden.
In der Website muß das Menü eingefügt werden, das siehst Du im Quelltext der index.html.

Code:

<table align="center" cellspacing="0" cellpadding="0" border="0" width="600">
<tr>
</tr>
<tr>
    <td>[img]images/links.gif[/img]</td>
    <td>[img]images/home.gif[/img]</td>
    <td>[img]images/news.gif[/img]</td>
    <td>[img]images/hobby.gif[/img]</td>
    <td>[img]images/kontakt.gif[/img]</td>
    <td>[img]images/rechts.gif[/img]</td>
  </tr>
</table>

Gruß
Jürgen

[Rubi]

Hallo Jürgen
Ja ich werde weiter üben und sehen....... Hab nicht gedacht, dass ich mir ausgerechnet so was schwieriges ausgesucht habe. Aber ich danke Dir, habe alles Kopiert und in einen Ordner gelegt, kann es sicher irgendwann brauchen.
Grüessli Rubi