[CSS] Windows-Style Fenster

07/28/2012 21:43 Synatex#1
Hoi!

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

Screenshot:

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:

HTML Code:
<!-- 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.

[Only registered and activated users can see links. Click Here To Register...]

MfG
07/29/2012 08:23 ls-media#2
Sieht gut aus!
Vielen Dank!
07/29/2012 13:26 Synatex#3
Kein Problem! :)
07/29/2012 17:36 PseudoPsycho#4
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 [Only registered and activated users can see links. Click Here To Register...]