Dream41 Duyuru Panosu

[Dream41]

Merhaba arkadaşlar yeni yazdığım duyuru panosunu paylaşıyorum kapanır özellikte.
Önce demo verelim:

Kod: Tümünü Seç Tümünü Kopyala

http://codepen.io/dream41/pen/BprQEY

CSS Kodları

Kod: Tümünü Seç Tümünü Kopyala

.duyuru{
  background:#2196F3;
  padding:8px 10px;
  color:#fff;
  border-radius:3px 0 3px 0;
  box-shadow:0 2px 3px rgba(0, 0, 0, 0.50);
  transition:all 0.4s;
}

.duyuru:hover{
  box-shadow:0 2px 4px rgba(0, 0, 0, 0.60);
}

.duyuru a{
  color:#fff !important;
  text-decoration:none;
}

.yokol{
  cursor:pointer;
  font-size:25px;
  float:right;
  margin-top:-3px;
}

HTML Kodu

Kod: Tümünü Seç Tümünü Kopyala

<div class="duyuru">Dream41 Duyuru Panosu <a href="#">Link</a> <span class="yokol" onclick="this.parentElement.style.display='none';">&times;</span> </div>

Duyuru panosu ile soru ve sorunlarınızı konu altına mesaj olarak sora bilirsiniz.