منتدى جلاكسو

غير متصل صلاح دويدار

  • الموظفين
  • *******
  • المشاركات :1,818
  • عضويه: 29486
  • تاريخ التسجيل : 08/05/2013 » 03:42:am
شرح اضافة زر اذهب لاعلى الصفحه
 (شوهد 1272 مرات)
« : 25/03/2015 » 03:52:am »
ابحث داخل الملف header.php عن التالى

اقتباس
<?php wp_head(); ?>

اضف اسفل منه الكود التالى

اقتباس
<style type="text/css">
a.go-top{display: none;position:fixed;right:10px;bottom:10px;cursor: pointer;z-index: 99;padding: 5px 10px;background: #eee;text-decoration: none;}a.go-top:hover{background: #333;color: #fff;}
</style>
<script type="text/j a v a s c r i p t" >
jQuery().ready(function(){
   jQuery( window ).bind("scroll",function(){
     if(jQuery(window).scrollTop() > 170){
        jQuery(".go-top").show();
   }
     else
       jQuery(".go-top").****();
   });
});
</script>

احذف المسافات بين حروف كلمة j a v a s c r i p t فى الكود السابق
في الكود اعلاه تشاهد باللون الاحمر رقم 170
وهذا الرقم يوضح " مسافة النزول " التي يكون خلالها زر العودة للاعلى مخفى ايضا تعديل اللون لما يناسب مظهر القالب

لاكمال اضهار الزر ايضا في نفس الملف نبحث عن

اقتباس
<body

وتجدها اسفل الكود الذي وضعناه سابقا اسفل منها نضع التالى مع تحرير العبارة بالاحمر لما ينسبك

اقتباس
<a href="#page" id="goTop" class="go-top">Go to Top</a>
NoAvatar

غير متصل محسن الزواتى

  • عضو
  • *
  • المشاركات :81
  • عضويه: 30953
  • تاريخ التسجيل : 19/09/2014 » 01:48:pm
رد : شرح اضافة زر اذهب لاعلى الصفحه
 (شوهد 1272 مرات)
« رد #1 : 19/04/2015 » 11:53:am »
معاك هتبقى المدونه اجميل مدونه يافنان
سجل
NoAvatar

غير متصل مدمن مواقع

  • عضو مهتم
  • **
  • المشاركات :321
  • عضويه: 31970
  • تاريخ التسجيل : 22/08/2016 » 01:49:am
رد: شرح اضافة زر اذهب لاعلى الصفحه
 (شوهد 1272 مرات)
« رد #2 : 22/08/2016 » 03:06:am »
دائما موضوعاتك ذات قيمة ونفع وفائدة
شكري وتقديري لك لما تقدمه لنا
سجل