1. #1
    Avatar von Comu
    Registriert seit
    18.11.2011
    Beiträge
    772
    Thanked 753 Times in 363 Posts

    Standard [CSS] Windows-Style Fenster

    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.

    (Da der U-Hacks Attachment Upload ja noch immer nicht funktioniert.. Hier der Link):

    win_window.rar - Localhostr

    MfG

  2. The Following 4 Users Say Thank You to Comu For This Useful Post:

    iToxic (28.07.2012), Nachto (28.07.2012), Pwned (28.07.2012), Snees (30.07.2012)

Ähnliche Themen

  1. Antworten: 6
    Letzter Beitrag: 09.01.2014, 15:57
  2. Honey Boo Boo Style (Honey Boo Boo vs Gangnam Style)
    Von milchbubix im Forum Musik ♫
    Antworten: 1
    Letzter Beitrag: 14.09.2012, 11:54
  3. CSS Windows-Style Fenster
    Von Comu im Forum Showroom
    Antworten: 13
    Letzter Beitrag: 31.07.2012, 23:12
  4. Windows 7 Style
    Von KingWayne im Forum Windows
    Antworten: 1
    Letzter Beitrag: 17.12.2011, 16:23
  5. /code Fenster neu
    Von helfen im Forum Knuddels-News
    Antworten: 10
    Letzter Beitrag: 26.11.2011, 14:36
Diese Seite nutzt Cookies, um das Nutzererlebnis zu verbessern. Klicken Sie hier, um das Cookie-Tracking zu deaktivieren.