Originally Posted by GWLiaR
(Post 1626259)
You Can use.
Add Style CSS
Code:
.warning,
.attention,
.notice,
.help,
.information
{
color: #000;
border: 1px solid #000;
-moz-border-radius: 5px;
background-color: #FCF8C7;
padding: 6px;
text-align:left;
}
.warning img,
.attention img,
.help img,
.notice img,
.information img
{
float:left;
margin-top: 10px;
margin-right: 5px;
vertical-align:middle;
border: 0px;
}
.warning h2,
.warning p,
.notice h2,
.notice p,
.attention h2,
.attention p,
.help h2,
.help p,
.information h2,
.information p
{
padding: 0px;
margin: 0px;
margin-left: 60px;
}
.warning h2,
.attention h2,
.notice h2,
.help h2,
.information h2
{
padding-bottom: 4px;
font-size: 14px;
border-bottom: 1px solid #000;
}
.warning h1,
.attention h1,
.notice h1,
.help h1,
.information h1
{
padding: 0px;
margin: 0px;
margin-left: 60px;
font-size: 12px;
font-weight:normal;
}
.warning h6,
.attention h6,
.notice h6,
.help h6,
.information h6
{
margin: 20px;
padding: 0px;
margin-left: 60px;
font-size: 12px;
font-weight:normal;
}
.warning
{
background-color: #FFCCCC;
}
.help
{
background-color: #d5eeb6;
}
.warning ul,
.attention ul,
.notice ul,
.help ul,
.information ul
{
margin-left: 30px;
}
Add BBCode:
Tag:warning (e.g notice,information...)
Code:
<div class='warning(e.g notice,information)'>
<img src='images/misc/warning(e.g information,notice).gif' alt='image' />
<h2><strong>Warning</strong></h2>
<h1><font color="#000000">{param}</font></h1>
<br /><br /></div>
|