• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

JavaScript Startmenü

D

DEEFRAG

New member
Also ich hab da ma ne Frage und zwar: möchte ich ein Windows ähnelndes Startmenü erzeugen wie geht das am besten?
Ich dachte mir das so:
ein Start-Button und wenn man den drückt erscheint ein Bild darüber, in dem man weitere Links hat (use Map-Links).

Bitte um hilfe!!! und noch was, wie bekomme ich denn die Taskleiste unten hin????

<img src=img/taskleiste.png align="?????">
was muß den bei align nun hin????

also:
links=left
rechts=right
oben=top
unten=????????
 
Bilder?
Das Startmenü erzeugt man mit Tabellen und HTML-Code, nicht mit Bildern.

Ich habe übrigens ein völlig dynamisches Fenstersystem fertig gestellt.
Es erzeugt Menüs und Dialog anhand von einzelnen Strings.
 
Und ist es dem Startmenü von Win XP ähnlich bzw. kann es diesem Disign angepasst werden???

bitte code angeben!!
oder sagen welches wort hinter align= muß
Danke
 
bottom ist schon richtig, nur verwendet man es nicht zusammen mit "align"-Attribut.
Man kann es in einer Tabellenzelle beim Parameter "valign" verwenden, oder bei der Styleeigenschaft "vertical-align:bottom;"
Mit dem align Attribut kann man nur left, right oder center bestimmen.
 
da der browser nach unten offen ist reicht das aber nicht nur das an das bild zu hängen.....da pasiert nüscht!!!

du must das in eine tabelle knallen bzw an das <td>
oder du positionierst das......

<table height=520>
<tr>
<td style="vertical-align:bottom;">
<img src=bild.jpg>
</td>
</tr>
</table>

ODER

<img src=bild.jpg style="position:absolute; left:5; top:500;">

aber tabelle ist besser weil flexibler!!!
 
Das funzt nich ganz,
jetzt hängt zwar die Leiste nich mehr oben, aber dafür in der Mitte des Bildschirms!!! Mein Quellcode sieht so aus:

<html>
<head>
<title>Desktop</title>
</head>
<body bgcolor=#FFFFFF background=img/idylle.jpg leftmargin="0" topmargin="0" rightmargin="0">

<table height=520>
<tr>
<td style="vertical-align:bottom;">
<img src=img/taskleiste.png border="0" usemap="#Map">
</td>
</tr>
</table>
<map name="Map">
<area shape="rect" coords="0,0,98,30" href="img/startmenue.png" alt="Klicken Sie zum Starten auf diese Schaltfläche">
</map>

</body>
</html>

So, ich bin noch nich ganz fertig, hab nur den Code eingefügt!!!
Hat jemand nen Tip???
 
Danke Bjoern, das funzt aber nich so richtig, die leiste schwebt ungefär 5 pixel über dem boden und ungefär 3 pixel rechts

<html>
<head>
<title>Desktop</title>
</head>
<body bgcolor=#FFFFFF background=img/idylle.jpg leftmargin="0" topmargin="0" rightmargin="0">

<table height=520 style="position:absolute;bottom:0px;left:0px;">
<tr>
<td style="vertical-align:bottom">
<img src=img/taskleiste.png border="0" usemap="#Map">
</td>
</tr>
</table>

<map name="Map">
<area shape="rect" coords="0,0,98,30" href="img/startmenue.png" alt="Klicken Sie zum Starten auf diese Schaltfläche">
</map>

</body>
</html>

hat jemand ne Idee wie ich das Menü "aufklappen" kann bzw. wie ich den Abstand von 3 bzw. 5 pixeln wegmachen kann???
 
Warum der das falsch positioniert, weiß ich nicht.
Mach mal cellspacing und cellpadding auf 0

Für das Menü habe ich vielleicht was für dich.
Ich werde mal eine Demonstration meines dynamischen Fenstersystems hochladen.
 
Ok mach das, ich freu mich schon aufs ergebniss
Ich probier jetzt mal das mit dem cell... auf 0
Müsste eigentlich klappen wenn nich schreib ichs hier rein
 
Na toll?!?!?!!!

Ich hab jetzt die Leiste ganz rechts und links, also so wie es sein soll.

Aber jetzt sind es noch ungefär 3 Pixel über dem Boden!!!

Ich werd noch irre warum is der denn nich ganz unten?!?!?!???
 
warum willst du das eigentlich direkt an den browser rand haben....ich mein ich hab das auch schon mal gemacht.....auch direkt an den browser rand aber wenn du das positionierst dann ist es halt nicht mehr flexibel und du kannst ja auch im body scrolling=no angeben.....sonst ist die leiste ja wenn du das auf 800x600 machst wech......
anja aber da bekommste schon hin....aber wenn ich jetzt mal so überlege wenn du noch cords verwendest haste ja eh das selbe problem.....ach egal mal so.......wie es am besten klappt.....

bei meinem desktop kann man sogar die ojekte verschieben und per doppel klick in dem fenster ne seite aufrufen....*gg* sehr geil sieht auch fett aus dann.....
 

Anhänge

  • ohne-titel-1.jpg
    ohne-titel-1.jpg
    34,4 KB · Aufrufe: 34
ach nur so noch.....das von mir war ne frame manie....also meiner besteht aus sag und schreibe 10 frames...*g*
also vieleicht kann man das mit einem unteren frame lösen......wo das bild aber dann auch exakt rein passen muss friemel arbeit, aber klapp auf jeden fall......

und dann kannst du das fenster auch bliebig skalieren und ie leiste geht halt dann mit......
 
Ahh,.... wie ich doch Fullscreen hasse,.... und warum ist die Seite soooo lahm??? da hab ich schön bessere XP-design Seiten gesehen (bei dennen sich das Hintergrundbild auch nicht wiederholt)

Also noch n bisschen arbeiten :) und lass die Fullscreen-kacke weg. ich krieg da immer so nen Alt-F4-reflex-griff
 
Hallo!

Also XP-Designs is gut .colin.
Ich würd mal jetz behaupten, daß ich dieses Design in etwa 15 Minuten ins Web bekomme.
Screenshot -> Splice und fertig :))
Hier könnte noch sein, daß dir Microsoft in den Arsch tritt, weil so langsam geht das XP wirklich nich und ich bin mir nicht sicher ob man hier einfach Screenshots so ohne weiteres verwenden kann/darf.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben