المتميز للمعلوميات المتميز للمعلوميات
اخبار

آخر الأخبار

اخبار
حصريات
جاري التحميل ...

أضافة زر صعود الى أعلى لمدونات بلوجر & wordpress



زر الصعود الى اعلى من الاضافات المهمة لجميع المدونات واليوم احضرتها لكم بتقنية css&jquery
تمتاز هذه الاضافة بخفتها وسرعتها اي انها ستكون خفيفه في مدونتك ولن تجعل قالب مدونتك ثقيل وسوف تسهل على زائر ان كان محتوى مدونتك كثير لن اطيل عليكم ندخل الى شرح طريقة أضافتها
لمعاينة حية للاضافة
شرح طريقة تركيب الاداة 
1 - أبحث داخل القالب بأستعمال Ctrl+F عن</head> وضع الكود التالي قبلة او فوقه
كود:
<style>
.crunchify-top:hover {
 color: #fff !important;
 background-color: #ed702b;
 text-decoration: none;
}
 
.crunchify-top {
 display: none;
 position: fixed;
 bottom: 1rem;
 right: 1rem;
 width: 3.2rem;
 height: 3.2rem;
 line-height: 3.2rem;
 font-size: 1.4rem;
 color: #fff;
 background-color: rgba(0,0,0,0.3);
 text-decoration: none;
 border-radius: 3.2rem;
 text-align: center;
 cursor: pointer;
}
<style/>
2 - ابحث عن الوسم </body> واضف قبلة او فوقه الكود التالي 
كود:
<!--  Crunchify's Scroll to Top Script qaisi1web -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
</script>
 
<script>            
 jQuery(document).ready(function() {
  var offset = 220;
  var duration = 500;
  jQuery(window).scroll(function() {
   if (jQuery(this).scrollTop() > offset) {
    jQuery('.crunchify-top').fadeIn(duration);
   } else {
    jQuery('.crunchify-top').fadeOut(duration);
   }
  });
 
  jQuery('.crunchify-top').click(function(event) {
   event.preventDefault();
   jQuery('html, body').animate({scrollTop: 0}, duration);
   return false;
  })
 });
</script>
3 - والان ركز في هذه النقطة لانها النقطه الاهم الكود تالي هو الذي يحدد مكان الزر انا افضل وضعه تحت الوسم </footer> 
كود:
<a href="#" class="crunchify-top">↑</a>

عن الكاتب

المتميز للمعلوميات ، مدون ويوتيوبر جزائري يهتم بكل ماهو جديد بعالم التقنية ويحب مشاركة كل مايعرفه في هذا المجال ومن اهم اهدافه المساهمة في إثراء و تعزيز المحتوى العربي،

التعليقات



إذا أعجبك محتوى مدونتنا نتمنى البقاء على تواصل دائم ، فقط قم بإدخال بريدك الإلكتروني للإشتراك في بريد المدونة السريع ليصلك جديد المدونة أولاً بأول ، كما يمكنك إرسال رساله بالضغط على الزر المجاور ...

إتصل بنا

عن الموقع

مدونة المتميز للمعلوميات عبارة عن مدونة تقنية يوجد مقرها في الجزائر , و قد تم تأسيسها في سنة 2015 من طرف "عبدالرحمان نبق" , و من أهم أهدفها المساهمة في إثراء و تعزيز المحتوى العربي . مدونة المتميز للمعلوميات تهتم بكل ما له علاقة بالحواسيب بمختلف أنواعها (مكتبية أو محمولة أو لوحية) , بالإضافة إلى الهواتف الذكية الاندرويد وحتى ابتكارات الحصرية في العالم العربي

إجمالي مرات مشاهدة الصفحة

جميع الحقوق محفوظة

المتميز للمعلوميات