MyBB Güzel Duyuru Panosu

.duyuru {
background: #f7efb7 url(Duyuru Başındaki resim linki) no-repeat 6px center; color: #7d6e26; border: 1px solid #bcc07a;
}
 
.duyuru2 {
background: #f6dcdc url(Duyuru Başındaki resim linki) no-repeat 6px center;
color: #cd5454;
border: 1px solid #deaaaa;
}
 
.duyuru3 {
background: #c8daf0 url(Duyuru Başındaki resim linki) no-repeat 6px center; color: #6a7fb4; border: 1px solid #9aaddc;
}
 
.duyuru4 {
background: #CDE69B url(Duyuru Başındaki resim linki) no-repeat 6px center; color: #7CA529; border: 1px solid #99CC33;
}
 
.duyuru, .duyuru2, .duyuru3, .duyuru4 {
padding: 4px 14px 4px 28px;
margin-bottom: 10px; padding: 4px 14px 4px 28px; margin-bottom: 10px;
}
 
.duyuru span, .duyuru2 span, .duyuru3 span, .duyuru4 span {
float: right;
}
 
.duyuru a, .duyuru2 a, .duyuru3 a, .duyuru4 a {
font-weight: bold; padding-left: 7px;
}
 
.duyuru a {
color: #7d6e26;
}
 
.duyuru2 a {
color: #cd5454;
}
 
.duyuru3 a {
color: #6a7fb4;
}
 
.duyuru4 a {
color: #7CA529;
}

header

<div class="index_forums left" id="index_forums">
 
<div class="duyuru fix">Duyuru 1: <a href="Link"><BLINK>[Yazı]</BLINK></a> <span>(Ayrıntı) </span></div>
<div class="duyuru3 fix">Duyuru 2 : <a href="Link"> <BLINK>[ Yazı ]</BLINK></a> <span>(ayrıntı) </span></div>
<div class="duyuru2 fix">Uyarı:Duyuru 3 :<a href="Link"> [Yazı ]</a> <span>(Ayrıntı) </span></div>