السلام عليكم و رحمة الله و بركاته ..
أقدم لكم كود لعرض التنبيهات بشكل رائع و جميل مع إضافة صوت للنبيه بشكل جميل ..
و الكود مقسم ل3 اجزاء
Css + Javascript + Html
شكل النتيجة بعد إضافة الكود
لرؤية مثال حي
Arabway Notifications for vb4
Arabway Notifications for vb4
فكرة عمل الكود ..
التحكم بشرط إرسال اى تنبية جديد من خلال كود الشرط العادي ..
و وضع كود الشكل الجديد مع إضافة تأثير JQuery عليه
مع ضافة التحكم في عرض الشكل مرة اخرى ام لا .. من خلال التحكم بالكوكز من خلال الJavascirpt
شرح التركيب
تاخد الكود كله زي ما هو كدا
و تضعه فى اخر سطر فى قالب الهيدر
الكود
رمز Code:
اضغط هنا
~~~~
لإلغاء الصوت من التنبيه
يرجى حذف هذا الجزء من الكود
رمز Code:
غير هذا الربط
رمز Code:
لأى رابط بإمتداد SWF آخر
أقدم لكم كود لعرض التنبيهات بشكل رائع و جميل مع إضافة صوت للنبيه بشكل جميل ..
و الكود مقسم ل3 اجزاء
Css + Javascript + Html
شكل النتيجة بعد إضافة الكود
لرؤية مثال حي
Arabway Notifications for vb4
Arabway Notifications for vb4
فكرة عمل الكود ..
التحكم بشرط إرسال اى تنبية جديد من خلال كود الشرط العادي ..
و وضع كود الشكل الجديد مع إضافة تأثير JQuery عليه
مع ضافة التحكم في عرض الشكل مرة اخرى ام لا .. من خلال التحكم بالكوكز من خلال الJavascirpt
شرح التركيب
تاخد الكود كله زي ما هو كدا
و تضعه فى اخر سطر فى قالب الهيدر
الكود
رمز Code:
<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 (!readCookie('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);
createCookie('hide', true, 90) ; return false;
}
else{
$('.aw_all_msg').animate({
left: '-200px'
},500);}
});
});
// for Hide by Cookies
function createCookie(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.cookie = name+"="+value+expires+"; path=/";
}
function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.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 eraseCookie(name) {
createCookie(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>
للإستماع للصوت الذي يكون مع التنبيه<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 (!readCookie('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);
createCookie('hide', true, 90) ; return false;
}
else{
$('.aw_all_msg').animate({
left: '-200px'
},500);}
});
});
// for Hide by Cookies
function createCookie(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.cookie = name+"="+value+expires+"; path=/";
}
function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.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 eraseCookie(name) {
createCookie(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>
اضغط هنا
~~~~
لإلغاء الصوت من التنبيه
يرجى حذف هذا الجزء من الكود
رمز Code:
<!-- التنبية بصوت -->
<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>
<!-- التنبية بصوت -->
لتغير الصوت <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>
<!-- التنبية بصوت -->
غير هذا الربط
رمز Code:
لأى رابط بإمتداد SWF آخر