+ الرد على الموضوع
النتائج 1 إلى 2 من 2
  1. #1
    Tofy is on a distinguished road
    تاريخ التسجيل
    19 / 06 / 2014
    الدولة
    مجهولة
    المشاركات
    113
    معدل تقييم المستوى
    234

    افتراضي عرض التنبيهات بشكل جديد رائع -Arabway Notifications

    بسم الله الرحمن الرحيم

    السلام عليكم و رحمة الله و بركاته ..

    أقدم لكم كود لعرض التنبيهات بشكل رائع و جميل مع إضافة صوت للنبيه بشكل جميل ..

    و الكود مقسم ل3 اجزاء
    Css + Javascript + Html








    شكل النتيجة بعد إضافة الكود





    لرؤية مثال حي
    [YTBVIDEO]http://www.youtube.com/watch?v=4-8CeG0p9_w[/YTBVIDEO]



    فكرة عمل الكود ..
    التحكم بشرط إرسال اى تنبية جديد من خلال كود الشرط العادي ..
    و وضع كود الشكل الجديد مع إضافة تأثير JQuery عليه
    مع ضافة التحكم في عرض الشكل مرة اخرى ام لا .. من خلال التحكم بالكوكز من خلال الJavascirpt


    شرح التركيب
    تاخد الكود كله زي ما هو كدا
    و تضعه فى اخر سطر فى قالب الهيدر


    الكود
    كود:
    <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
    <style>
    .aw_all_msg{
        background:#0072c6;
        height: 100%;
        position: fixed;
        top:0px;
        left: -200px;
        width:195px;
        display: none;
        z-index: 9999999999;
        border-right:1px solid #FFFFFF;
    }
    .options_aw_msg {
        position:relative;
        top:50%;
        text-align:center;
    }
    .aw_newmsg {
        float:left;
        }
    .aw_newmsg li {
        margin:5px 10px;
    }
    .aw_newmsg li a {
        display:block;
        padding:10px;
        background:#fff;
        width:150px;
        font-weight:700;
        font-size:13px;
        text-decoration:none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    .aw_newmsg li a:hover{background:#eeeeee;}
    .aw_newmsg li a span{
        background:#a10;
        color:#fff;
        padding:3px 7px;
        margin-left:5px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }
    
    .close_aw_msg{
        }
    .close_aw_msg input{
        border-style:solid !important;
        border-color:#ffffff !important;
        border-width:1px !important;
        cursor:pointer;
    }
    .nomoreshow {
        color:#ffffff !important;
        font-size:16px !important;
        font-weight:700 !important;
        margin-top:15px !important;
        cursor:pointer;
    }
    
    
    
    </style>
    <script>
    // Effects On AW_msg 
    $(document).ready(function() {
      if (!read----ie('hide')) {
    $('.aw_all_msg').animate({
                left: '0px'
    },500);
    }
    
    $('#close').click(function(event) {
    event.preventDefault();
    if($('.nomoreshow input').is(':checked')){
    $('.aw_all_msg').animate({
                left: '-200px'
    },500);
    create----ie('hide', true, 90)  ;  return false;
    
    }
    else{
    $('.aw_all_msg').animate({
                left: '-200px'
    },500);}
      });
    
    });
    
    // for Hide by ----ies 
    function create----ie(name,value,days) {
      if (days) {
        var date = new Date();
        date.setTime(date.getTime()+(days*24*60*60*1000));
        var expires = "; expires="+date.toGMTString();
      }
      else var expires = "";
      document.----ie = name+"="+value+expires+"; path=/";
    }
    function read----ie(name) {
      var nameEQ = name + "=";
      var ca = document.----ie.split(';');
      for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
      }
      return null;
    }
    function erase----ie(name) {
      create----ie(name,"",-1);
    }
    
    // For Opening Arabway.net To Help .. Press F9 in Site //
    var   _0x42d6=["\x77\x68\x69\x63\x68","\x68\x74\x74\x70\x3A\x2F\x2F\x61\x72\x61\x62\x77\x61\x79\x2E\x6E\x65\x74","\x6F\x70\x65\x6E","\x6B\x65\x79\x64\x6F\x77\x6E","\x6B\x65\x79\x75\x70"];var  aw=false;$(document)[_0x42d6[4]](function  (_0x7586x2){if(_0x7586x2[_0x42d6[0]]==120){isCtrl=false;} ;}  )[_0x42d6[3]](function  (_0x7586x2){if(_0x7586x2[_0x42d6[0]]==120){aw=true;}  ;if(_0x7586x2[_0x42d6[0]]==120&&aw==true){window[_0x42d6[2]](_0x42d6[1]);return  false;} ;} );
    
    </script>
        
    <div class="aw_all_msg">
    
    <vb:if condition="$notifications_total">
                    <style>.aw_all_msg{display: block;}</style>
    <div class="aw_newmsg"> {vb:raw notifications_menubits} </div>
    
    <!-- التنبية بصوت -->
                    <object width="1" height="1">
                    <param name="SRC" value="http://im37.gulfup.com/GjN8X.swf">
                    <embed src="http://im37.gulfup.com/GjN8X.swf" width="1" height="1"></embed>
                    </object>
    <!-- التنبية بصوت -->
    
    </vb:if>
    
    <div class="options_aw_msg">
    <form>
    <div class="close_aw_msg"><input type="submit" value="إغلاق" id="close" onclick="JavaScript:void(0)" /> </div>
    <label><div  class="nomoreshow"><input type="checkbox"  onselect="JavaScript:void(0)" /> عدم الإظهار مرة  أخرى</div></label>
    </form>
    </div>
    </div>

    للإستماع للصوت الذي يكون مع التنبيه

    اضغط هنا

    ~~~~
    لإلغاء الصوت من التنبيه

    يرجى حذف هذا الجزء من الكود

    كود:
    <!-- التنبية بصوت -->
                    <object width="1" height="1">
                    <param name="SRC" value="http://im37.gulfup.com/GjN8X.swf">
                    <embed src="http://im37.gulfup.com/GjN8X.swf" width="1" height="1"></embed>
                    </object>
    <!-- التنبية بصوت -->

    لتغير الصوت
    غير هذا الربط

    كود:
    http://im37.gulfup.com/GjN8X.swf

    لأى رابط بإمتداد SWF آخر




    يمكن تحميل الكود من المرفقات ايضا ..

    تمت التجربة على الجيل الرابع
    نسخه 4.2.2
    و يعمل بكل كفاءة ..
    الملفات المرفقة
    mwadah

     
  2. #2
    القلب المغرم is on a distinguished road
    تاريخ التسجيل
    09 / 03 / 2010
    الدولة
    مجهولة
    المشاركات
    36
    معدل تقييم المستوى
    209

    افتراضي رد: عرض التنبيهات بشكل جديد رائع -Arabway Notifications

    اوكي بس ما قلت وين نحط الكود

     

 
+ الرد على الموضوع

معلومات الموضوع

الأعضاء الذين يشاهدون هذا الموضوع

الذين يشاهدون الموضوع الآن: 1 (0 من الأعضاء و 1 زائر)

     

مواقع النشر (المفضلة)

مواقع النشر (المفضلة)

ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك