15-03-2014 Saat: 23:52
Resimdeki duyuru panosunun başına nasıl icon ekleyebilirim yıldız eklemek istiyorum ? Duyuru panosu kodları:
Yeni css ekledim css adı :
Kod:
shortcodes.css
Kod:
/*-----------------------------------------------------------------------------------*/
/* Alert Messages
/*-----------------------------------------------------------------------------------*/
.alert-message {
position: relative;
border: 1px solid #ddd;
display: block;
background-color: #F9F9F9;
-webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
-moz-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
font-weight: bold;
padding: 10px 40px;
margin-bottom: 20px;
}
.alert-message.warning {
background-color: #fbf6e3;
border-color: #efd877;
color: #c4a80a;
}
.alert-message.warning a {
color: #c4a80a;
}
.alert-message.success {
background-color: #e9f2d2;
border-color: #c0da66;
color: #88b12b;
}
.alert-message.success a {
color: #88b12b;
}
.alert-message.error {
background-color: #ffe9e9;
border-color: #e99f9f;
color: #d25c5a;
}
.alert-message.error a {
color: #d25c5a;
}
.alert-message.info {
background-color: #dbe9f3;
border-color: #9fc2dd;
color: #468bbf;
}
alert-message.info a {
color: #468bbf;
}
.alert-message p {
margin: 0;
padding: 0;
}
.alert-message span.close {
display: block;
padding: 10px 15px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
opacity: 0.5;
}
.alert-message span.close:hover {
opacity: 1;
}
Daha sonra Header şablonlar headere bunu ekledim:
Kod:
<div class="alert-message info">20 Konu Açarak Moderatör / 60 Konu Açarak Süper Moderatör Olabilirsiniz.</div>
Kodlar bu resimdeki gibi duyuru panosunun başına icon nasıl ekleyebilirim ?
www.forumkolik.10tl.net