menu
attachment
  • الصفحة الرئيسية
  • الأرشيف
  • لديك مشكلة ؟
notifications
حلولي | مدونة تقنية
bannner1
  • عام
  • _مواضيع عامة
  • _مواقع مفيدة
  • _شروحات
  • _رمزيات
  • _الفديوهات
  • قوقل
  • _قوقل كروم
  • _قوقل بلس
  • _قوقل ادسنس
  • ملحقات
  • _صور
  • _ايقونات
  • _خط عربي
  • _خط اجنبي
  • بلوجر
  • _شروحات بلوجر
  • _إضافات بلوجر
  • التقنية والبرمجة
  • _برامج الأندرويد
  • _برامج الأيفون
  • _برامج كمبيوتر
  • إسلاميات
  • _الكل
  • _القرآن كريم
  • _تواقيع اسلامية
  • _اهات صوتية
    10|recentpost
  • حلولي | مدونة تقنية
  • إضافات بلوجر
  • اضافة الكليك يمين على مدونة البلوجر
حلولي
1

اضافة الكليك يمين على مدونة البلوجر

5/04/2017
share
  • ‏المشاركة في Facebook
  • ‏المشاركة في Twitter
  • ‏المشاركة على Pinterest
  • إرسال بالبريد الإلكتروني
  • كتابة مدونة حول هذه المشاركة
settings_overscan print announcement
اضافة مميزة وجميلة تُضاف للمدونة

اضافة مميزة 
وجميلة تُضاف للمدونة

معاينة الإضافة

طريقة الإضافة
ملاحظة مهمة خذ نسخة إحتياطية للقالب لتفادي المشاكل
اذهب للقالب ثم تحرير HTML
ثم ضيف الكود التالي فوق </body> مع تغيير مايلزم
<div class="menuMsTamvan"><ul> <li><a href="#">هنا أسم</a></li> <li><a href="#">هنا أسم</a></li> <li><a href="#">هنا أسم</a></li> <li><a href="#">هنا أسم</a></li> <li><a href="#">هنا أسم</a></li></ul></div>

ثم اضف الكود التالي فوق <head>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

ثم الخطوة الأخيرة اضف الكود التالي فوق </head>

<!-- CSS --><style type='text/css'>.menuMsTamvan{max-width:250px;color:#fff;position:absolute;z-index:999999;display:none;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);border-radius:3px;overflow:hidden}@media only screen and (max-width:300px){.menuMsTamvan{width:50%}}@media only screen and (min-width:300px){.menuMsTamvan{width:30%}}.menuMsTamvan ul{list-style:none;padding:0;margin:0}.menuMsTamvan ul li{margin:0;padding:0}.menuMsTamvan ul li a{padding:6%;display:block;box-sizing:border-box;text-decoration:none;position:relative;background-color:#F04D44;color:#fff;-webkit-transition:background-color 1000ms linear;-moz-transition:background-color 1000ms linear;-o-transition:background-color 1000ms linear;-ms-transition:background-color 1000ms linear;transition:background-color 1000ms linear}.menuMsTamvan ul li a:hover{background-color:#F7BA4B;color:#444343}</style>
<!-- JavaScript--><script type="text/javascript">$(document).ready(function() {  $("html").on("contextmenu", function(e) {    e.preventDefault();    var menuMsTamvan = $(".menuMsTamvan");    menuMsTamvan.hide();    var pageX = e.pageX;    var pageY = e.pageY;    menuMsTamvan.css({      top: pageY,      left: pageX    });    var mwidth = menuMsTamvan.width();    var mheight = menuMsTamvan.height();    var screenWidth = $(window).width();    var screenHeight = $(window).height();    var scrTop = $(window).scrollTop();    if (pageX + mwidth > screenWidth) {      menuMsTamvan.css({        left: pageX - mwidth      });    }    if (pageY + mheight > screenHeight + scrTop) {      menuMsTamvan.css({        top: pageY - mheight      });    }    menuMsTamvan.show();  });  $("html").on("click", function() {    $(".menuMsTamvan").hide();  });});</script>

ثم اضغط حفظ وشاهد النتيجة
Share This
clear
  • الكاتب حلولي
    حلولي
    مدونة تقنية أنشر كل مايفيد الزائر والمدون .
  • في 5/04/2017
إضافات بلوجر

add_comment إرسال تعليق

  1. Mohamed Guevara2/10/2018 12:43:00 ص

    لم يعمل عندي
    رابط موقعي : www.great-hero-tech.com

    ردحذف
    الردود
      رد
إضافة تعليق
تحميل المزيد...

المتابعون

الأقسام

  • إسلاميات (70)
  • إضافات بلوجر (108)
  • الانستقرام (13)
  • القرآن كريم (7)
  • اهات صوتية (9)
  • ايقونات (18)
  • برامج الأندرويد (45)
  • برامج الأيفون (23)
  • برامج كمبيوتر (18)
  • برودكاست (2)
  • تواقيع اسلامية (18)
  • تويتر (22)
  • حصرى (14)
  • خط اجنبي (36)
  • خط عربي (24)
  • رمزيات (20)
  • شروحات (151)
  • شروحات بلوجر (44)
  • صور (47)
  • فديو (8)
  • فيس بوك (19)
  • قوالب بلوجر (51)
  • قوقل (1)
  • قوقل ادسنس (1)
  • قوقل بلس (11)
  • قوقل كروم (21)
  • كتب (3)
  • مسابقات (2)
  • مميز (3)
  • مواضيع عامة (11)
  • مواقع مفيدة (86)
  • نصائح (2)
  • يوتيوب (45)

من أنا

صورتي
حلولي
عرض الملف الشخصي الكامل الخاص بي

الأكثر زيارة

  • احصل على رابط قروب الواتس اب بطريقة مختصرة
    الأن تستطيع الحصول على رابط
  • طرق عديدة لتحميل مقاطع اليوتيوب فديو او صوت
    اكثر من طريقة لتحميل مقاطع اليوتيوب بدون برامج
  • خلفيات يوتيوب اسلامية 2015
    خلفيات يوتيوب اسلامية 2015 18 خلفية للتحميل | Download   نعتذر من المصممين لتعديل بعض الصور .
  • تواقيع اسلامية بشكل جذاب ورائع
    تواقيع اسلامية بشكل جذاب ورائع
  • مسابقة لربح دومين com لمدة سنة كاملة - انتهت المسابقة
    مسابقة لربح دومين com لمدة سنة كاملة
bannner1

مواقع ندعمها

  • _بلوجر كود
  • ضع موقعك هنا
  • ضع موقعك هنا
  • ضع موقعك هنا
  • #ضع موقعك هنا
  • #ضع موقعك هنا
  • #ضع موقعك هنا
  • facebook
  • youtube
  • twitter
  • pinterest
attachment
  • الصفحة الرئيسية
  • إتفاقية الإستخدام
  • facebook
  • youtube
  • twitter
  • pinterest
عن الموقع حلولي | مدونة تقنية

مدونة تقنية أنشر كل مايفيد الزائر والمدون .

  1. facebook
  2. youtube
  3. twitter
  4. pinterest

روابط مفيدة

  • ضع نص قابل للنقر هنا
  • ضع نص قابل للنقر هنا
  • ضع نص قابل للنقر هنا
  • ضع نص قابل للنقر هنا

أقسام الموقع

إسلاميات (70) إضافات بلوجر (108) الانستقرام (13) القرآن كريم (7) اهات صوتية (9) ايقونات (18) برامج الأندرويد (45) برامج الأيفون (23) برامج كمبيوتر (18) برودكاست (2) تواقيع اسلامية (18) تويتر (22) حصرى (14) خط اجنبي (36) خط عربي (24) رمزيات (20) شروحات (151) شروحات بلوجر (44) صور (47) فديو (8) فيس بوك (19) قوالب بلوجر (51) قوقل (1) قوقل ادسنس (1) قوقل بلس (11) قوقل كروم (21) كتب (3) مسابقات (2) مميز (3) مواضيع عامة (11) مواقع مفيدة (86) نصائح (2) يوتيوب (45)
clear
clear

  • facebook
  • youtube
  • twitter
  • pinterest
حلولي | مدونة تقنية