Yeni CSS Duyuru Panoları

[ReaLFasT]

Ekran Görüntüsü:



CSS Kodları:

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

/*-----------------------------------------------------------------------------------*/
/*    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;
} 


* Admin Paneli > Şablonlar & Temalar > Temalar > {temanız} > CSS Oluştur > Stil Adı: shortcodes.css / Bağlı olduğu dosyalar: Genel Stil - Kendi içeriğimi yazmak istiyorum -> "CSS Kodlarını" yaz. > Stil sayfasını kaydet.

Pano Kodları:

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

<div class="alert-message notice">Duyuru Mesajı.</div>
<div class="alert-message warning">Uyarı Mesajı.</div>
<div class="alert-message success">Başarı Mesajı.</div>
<div class="alert-message error">Hata Mesajı.</div>
<div class="alert-message info">Bilgi Mesajı.</div> 


* Admin Paneli > Şablonlar & Temalar > Şablonlar > {temanız} > Header şablonları > Eklemek istediğiniz yer "Pano Kodlarını" yaz. > Kaydet.

NOT: Anasayfada renksiz sadece yazı gözükürse, kodların arasında bir boşluk bırakmanız yeterlidir. Birde Alıntıdır. Anlatım bana aittir.

[Kaily]

Ekran Görüntüsü:



CSS Kodları:

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

/*-----------------------------------------------------------------------------------*/
/*    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;
} 


* Admin Paneli > Şablonlar & Temalar > Temalar > {temanız} > CSS Oluştur > Stil Adı: shortcodes.css / Bağlı olduğu dosyalar: Genel Stil - Kendi içeriğimi yazmak istiyorum -> "CSS Kodlarını" yaz. > Stil sayfasını kaydet.

Pano Kodları:

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

<div class="alert-message notice">Duyuru Mesajı.</div>
<div class="alert-message warning">Uyarı Mesajı.</div>
<div class="alert-message success">Başarı Mesajı.</div>
<div class="alert-message error">Hata Mesajı.</div>
<div class="alert-message info">Bilgi Mesajı.</div> 


* Admin Paneli > Şablonlar & Temalar > Şablonlar > {temanız} > Header şablonları > Eklemek istediğiniz yer "Pano Kodlarını" yaz. > Kaydet.

NOT: Anasayfada renksiz sadece yazı gözükürse, kodların arasında bir boşluk bırakmanız yeterlidir. Birde Alıntıdır. Anlatım bana aittir.

Müthiş.
V4 Temamda kullanırım :)

[ReaLFasT]

Teşekkürler. Bende harika buluyorum bu kodu :)

[ForumYol]

Gerçekten muhteşem ötesi

[#Pirate]

Tessekurler

[Batuhann]

Güzel. ..

[Mr.Luffy]

Harika! :)

[ReaLFasT]

Herkeze teşekkürler.

[ForumGlobal]

Arkadaşlar bunlar hiçkimse tarafından yapılmamıştır mybbinn kendi kodlarından alıntıdır. Çünkü alttaki kodlara bakın:

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

<div class="alert-message notice">Duyuru Mesajı.</div>
<div class="alert-message warning">Uyarı Mesajı.</div>
<div class="alert-message success">Başarı Mesajı.</div>
<div class="alert-message error">Hata Mesajı.</div>
<div class="alert-message info">Bilgi Mesajı.</div>

Gördüğünüz gibi warning success error info gibi şeyler mybbnin eski sürümündeki şeylerdi. Yani mesela eski sürümde tema değiştirdiğinizde yukarıda Tema Başarıyla Yüklendi diye bir yazı çıkardı işte bu kodlar o kodlar olabilir emin değilim ama olabilir.

Konuyu daha kolay benim açtığım bu konudanda anlayabilirsiniz : http://destek.10tl.net/showthread.php?tid=53242&ssid=2b957758e90cc9f72d9969f6a53daa1b

fakat duyuru panosu haline getirmek güzel bir fikir t eşekkürler :)

[ReaLFasT]

Önemli değil, yardım olabildiysem seviniriim.