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).
usameavci avatar
Konuyu Oyla:
  • Derecelendirme: 5/5 - 1 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 5/5 - 1 oy

Progressbar'lı Özel Mesaj Kota Görünümü


Sponsor Reklam
media venus

Çevrimdışı usameavci
 Tarih: 19-02-2014, Saat:18:59
(Son Düzenleme: 19-02-2014, Saat:19:58, Düzenleyen: usameavci.)
#1
Kolay gelsin arkadaşlar. Can sıkıntısından yaptığım bir editi sizinle paylaşacağım.
Değiştirmeden önce yedek alınız.
Öncelikle ekran görüntüsünü ekleyeyim:
resim

Anlatım _____________________________________
1.Adım : Temalar kısmından yeni bir css oluşturun. Adını pmMeter.css koyun.
Gelişmiş Dğzenleme Sekmesine tıklayın ve aşağıdaki kodları komple yapıştırın :
Kod:
.pmMeterWrap {
    position: relative;
    margin: 5px 0px 0px; /* Just for demo spacing */
    background: #bbb;
    border:1px solid #aaa;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 3px 3px 2px;
    -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
    -moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
    box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
}
.pmMeterWrap p {
    color: #333333;
    margin:0;
    padding:3px 5px 7px;
}
.pmMeter {
    position: relative;
    margin: 5px 5px 0px; /* Just for demo spacing */
    background: #fff;
    border:1px solid #aaa;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 5px 0px 5px 0px;
    -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
    -moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
    box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
}

.pmMeter > span {
        text-align:center;
    display: block;
    height: 100%;
       -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
           -moz-border-radius-topright: 3px;
        -moz-border-radius-bottomright: 3px;
               border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
        -webkit-border-top-left-radius: 3px;
     -webkit-border-bottom-left-radius: 3px;
            -moz-border-radius-topleft: 3px;
         -moz-border-radius-bottomleft: 3px;
                border-top-left-radius: 3px;
             border-bottom-left-radius: 3px;
    background-color: rgb(43,194,83);
    background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0, rgb(43,194,83)),
      color-stop(1, rgb(84,240,84))
     );
    background-image: -moz-linear-gradient(
      center bottom,
      rgb(43,194,83) 37%,
      rgb(84,240,84) 69%
     );
    -webkit-box-shadow:
      inset 0 2px 9px  rgba(255,255,255,0.3),
      inset 0 -2px 6px rgba(0,0,0,0.4);
    -moz-box-shadow:
      inset 0 2px 9px  rgba(255,255,255,0.3),
      inset 0 -2px 6px rgba(0,0,0,0.4);
    box-shadow:
      inset 0 2px 9px  rgba(255,255,255,0.3),
      inset 0 -2px 6px rgba(0,0,0,0.4);
    position: relative;
    overflow: hidden;
    margin-left:5px;
}
.pmMeter > span:after, .animate > span > span {
    content: "";
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background-image:
       -webkit-gradient(linear, 0 0, 100% 100%,
          color-stop(.25, rgba(255, 255, 255, .2)),
          color-stop(.25, transparent), color-stop(.5, transparent),
          color-stop(.5, rgba(255, 255, 255, .2)),
          color-stop(.75, rgba(255, 255, 255, .2)),
          color-stop(.75, transparent), to(transparent)
       );
    background-image:
        -moz-linear-gradient(
          -45deg,
          rgba(255, 255, 255, .2) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255, 255, 255, .2) 50%,
          rgba(255, 255, 255, .2) 75%,
          transparent 75%,
          transparent
       );
    z-index: 1;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    background-size: 50px 50px;
    -webkit-animation: move 2s linear infinite;
    -moz-animation: move 2s linear infinite;
       -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
           -moz-border-radius-topright: 8px;
        -moz-border-radius-bottomright: 8px;
               border-top-right-radius: 8px;
            border-bottom-right-radius: 8px;
        -webkit-border-top-left-radius: 20px;
     -webkit-border-bottom-left-radius: 20px;
            -moz-border-radius-topleft: 20px;
         -moz-border-radius-bottomleft: 20px;
                border-top-left-radius: 20px;
             border-bottom-left-radius: 20px;
    overflow: hidden;
}

.animate > span:after {
    display: none;
}

@-webkit-keyframes move {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 50px 50px;
    }
}

@-moz-keyframes move {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 50px 50px;
    }
}


.orange > span {
    background-color: #f1a165;
    background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
    background-image: -webkit-linear-gradient(#f1a165, #f36d0a);
}

.red > span {
    background-color: #f0a3a3;
    background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323));
    background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
}

