chevron_left chevron_right
Giriş Kayıt Ol

Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5


filter_list
Mybb Duyuru Paneli
Yazar Mesaj

İsimsiz Çevrimdışı
Site Kurucusu
Admin Grubu
Konular: 527
Üyelik Tarihi: 16-09-2017
Rep Puanı: 16
Mybb Duyuru Paneli 29-09-2017, Saat: 16:18    #1

Mybb Duyuru Paneli

Demo


Kodlar

Kod:
<style class="cp-pen-styles">.notify, .warning, .success, .warning_02 {
   font-size: 10px;
   height: 45px;
   background: #141414;
   margin: 4px 0px;
   display: contents;
   position: relative;
   clear: both;
}

.notify {
   background: #ffcb70;
   color: #a1772d;
   border: 5px solid #efb44e;
}

.warning {
   background: #df7e7e;
   color: #9c4c4c;
   border: 5px solid #c16d6d;
}

.success {
   background: #7ec296;
   color: #537d62;
   border: 5px solid #6cb184;
}

.warning_02 {
   background: #82d4d9;
   color: #4c8a8e;
   border: 5px solid #6fc1c6;
}

.notify strong, .warning strong, .success strong, .warning_02 strong {
   text-transform: uppercase;
   width: 89px;
   display: inline-block;
   text-align: center;
   height: 100%;
   padding: 17px 0px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
   background: rgba(0,0,0,0.1);
}

.notify span, .warning span, .success span, .warning_02 span {
   padding: 10px 10px 0px 10px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
}</style></head><body>
<div class="notify">
<strong><i class="fa fa-hand-paper-o" aria-hidden="true"></i>Unuttum''</strong>
<span>http://merhaba.16mb.com/member.php?action=lostpw</span>
</div>
<div class="warning">
<strong><i class="fa fa-hand-paper-o" aria-hidden="true"></i>Warning</strong>
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi adipiscing loborti</span>
</div>
<div class="success">
<strong><i class="fa fa-hand-paper-o" aria-hidden="true"></i>Success</strong>
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi adipiscing loborti</span>
</div>
<div class="warning_02">
<strong><i class="fa fa-hand-paper-o" aria-hidden="true"></i>Warning !</strong>
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi adipiscing loborti</span>
</div>

</body></html>
Ara



Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  Mybb XBurn Tema 1.8.x İsimsiz 0 251 27-09-2017, Saat: 14:32
Son Yorum: İsimsiz
  Mybb 1.8 Tema - XBurn Tema 1.8.x İsimsiz 0 337 25-09-2017, Saat: 13:03
Son Yorum: İsimsiz
Hızlı Menü:


Konuyu Okuyanlar: 2 Ziyaretçi

Warez Forum