
في هذه النسخة سأوجهك لإنشاء نافذة نصية تحذيرية عندما ينقر المستخدمون بزر الماوس الأيمن على الصفحة. حيلة رائعة اليس كذلك؟ للحصول على صورة أفضل، شاهد بالمعاينة العرض التوضيحي!
1. سجل الدخول إلى مدونتك
2. المظهر >> تعديل HTML
3. ابحث عن ]]></b:skin> ثم ضع الكود التالي فوقه
ul.contextMenu {
background: #fff;
text-align: center;
margin: 0;
padding: 10px 20px;
border-radius: 100px;
color: #ff6460;
box-shadow: 0 0 70px rgba(0, 0, 0, .25);
font-family: "Roboto Condensed", sans-serif;
font-weight: 700;
font-size: 24px;
z-index: 999999;
position: fixed;
top: 50%!important;
left: 50%!important;
transform: translate(-50%, -50%);
pointer-events: none
}
4.اضف هذا الكود فوق </body><ul class='contextMenu' hidden='1'>STOP 💣</ul>
<script type='text/javascript'>
// Right click AR1WEB
$(document).bind("contextmenu", function(event) {
event.preventDefault();
$("ul.contextMenu")
.show();
});
$(document).click(function() {
isHovered = $("ul.contextMenu").is(":hover");
if (isHovered == false){
$("ul.contextMenu").fadeOut(100);
}
});
</script>
* يمكنك اضافة اي رسالة بدل STOP 💣