[CSS] Windows-Style Fenster

[Synatex]

Hoi!

Brauchte das für ein eigenes meiner kleineren Projekte. Eventuell kann ja der ein oder andere damit was anfangen

Screenshot:

 Spoiler

Die komplette Box ist von der Breite und Höhe her anpassbar. Wird automatisch mitwachsen (kann man also auch per JavaScript resizable machen!).

Die Box an sich hab ich mit ein paar "Extras" ausgeschmückt. Dazu zählt das Icon, der Closed-Button sowie unten der blaue Bereich (Footer). Diese Teile sind im Code folgendermaßen beschrieben:

<!-- Icon -->
<div class="windowsBoxIcon"><img src="img/icon.png" alt="Icon" title="Icon"></div>

<!-- Button -->
<div class="closeButton">x</div>

<!-- Blauer Bereich unten (Footer) -->
<div class="footer"></div>

Diese kann man ohne Probleme rausnehmen. Die Box an sich wird dadurch nicht verändert.



MfG

[ls-media]

Sieht gut aus!
Vielen Dank!

[Synatex]

Kein Problem!

[PseudoPsycho]

Sieht gut aus.
Ich werd' mal versuchen, das mit der jQuery UI (dialog) kompatibel zu machen und dann hier veröffentlichen.

Edit: Gibt sowas bereits. Zu finden unter