模板:信息框：修订间差异

2025年5月10日 (六) 20:59的最新版本

信息 × □ _
文件:Msg.png	信息这是一个信息框！

@@ 第1行： / 第1行： @@
-<table style="font-size: {{{fontsize|95}}}%; width: 75%; margin: 0 auto -2px auto; box-shadow:0 0px 1px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 2px 1px -2px rgba(0,0,0,.2); border: 1px #AAA solid; border-left: 10px solid #228b22; border-collapse: collapse; background-color: {{{color|transparent}}}; color: {{{fontcolor|#000}}}; border-left: 10px solid {{{border|rgb(30,144,255)}}};" class="plainlinks">
+<table style="
+    font-size: {{{fontsize|95}}}%;
+    width: 75%;
+    margin: 0 auto 10px auto;
+    border: 2px solid rgb(0, 0, 0);
+    border-collapse: separate;
+    background-color: {{{color|rgb(236, 233, 216)}}};
+    color: {{{fontcolor|rgb(0, 0, 0)}}};
+    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
+    font-family: 'Tahoma', 'Microsoft Sans Serif', sans-serif;
+    position: relative;
+    border-radius: 0;
+" class="plainlinks">
+<!-- XP窗口标题栏 -->
 <tr>
-<td style="width: {{{leftpx|55}}}px; padding: {{{leftsize|2}}}px; text-align: center;border-right:1px solid #AAA;">[[文件:{{{image|msg.png}}}|{{{imagesize|85}}}px]]</td>
+<td colspan="2" style="
-<td style="padding: {{{rightsize|5}}}px {{{rightpx|20}}}px;"><b>{{{type|信息}}}</b>
+    background: linear-gradient(to right, rgb(49, 106, 197), rgb(82, 153, 235));
-<div style="font-size: smaller; margin:2px 0px 2px 25px;">
+    color: white;
+    padding: 5px 10px;
+    font-weight: bold;
+    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
+    border-bottom: 1px solid rgb(0, 0, 0);
+    position: relative;
+    height: 25px;
+    line-height: 25px;
+    font-size: 14px;
+">
+{{{title|信息}}}
+<!-- 窗口控制按钮 -->
+<span style="
+    position: absolute;
+    top: 2px;
+    right: 5px;
+    width: 16px;
+    height: 16px;
+    background-color: #ff6347;
+    border: 1px solid rgb(0, 0, 0);
+    text-align: center;
+    line-height: 16px;
+    font-size: 12px;
+    color: white;
+    cursor: pointer;
+    display: inline-block;
+">&times;</span>
+<span style="
+    position: absolute;
+    top: 2px;
+    right: 25px;
+    width: 16px;
+    height: 16px;
+    background-color: rgb(192, 192, 192);
+    border: 1px solid rgb(0, 0, 0);
+    text-align: center;
+    line-height: 16px;
+    font-size: 12px;
+    color: black;
+    cursor: pointer;
+    display: inline-block;
+">□</span>
+<span style="
+    position: absolute;
+    top: 2px;
+    right: 45px;
+    width: 16px;
+    height: 16px;
+    background-color: rgb(192, 192, 192);
+    border: 1px solid rgb(0, 0, 0);
+    text-align: center;
+    line-height: 14px;
+    font-size: 12px;
+    color: black;
+    font-weight: bold;
+    cursor: pointer;
+    display: inline-block;
+">_</span>
+</td>
+</tr>
+<tr>
+<td style="
+    width: {{{leftpx|70}}}px;
+    padding: {{{leftsize|8}}}px;
+    text-align: center;
+    background-color: {{{border|rgb(236, 233, 216)}}};
+    border-right: 1px solid #ababab;
+    vertical-align: middle;
+">[[文件:{{{image|msg.png}}}|{{{imagesize|60}}}px]]</td>
+<td style="
+    padding: {{{rightsize|10}}}px {{{rightpx|20}}}px;
+    background-color: rgb(236, 233, 216);
+    border: none;
+    vertical-align: middle;
+"><b style="
+    color: rgb(0, 0, 0);
+    font-size: 1.1em;
+    font-family: 'Tahoma', sans-serif;
+    display: block;
+    margin-bottom: 5px;
+">{{{type|信息}}}</b>
+<div style="
+    font-size: smaller;
+    margin: 5px 0px 2px 0px;
+    color: rgb(0, 0, 0);
+    font-family: 'Tahoma', sans-serif;
+">
 <p>{{{info|这是一个信息框！}}}
 </p>
 </div></td></tr></table>