.nostripes > span > span, .nostripes > span:after {
    -webkit-animation: none;
    -moz-animation: none;
    background-image: none;
}

2. Adım : private_pmspace şablonunu açın ve içindeki herşeyi silin. Daha sonra aşağıdaki kodları içine yapıştırın :
Kod:
<div class="pmMeterWrap">
<p>Mesaj kotanızı %{$spaceused} kullanmışsınız. Geriye kullanabileceğiniz %{$spaceused2} kadar bir alan kaldı.<br />
Kotanız dolduğunda eğer temizlemezseniz yeni gelecek özel mesajları göremezsiniz!</p>
<div class="pmMeter">
    <span style="width: {$spaceused}%">{$belowhalf}</span>
</div>
</div>

3. Adım : private şablonunu açın be bulun :
Kod:
{$pmspacebar}
Bulduğunuzkodu kesin ve kestiğiniz kısmı 2 (iki) satır altta olan :
Kod:
</table>
kodunun altına yapıştırın.
İşlemler bu kadar. Hayırlı olsun.

Not : Anlatım default temaya göre yapılmıştır. İşlem sonunda alacağınız hatalardan ve oluşacak sorunlardan TakaharaShujin nickli üye sorumlu tutulamaz! Melek - Masum
Cevapla
Bunu Beğenenler: Kiliza , iCarly , Feyz , S.G , Xray , #Criss
Sponsor Reklam
sponsor reklam sponsor reklam

Çevrimdışı Kiliza
 Tarih: 19-02-2014, Saat:19:11
#2
Eline sağlık hocam çok güzel olmuş.
Cevapla
Bunu Beğenenler:

Çevrimdışı usameavci
 Tarih: 19-02-2014, Saat:19:16
#3
Canım sıkıldıkça ufak tefek html css paylaşımları yapmayı düşünüyorum. MCTR açılsın PHP ve MYBB üzerine dersler ve anlatımlar yapacağım inşallah Melek - Masum
Cevapla
Bunu Beğenenler: Xray

Çevrimdışı iCarly
 Tarih: 19-02-2014, Saat:19:16
#4
Ellerinize sağlık çok güzel olmuş. Bu arada "Değiştirmeden önce yedek alınız." diye eklerseniz sanırım kimse sizi sorumlu tutmaz zaten Mahcup
Cevapla
Bunu Beğenenler: usameavci

Çevrimdışı usameavci
 Tarih: 19-02-2014, Saat:19:57
#5
(19-02-2014, Saat:19:16)iCarly Adlı Kullanıcıdan Alıntı: Ellerinize sağlık çok güzel olmuş. Bu arada "Değiştirmeden önce yedek alınız." diye eklerseniz sanırım kimse sizi sorumlu tutmaz zaten Mahcup

İlk defa anlatım konusu açtığım için hiç aklıma gelmedi Melek - Masum
Cevapla
Bunu Beğenenler:

Çevrimdışı McOrco
 Tarih: 08-03-2014, Saat:02:37
(Son Düzenleme: 16-11-2015, Saat:23:54, Düzenleyen: McOrco.)
#6
gayet guzel çalışıyor
çok şık oldu emeğinize sağlık
Cevapla
Bunu Beğenenler:

Çevrimdışı Xray
 Tarih: 08-03-2014, Saat:10:46
(Son Düzenleme: 08-03-2014, Saat:10:51, Düzenleyen: Xray.)
#7
TShujin uyguladım ama yeşil bar çıkmadı.

resim
Cevapla
Bunu Beğenenler:

Çevrimdışı usameavci
 Tarih: 08-03-2014, Saat:13:04
#8
Site adresinizi yazın kontrol edeyim.
Cevapla
Bunu Beğenenler:

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  Jquery Çakışması Mesaj Editörü Sorunu [Çözüm] Luca 9 3,793 26-01-2016, Saat:05:03
Son Yorum: 3sr4rk3ss27
  MyBB Özel Mesajlaşma'da RE: FW: İfadelerini Kaldırma ! Machine 3 977 22-12-2013, Saat:16:55
Son Yorum: Machine
  Özel Sayfaları Online Listesinde Göstermek Smyrna35 2 809 21-06-2013, Saat:14:34
Son Yorum: Smyrna35
  [1.4 - 1.6] Yeni Özel Mesajta Emaile Mesaj Gelmesini Engellemek EmreKarakaya 2 1,228 28-05-2013, Saat:02:16
Son Yorum: black_wolf465
  ChangUonDyu Chatbox Mesaj Saatini Kaldırmak [DERS] ßyßurak 1 922 03-02-2013, Saat:22:09
Son Yorum: mecdunov



Konuyu Okuyanlar: 1 Ziyaretçi