MyBBDepo - Türkiyenin MyBB Deposu Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
BlackCat avatar
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 0/5 - 0 oy

CSS 3'lü Duyuru Paneli [Yeni - 2015]


Sponsor Reklam

Çevrimdışı BlackCat
 Tarih: 24-07-2015, Saat:14:38
(Son Düzenleme: 25-07-2015, Saat:16:01, Düzenleyen: BlackCat.)
#1
Eklenti-Plugin Eklenti ismi: CSS 3'lü Duyuru Paneli [Yeni - 2015]
Güvenlik Eklenti Güvenlimi ?: Güvenli Onay-Cevap
Versiyon-Saat Eklenti Versiyonu:  1.4 - 1.8 - 1.6
Araç-Test  Test Durumu: Denenmiştir-sorunsuz Onay-Cevap
Açıklama-Detay Eklenti Açıklaması: Merhaba arkadaşlar, birkaç aydır yeni tema hazırlığına girişmiştim. Ancak işlerimin yoğunluğundan dolayı bir süreliğine yapımı bırakma kararı aldım. Ya da erteledim diyelim. Bu nedenle temada kullandığım duyuru panelini paylaşmak istedim. Tamamı Css ve Html kodlarından oluşuyor.

Resim-Grafik Ekran Görüntüsü:

resim

Makale-Not  Eklenti Kurulumu:

Admin Paneli  Sağ Ok Temalar&Şablonlar Sağ Ok Temalar Sağ Ok (Tema isminiz) Sağ Ok global.css Sağ Ok Gelişmiş Düzenleme Sağ Ok en alta aşağıdaki kodları kopyalayın Sağ Ok  Değişiklikleri Kaydet ve Kapat diyip editörü kapatın.

Kod:
/* Duyuru Paneli Başlangıç */

.dpaneli {
 position: relative;
 margin: 1em;
 background: #F2F1EF;
 padding: 1em 1em 1em 2em;
 border-left: 4px solid #DDD;
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125);
}

.dpaneli:before {
 position: absolute;
 top: 50%;
 margin-top: -17px;
 left: -17px;
 background-color: #DDD;
 color: #FFF;
 width: 30px;
 height: 30px;
 border-radius: 100%;
 text-align: center;
 line-height: 30px;
 font-weight: bold;
 font-family: Georgia;
 text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
}

.bilgi {
 border-color: #0074D9;
    border-right: 4px solid #0074D9;
}

.bilgi:before {
 content: "i";
 background-color: #0074D9;
}

.basarili {
 border-color: #2ECC40;
        border-right: 4px solid #2ECC40;
}

.basarili:before {
 content: "√";
 background-color: #2ECC40;
}

.uyari {
 border-color: #f06c64;
            border-right: 4px solid #f06c64;

}

.uyari:before {
 content: "!";
 background-color: #f06c64;
}

/* Duyuru Paneli Bitiş */

Şablonlar Sağ Ok (Tema isminiz) Sağ Ok Ana Sayfa - [index] Şablonlar Sağ Ok index şablonunu açın Sağ Ok {$header} kodunun hemen altına aşağıdaki kodları kopyalayın ve yapıştırın.

Kod:
<div class="dpaneli bilgi"><p>BlackCat - MyBB.Com.TR - Duyuru Yazısı 1</p></div>

<div class="dpaneli basarili"><p>BlackCat - MyBB.Com.TR - Duyuru Yazısı 2</p></div>

<div class="dpaneli uyari"><p>BlackCat - MyBB.Com.TR - Duyuru Yazısı 3</p></div>

Sonrasında duyurularınızı düzenleyebilirsiniz. İyi çalışmalar Süper

Orjinal :
Kod:
http://codepen.io/walesmd/pen/zysbv


CSS 3'lü Duyuru Paneli [Yeni - 2015]

Cevapla
Sponsor Reklam
Sponsor Reklam Sponsor Reklam

Çevrimdışı Mehmet52
 Tarih: 24-07-2015, Saat:14:43
#2
Ellerinize Sağlık
Cevapla
Bunu Beğenenler:

Çevrimdışı #Pøwér™
 Tarih: 24-07-2015, Saat:15:00
#3
Ellerinize sağlık gayet güzel bir kodlama olmuş.
Cevapla
Bunu Beğenenler:

Çevrimdışı Khall
 Tarih: 24-07-2015, Saat:15:56
#4
Tebrikler gayet başarılı bir tasarım..
Cevapla
Bunu Beğenenler:

İzinli EmreKRMN
 Tarih: 25-07-2015, Saat:11:39
#5
Elinize sağlık hocam
Cevapla
Bunu Beğenenler:

Çevrimdışı BlackCat
 Tarih: 25-07-2015, Saat:16:00
(Son Düzenleme: 25-07-2015, Saat:16:02, Düzenleyen: BlackCat.)
#6
Yorumlar için teşekkürler arkadaşlar. Tasarımın tamamı bana ait değil, yinede mevcut kodlamaya ilaveler yaptım tabiki

Kod:
http://codepen.io/walesmd/pen/zysbv
Cevapla
Bunu Beğenenler: EmreKRMN

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  [1.8] MyBB BAM Duyuru Yönetici Eklentisi - Türkçe v1.0 [1.8 Uyumlu] Machine 3 3,829 08-10-2018, Saat:14:48
Son Yorum: XpS#
Öneri - Fikir [1.6 - 1.8] MyBB Çözüldü, Duyuru ön ekleri [Modifikasyon] novruz 0 289 31-08-2018, Saat:14:18
Son Yorum: novruz
  [1.8] Limitsiz Duyuru Eklentisi [1.8 Uyarlama] Rugfre 12 7,832 29-06-2018, Saat:12:35
Son Yorum: ArseniC
  [MCTR - 1.8] DVZ AJAX Sohbet Paneli Plugin [Yeni-Gelişmiş] EmreKRMN 76 39,635 10-06-2018, Saat:17:12
Son Yorum: symbol54
  [MCTR - 1.8] Anasayfa'da Anket Gösterimi Plugin - YENİ! (1.8) Badmeen 3 2,840 08-06-2018, Saat:20:33
Son Yorum: ArseniC



Konuyu Okuyanlar: 1 Ziyaretçi