منتديات تقنيات
يسعدنا تسجيلكم بالمنتدى اهلا بكم


كود الصعود للاعلى بشكل احترافي جديد

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

كود الصعود للاعلى بشكل احترافي جديد

مُساهمة من طرف JAR7 في 10/10/16, 11:09 pm

كود الصعود للاعلى بشكل احترافي جديد
السلام عليكم ورحمة الله وبركاته
اسعد الله اوقاتكم بكل خير
اقدم لكم كود زر الصعود اعلى منتدى بشكل احترافي
مثل ماهو متواجد بتقنيات
الكود وطريقة تركيبه
تذهب الى . لوحة الادارة. مظهر المنتدى. قوالب التومبلايت. ادارة عامة. قالب Footer_begin
وتضيف باول القالب الكود الاتي

الرمز:

<a href="#" id="go_top"></a>
<script>
(funcion(){
    $('#go_top').click(function(){
        $('body,html').animate({scrollTop:0},400);
        return false;
    })
})(jQuery)
$(window).scroll(function(){
    if( $(window).scrollTop() == 0 ) {
        $('#go_top').stop(false,true).fadeOut(600);
    }else{
        $('#go_top').stop(false,true).fadeIn(600);
    }
});
</script>
<style>
  #go_top{
    display:block;
    width:31px;
    height:31px;
    position:fixed;
    background-color:#2ccaae;
    bottom:15px;
    right:15px;
}
/*-- tạo mũi tên --*/
#go_top:before{
    content:"";
    position:Absolute;
    width:0;
    height:0;
    border:11px solid transparent;
    border-bottom:11px solid white;
    left:5px;
    top:-8px;
}
#go_top:after{
    content:"";
    position:Absolute;
    width:10px;
    height:17px;
    background-color:white;
    left:11px;
    top:14px;
}
</style>


ثم سجل ونشر
ومبروك عليك الكود



JAR7
مؤسس المنتدى


الجنس : انثى
عدد المساهمات : 2197
التقييم : 285
تاريخ التسجيل : 05/01/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو http://www.t3qnyiat.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود الصعود للاعلى بشكل احترافي جديد

مُساهمة من طرف YaSsInE BaBLiL في 10/10/16, 11:35 pm

جميل اختي جوري
أبدعتي بارك الله فيك

تم التقيييييييييييم

YaSsInE BaBLiL
عضو نشيط


عدد المساهمات : 65
التقييم : 7
تاريخ التسجيل : 27/02/2016

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود الصعود للاعلى بشكل احترافي جديد

مُساهمة من طرف walid dz في 14/10/16, 03:45 pm

متميزك كعاتدك شكرااااااااااا

walid dz
عضو نشيط


الجنس : ذكر
عدد المساهمات : 90
التقييم : 20
تاريخ التسجيل : 11/04/2016

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: كود الصعود للاعلى بشكل احترافي جديد

مُساهمة من طرف schoolel7ob في 14/10/16, 03:55 pm

تسلم ايدك على الكود الروعه

schoolel7ob
عضو نشيط


الجنس : ذكر
عدد المساهمات : 33
التقييم : 26
تاريخ التسجيل : 05/03/2016
اوسمتي : :1:0:0

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

إنشاء حساب أو تسجيل الدخول لتستطيع الرد

تحتاج إلى أن يكون عضوا لتستطيع الرد.

انشئ حساب

يمكنك الانضمام لمنتديات تقنيات فعملية التسجيل سهله !


انشاء حساب جديد

تسجيل الدخول

اذا كنت مسجل معنا فيمكنك الدخول بالضغط هنا


تسجيل الدخول

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى