» » » » Error mesajlarını etkili hale getirme

Error mesajlarını etkili hale getirme

marika
marika 11-09-2014, 23:22
Dle'nin vermiş olduğu hata mesajlarını daha göze görünür bir hale getirmek kullanıcıları aynı işlemleri tekrar tekrar yapmalarını engelleyebilirsiniz.

Error mesajlarını etkili hale getirme
Bunun gibi bir hata mesajı yerine alttaki gibi bir görünüm daha etkili olabilir.

Error mesajlarını etkili hale getirme

Error mesajlarını etkili hale getirme
Bunun gibi bir hata mesajı yerine alttaki gibi bir görünüm daha etkili olabilir.

Error mesajlarını etkili hale getirme

Bu şekilde bir pop up ile hata mesajlarını göstermek isterseniz tema dosyalarınız içindeki info.tpl'yi temizleyip alttaki kodları içine yapıştırıp kaydediniz.

<div class="hata"><div class="kapat"><a href="javascript:history.go(-1)" class="geri"></a><a href="#" class="carpi"></a></div><div class="hataic"><b>{title}!</b><br />{error}</div></div>

<style>.hata {
    /* some styles to position the modal at the center of the page */
    position: fixed;
    top: 50%;
    left: 50%;
    width: 300px;
    line-height: 20px;
    height: 200px;
    margin-left: -150px;
    margin-top: -100px;
    background-color: #fff;
    text-align: center;
  
    /* needed styles for the overlay */
    z-index: 10; /* keep on top of other elements on the page */
    outline: 9999px solid rgba(0,0,0,0.5);
}
.hataic{margin:50px 10px;}
.kapat {text-align:right;}   
    
 a.carpi {
    display: inline-block;
    position: absolute;
    top: 7px;
    right: 7px;
    width: 16px;
    height: 16px;
    background: url('http://www.site.com/templates/Default/dleimages/delete.png') no-repeat scroll 0px 0px transparent;
} 
 a.geri {
    display: inline-block;
    position: absolute;
    top: 3px;
    left: 3px;
    width: 26px;
    height: 26px;
    background: url('http://www.site.com/engine/editor/scripts/icons/btnUndo.gif') no-repeat scroll 0px 0px transparent;
}
</style>
<script>
$(document).ready(function(){
  $("a.carpi").click(function(){
    $(".hata").css("display","none");
  });
});
</script>


Not: css kodları içindeki site.com yerine site adresinizi yazmayı unutmayınız.
Düzeltme: Bazı dle sayfalarında soru çıkartıyordu. Kapat ve Geri butonları ayrı ayı düzenledi.
Bilgilendirme
Yorum Ekleyebilmeniz için Sitemize Kayıt Olmanız Gerekmektedir.
0
marika 13 Eylül 2014 14:10
Güncelleme yapıldı. Son halini kullanınız.
0
omerkul 12 Eylül 2014 01:58
@marika,
Geliştirmelerinizi dikkatle takip ediyorum gerçekten ellerinize emeklerinize sağlık.
0
Sukru 12 Eylül 2014 00:46
Tamda aradığım bir özellikti çok güzel oldu sağol
0
marika 12 Eylül 2014 00:18
Css kodlarını temanızın css dosyaları içine taşımayınız.
Atırca eklenti bana aittir.
deneme bonusu