Html Code: Windows XP Message Box with HTML

Message boxes are a place to display various and sometimes important information for website users and even to alert them. In this code, the Windows XP message box theme is designed in HTML for those who have a nostalgic mode. You can also define an action for the button to close this text box so it looks and performs exactly like the warning messages in Windows XP.

<!-- this script got from www.htmlbestcodes.com - Coded by: Krishna Eydat -->
<style>
.containter {
    width: 350px;
    height: 200px;
}

.dialogue {
    border-color: #0059F0;
    border-style: solid;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    padding: 5px;
}

.top-panel {
    background-color: #0059F0;
    height: 25px;
    border-radius: 15px 15px 0 0;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    color: white;
    padding: 5px 0px 0px 9px;
}

button {
    float: right;
    background-color: #DE5227;
    margin-right: 10px;
    color: white;
    border-radius: 15%;
    font-size: 15px;
}
</style>
<div class="containter">
      <div class="top-panel">
        <strong>Text box</strong>
        <button><strong>X</strong></button>
      </div>
      <div class="dialogue">
        <p class="text">Some message here</p>
      </div>
</div><a target="_blank" href="https://www.htmlbestcodes.com/" style="font-size: 8pt; text-decoration: none;font-family:Tahoma">HTML Best Codes</a>

If you don't know how to use this code or need more information Click here!

Compatible browsers:

Html Best Codes

Html Code: Windows XP Message Box with HTML

Links