MyBB Depo Forum
DP Tarzı Online-Offline Görünümü - Baskı Önizleme

+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: Mybb Ders Deposu (https://mybbdepo.com/mybb-ders-deposu-forumu)
+--- Forum: Grafik & Tasarım Ders Deposu (https://mybbdepo.com/grafik-tasarim-ders-deposu-forumu)
+--- Konu Başlığı: DP Tarzı Online-Offline Görünümü (/dp-tarzi-online-offline-gorunumu-konusu.html)

Sayfalar: 1 2

DP Tarzı Online-Offline Görünümü - Screwy - 03-11-2013

Merhaba arkadaşlar;

Bugün sizlere destekplus ve destek.tr15.net isimli sitemde kullandığım online offline ve izinli durum gösterimi yapımını anlatacağım. Sanırım bir çok kişi bu özelliği istiyordu. Öncelikle şunu söyleyeyim bunu ben paylaşmadan önce çalıntı bir şekilde kullananlara hakkımı kesinlikle helal etmiyorum.

Anlatıma geçelim hemen;

Admin Paneli Sağ Ok Temalar & Şablonlar Sağ Ok Kullandığınız tema Sağ Ok Global.css Sağ Ok Gelişmiş Düzenleme Bölümünün En Altına Aşağıdaki Kodları Ekleyin.

Kod:
.screwypostbitinsivible {
        background: url(images/Screwy/dppostbit/screwypostbitgizli.png) repeat scroll 0 0 #474747;
    margin-top: 2px;
    text-align: left;
    margin-top: 2px;
        margin-bottom: -2px;
    font-size: 13px;
    padding: 0 4px 0;
    color: #FFF;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;

}

    .screwypostbitinsivible  dd { float: right; }

.screwypostbitoffline {
         background: url(images/Screwy/dppostbit/screwypostbitcevirimdisi.png) repeat scroll 0 0 #d20303;
    margin-top: 2px;
    text-align: left;
    margin-top: 2px;
        margin-bottom: -2px;
    font-size: 13px;
    padding: 0 4px 0;
    color: #fff;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
    .screwypostbitoffline  dd { float: right; }

.screwypostbitonline {
        background: url(images/Screwy/dppostbit/screwypostbitcervimici.png) repeat scroll 0 0 #86c901;
    margin-top: 2px;
    text-align: left;
    margin-top: 2px;
        margin-bottom: -2px;
    font-size: 13px;
    padding: 0 4px 0;
    color: #fff;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

    .screwypostbitonline  dd { float: right; }

Hemen ardından

Admin Paneli Sağ Ok Temalar & Şablonlar Sağ Ok Kullandığınız temanın şablonları Sağ Ok Postbit Şablonları Sağ Ok Postbit

Bul:
Kod:
<strong><span class="largetext">{$post['profilelink']}</span></strong>

Öncesine Ekle:
Kod:
{$post['onlinestatus']}
Bu koddan başka yerde varsa eklediğiniz dışındakileri silin...

Evet devam ediyoruz. Şimdi sırada görünümü değiştirmek var.

Admin Paneli Sağ Ok Temalar & Şablonlar Sağ Ok Kullandığınız temanın şablonları Sağ Ok Postbit Şablonları Sağ Ok Postbit Sağ Ok postbit_online

Komple sil ve değiştir:
Kod:
<div class="screwypostbitonline">Durum<dd> Online </dd></div>

Admin Paneli Sağ Ok Temalar & Şablonlar Sağ Ok Kullandığınız temanın şablonları Sağ Ok Postbit Şablonları Sağ Ok Postbit Sağ Ok postbit_offline

Komple sil ve değiştir:
Kod:
<div class="screwypostbitoffline">Durum<dd> Offline</dd></div>

Admin Paneli Sağ Ok Temalar & Şablonlar Sağ Ok Kullandığınız temanın şablonları Sağ Ok Postbit Şablonları Sağ Ok Postbit Sağ Ok postbit_away

Komple sil ve değiştir:
Kod:
<div class="screwypostbitinsivible">Durum<dd> İzinli </dd></div>

Yapmamız gereken işlemler bu kadardır... Şimdi ekteki dosyayı indirin ve FTP anadizine yollayın.

NOT: GENİŞLİK AYARLAMAK İSTEYENLER GLOBAL.CSS DEKİ screwypostbitoffline - screwypostbitonline - screwypostbitinsivible KODLARI ALTINDAKİ WİDTH DEĞERİNİ DEĞİŞTİRSİNLER.

:download_buton:
[attachment=1167]

Winrar Şifresi: mybb.com.tr

Sonuç:
resim

Emeğe saygı. Paylaşırken kaynak link vermeyi eksik etmeyiniz...

Kaynak:
Kod:
http://www.destekplus.org/konu-DP-Tarzi-Online-Offline-Gorunumu.html


Cvp: DP Tarzı Online-Offline Görünümü - Controller - 03-11-2013

vBulletin'de çok beğenilen bir posbit özelliği hele hele mybb uyarlanması bambaşka, teşekkürler.

Cvp: DP Tarzı Online-Offline Görünümü - Screwy - 03-11-2013

(03-11-2013, Saat:14:33)X-Spoorts Adlı Kullanıcıdan Alıntı: vBulletin'de çok beğenilen bir posbit özelliği hele hele mybb uyarlanması bambaşka, teşekkürler.

Rica ederim güle güle kullanın. Gülümseme

Cvp: DP Tarzı Online-Offline Görünümü - BlackCat - 03-11-2013

Çok başarılı gerçekten, teşekkürler kardeşim.

Cvp: DP Tarzı Online-Offline Görünümü - mmtacr5 - 03-11-2013

Resul Hocam Süpersin Eline Koluna Yüreğine Sağlık . Süper

Cvp: DP Tarzı Online-Offline Görünümü - Screwy - 03-11-2013

(03-11-2013, Saat:14:40)BlackCat Adlı Kullanıcıdan Alıntı: Çok başarılı gerçekten, teşekkürler kardeşim.
Ne demek inşallah seninde işini görür Gülümseme

(03-11-2013, Saat:17:12)mmtacr5 Adlı Kullanıcıdan Alıntı: Resul Hocam Süpersin Eline Koluna Yüreğine Sağlık . Süper

Önemli değil. Güle güle Kullanın Gülümseme

Cvp: DP Tarzı Online-Offline Görünümü - B-S-A - 03-11-2013

Bencede gayet hoş ve kullanışlı, teşekkürler Gülümseme

Cvp: DP Tarzı Online-Offline Görünümü - gameforc - 09-02-2014

online yeri bnde alt tarafta yazıyor