Java Script

[mobius]

Hallo Leute,

ich hab mir demletzt mal ein schönes Java Script rausgesucht, allerdings würde ich gerne ein paar Sachen ändern.
Hier ist das Script: http://www.dynamicdrive.com/dynamicindex1/sm/index.htm

Nun meine Fragen, wie kann ich die breite der einzelnen Sparten ändern und wo den Hintergrund? Kann ich ggf. einen Hintergrund einsetzen?
Danke für eure Hilfe.

Gruß
mobius

[stabilo_boss13]

Mir ist nicht ganz klar geworden, welchen Hintergrund und welche Spaltenbreiten du ändern willst. Wenn du den Hintergrund der Webseite meinst, dann machst du das nicht mit Javascript, sondern mit Html. Das gleiche gilt für Spaltenbreiten.

Durchsuche mal den Html-Code nach Stellen wie td width="000".

Eine komplette Referenz für Html und Javascript findest du hier: http://www.netzwelt.com/selfhtml/

Vielleicht solltest du den Thread ins Web-Design Forum verschieben. Dort findest du wahrscheinlich eher Hilfe.

[mobius]

Ich meine nicht den Hintergrund der Webseite. Das Menü hat einen Schwarzen Hintergrund, ich möchte jedoch ein Bild drin haben, deshalb brauch ich jemand der sich mit Java Script auskennt und damit programmieren kann.

[stabilo_boss13]

Also die Farbe und die Breite des Menüs kannst du hier ändern:

var menucolor="#000000" //specify menu color
var submenuwidth=150 //specify sub menus' color

Allerdings lässt dieses Script kein Hintergrundbild zu.

Wie du im Beispiel Top Navigational Bar IV sehen kannst, ist es möglich, ein Bild neben dem Text anzuzeigen. Die machen es da mit <img src="">. Den Code kannst du dir ja mal runterladen.

Die Darstellung der Farben erfolgt dort über Layer.bgColor.
Um ein Hintergrundbild zu verwenden brauchst du dann ja bloss noch stattdessen Layer.background zu benutzen.

[mobius]

So hab mir mal das Script runtergeladen, das du vorgeschlagen hast:

style1=[ // style1 is an array of properties. You can have as many property arrays as you need. This means that menus can have their own style.
"navy", // Mouse Off Font Color
"ccccff", // Mouse Off Background Color
"ffebdc", // Mouse On Font Color
"4b0082", // Mouse On Background Color
"000000", // Menu Border Color
12, // Font Size in pixels
"normal", // Font Style (italic or normal)
"bold", // Font Weight (bold or normal)
"Verdana, Arial", // Font Name
4, // Menu Item Padding
"arrow.gif", // Sub Menu Image (Leave this blank if not needed)
, // 3D Border & Separator bar
"66ffff", // 3D High Color
"000099", // 3D Low Color
"Purple", // Current Page Item Font Color (leave this blank to disable)
"pink", // Current Page Item Background Color (leave this blank to disable)
"arrowdn.gif", // Top Bar image (Leave this blank to disable)
"ffffff", // Menu Header Font Color (Leave blank if headers are not needed)
"000099", // Menu Header Background Color (Leave blank if headers are not needed)
]

Leider ist das nicht ganz so wie du es beschrieben hast. Wie müsste ich das ändern, um ein Hintergrundbild in die Buttons einzufügen?

[stabilo_boss13]

Originally posted by mobius
So hab mir mal das Script runtergeladen, das du vorgeschlagen hast:

style1=[ // style1 is an array of properties. You can have as many property arrays as you need. This means that menus can have their own style.
...
...
Color (Leave blank if headers are not needed)
]

Leider ist das nicht ganz so wie du es beschrieben hast. Wie müsste ich das ändern, um ein Hintergrundbild in die Buttons einzufügen? Also das mit den Farben hast du ja schon gefunden.
Um Zeile 400 in mmenu.js findest du

if (hlp[11])
{
mt+="<layer bgcolor="+hlp[12]+" top=0 left=0 height=2 width=100%></layer>"
}
mt+="<layer id="+mnu+"3d bgcolor="+hlp[12]+" top=0 left=0 height=0 width=2></layer>"

Dort könntest du, wie gesagt, mit <layer background...> statt (oder zusätzlich zu) layer bgcolor...> experimentieren:

mt+="<layer background="myimage.jpg" top=0 left=0 height=2 width=100%></layer>"

oder

if (hlp[11])
{
mt+="<layer bgcolor="+hlp[12]+" top=0 left=0 height=2 width=100%></layer>"
mt+="<layer background="myimage.jpg" top=0 left=0 height=2 width=100%
}
mt+="<layer id="+mnu+"3d bgcolor="+hlp[12]+" top=0 left=0 height=0 width=2></layer>"


Hier ist das Beispiel aus Selfthtml:
http://selfhtml.teamone.de/html/layer/definieren.htm#hintergrundbild

[mobius]

Wenn ich das:

if (hlp[11])
{
mt+="<layer background="file:///C:/Dokumente%20und%20Einstellungen/Genesis1/Eigene%20Dateien/Eigene%20Bilder/1.jpg" top=0 left=0 height=2 width=100%
}
mt+="<layer id="+mnu+"3d bgcolor="+hlp[12]+" top=0 left=0 height=0 width=2></layer>"

mache, dann wird das Menü nicht mehr angezeigt. Gibt es irgendwelche Bedingungen, die das Bild haben muss oder nimmt das Script irgendwie generell keinen BG an?

[stabilo_boss13]

Originally posted by mobius
Wenn ich das:

if (hlp[11])
{
mt+="<layer background="file:///C:/Dokumente%20und%20Einstellungen/Genesis1/Eigene%20Dateien/Eigene%20Bilder/1.jpg" top=0 left=0 height=2 width=100%
}
mt+="<layer id="+mnu+"3d bgcolor="+hlp[12]+" top=0 left=0 height=0 width=2></layer>"

mache, dann wird das Menü nicht mehr angezeigt. Gibt es irgendwelche Bedingungen, die das Bild haben muss oder nimmt das Script irgendwie generell keinen BG an? Nach width=100% fehlt die schließende Klammer '>' (jaja bei mir auch)!
Ob es dann funktioniert, das kann ich dir so schnell auch nicht beantworten. Schließlich haben die Scripts und Html-Datei zusammen mehr als 700 Zeilen! Muss das bei Gelegenheit mal in Ruhe anschschauen.

Du kannst aber einfach mal ausprobieren:
Höhe und Breite weglassen.
layer.bgcolor zusätzlich hinzufügen.
Schauen, was das Script mit mt macht.
Wie sieht mt am Ende aus?

[mobius]

Mitm Background siehts net so gut aus, denn das menü funktioniert dann einfach nicht mehr, wenn man versuch einen BG reinzusetzen, egal ob mit oder ohne breite/höhe. Aber andere Frage: Unter Webmaster sieht man diese roten Punkte neben dem Link. Was für ein Bild man darein setzt ist egal, er schiebt das Wort daneben einfach weiter weg. Leider ist das Bild nicht ganz links und oben/unten am Rand. Kann man das so verändern, dass das Bild genau ganz links ist? Dann könnte man wenigstens durch dieses Bild eine Art pseudo Menühintergrund erschaffen.