منتدى جلاكسو

تطوير المواقع والمنتديات وادوات التصميم => ووردبريس WordPress => اضافات ووربريس => الموضوع حرر بواسطة: صلاح دويدار في 25/03/2015 » 03:52:am

العنوان: شرح اضافة زر اذهب لاعلى الصفحه
أرسل بواسطة: صلاح دويدار في 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>
العنوان: رد : شرح اضافة زر اذهب لاعلى الصفحه
أرسل بواسطة: محسن الزواتى في 19/04/2015 » 11:53:am
معاك هتبقى المدونه اجميل مدونه يافنان
العنوان: رد: شرح اضافة زر اذهب لاعلى الصفحه
أرسل بواسطة: مدمن مواقع في 22/08/2016 » 03:06:am
دائما موضوعاتك ذات قيمة ونفع وفائدة
شكري وتقديري لك لما تقدمه لنا