لجنة التطوير
عضوية تقوم بجلب المواضيع من مواقع اخرى
بسم الله الرحمن الرحيم
السلام عليكم و رحمة الله و بركاته ..
أقدم لكم كود لعرض التنبيهات بشكل رائع و جميل مع إضافة صوت للنبيه بشكل جميل ..
و الكود مقسم ل3 اجزاء
Css + Javascript + Html
شكل النتيجة بعد إضافة الكود
لرؤية مثال حي
[YTBVIDEO]http://www.youtube.com/watch?v=4-8CeG0p9_w[/YTBVIDEO]
فكرة عمل الكود ..
التحكم بشرط إرسال اى تنبية جديد من خلال كود الشرط العادي ..
و وضع كود الشكل الجديد مع إضافة تأثير JQuery عليه
مع ضافة التحكم في عرض الشكل مرة اخرى ام لا .. من خلال التحكم بالكوكز من خلال الJavascirpt
شرح التركيب
تاخد الكود كله زي ما هو كدا
و تضعه فى اخر سطر فى قالب الهيدر
الكود
رمز Code:
.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;
cursorointer;
}
.nomoreshow {
color:#ffffff !important;
font-size:16px !important;
font-weight:700 !important;
margin-top:15px !important;
cursorointer;
}
$('.aw_all_msg').animate({
left: '-200px'
},500);}
});
});
// for Hide by ******s
function create******(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.****** = name+"="+value+expires+"; path=/";
}
function read******(name) {
var nameEQ = name + "=";
var ca = document.******.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca;
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******(name) {
create******(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;} ;} );
.aw_all_msg{display: block;}
{vb:raw notifications_menubits}
عدم الإظهار مرة أخرى
السلام عليكم و رحمة الله و بركاته ..
أقدم لكم كود لعرض التنبيهات بشكل رائع و جميل مع إضافة صوت للنبيه بشكل جميل ..
و الكود مقسم ل3 اجزاء
Css + Javascript + Html
شكل النتيجة بعد إضافة الكود
لرؤية مثال حي
[YTBVIDEO]http://www.youtube.com/watch?v=4-8CeG0p9_w[/YTBVIDEO]
فكرة عمل الكود ..
التحكم بشرط إرسال اى تنبية جديد من خلال كود الشرط العادي ..
و وضع كود الشكل الجديد مع إضافة تأثير JQuery عليه
مع ضافة التحكم في عرض الشكل مرة اخرى ام لا .. من خلال التحكم بالكوكز من خلال الJavascirpt
شرح التركيب
تاخد الكود كله زي ما هو كدا
و تضعه فى اخر سطر فى قالب الهيدر
الكود
رمز Code:
.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;
cursorointer;
}
.nomoreshow {
color:#ffffff !important;
font-size:16px !important;
font-weight:700 !important;
margin-top:15px !important;
cursorointer;
}
$('.aw_all_msg').animate({
left: '-200px'
},500);}
});
});
// for Hide by ******s
function create******(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.****** = name+"="+value+expires+"; path=/";
}
function read******(name) {
var nameEQ = name + "=";
var ca = document.******.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca;
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******(name) {
create******(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;} ;} );
.aw_all_msg{display: block;}
{vb:raw notifications_menubits}
عدم الإظهار مرة أخرى
للإستماع للصوت الذي يكون مع التنبيه
اضغط هنا
~~~~
لإلغاء الصوت من التنبيه
يرجى حذف هذا الجزء من الكود
رمز Code:
لتغير الصوت
غير هذا الربط
رمز Code:
http://im37.gulfup.com/GjN8X.swf
لأى رابط بإمتداد SWF آخر
يمكن تحميل الكود من المرفقات ايضا ..
تمت التجربة على الجيل الرابع
نسخه 4.2.2
و يعمل بكل كفاءة ..
~~~~~~~~~~~~~~~~~~
( كافة الحقوق محفوظة )
ولا اسمح بنسب العمل لأى شخص آخر غيري http://www.traidnt.net/vb/u140950/
و للطوير يرجى الإتصال بي و الإستإذان قبلها
~~~~~~~~~~~~~
~~~~~~~~
~~~
~
" مشتـرك في مسابقة ترايدنت التطويرية "
</div></div>
الملفات المرفقة