اريد كود لوضع زر الرجوع لاعلى الصفحة انسيابى

HAMSAHAQ كتب:تفضل اخي الكود

كود وضع أزرار تمرير للمنتدى [ أعلى - أسفل ]

ayman018 كتب:

HAMSAHAQ كتب:تفضل اخي الكود

كود وضع أزرار تمرير للمنتدى [ أعلى - أسفل ]

كود فاشل بمعنى الكلمة

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

وعند النزول لاسف ينزل درجة واحده من اعلى "اى ان كنت اسفل واريد النزول لاسفل" يطلعنى لفوق خالص وينزل درجة واحدة لاسفل " لآ الى اسفل الصفحة

HAMSAHAQ كتب:

ayman018 كتب:

HAMSAHAQ كتب:تفضل اخي الكود

كود وضع أزرار تمرير للمنتدى [ أعلى - أسفل ]

كود فاشل بمعنى الكلمة

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

وعند النزول لاسف ينزل درجة واحده من اعلى "اى ان كنت اسفل واريد النزول لاسفل" يطلعنى لفوق خالص وينزل درجة واحدة لاسفل " لآ الى اسفل الصفحة

هذا هو الموجود في منتدى الدعم فلماذا هذا  والتهكم  على اكواد الدعم او علي

 فان كنت تريد كود او شكل غيره فيمكنك البحث في غوغل لتجد طلبك 

الكود:

  <script src="http://www.java.yourcolor.net/wp-content/themes/yourcolor/head/js/search/classie.js"></script>    <script src="http://www.java.yourcolor.net/wp-content/themes/yourcolor/head/js/search/uisearch.js"></script>    <script>
        new UISearch( document.getElementById( 'sb-search' ) );
    </script>    <script src="http://www.java.yourcolor.net/wp-content/plugins/akismet/_inc/form.js?ver=3.0.2" type="text/javascript"></script>       
<div class="scrollup">
</div>
   

HAMSAHAQ كتب:تفضل الكود  ولكن لا يعمل على منتدياتنا 

الكود:

  <script src="http://www.java.yourcolor.net/wp-content/themes/yourcolor/head/js/search/classie.js"></script>    <script src="http://www.java.yourcolor.net/wp-content/themes/yourcolor/head/js/search/uisearch.js"></script>    <script>
        new UISearch( document.getElementById( 'sb-search' ) );
    </script>     <script src="http://www.java.yourcolor.net/wp-content/plugins/akismet/_inc/form.js?ver=3.0.2" type="text/javascript"></script>        
<div class="scrollup">
</div>
    

دعم مشاكل التومبلايت و الأكواد

{Lone~Wolf} كتب:عزيزي أيمن, إن كان لك سؤال او طلب في كود فالمرجوا دائمآ وضعه بقسم:

دعم مشاكل التومبلايت و الأكواد

لتلقى ردود أكثر... تم النقل

الكود:



    <div
     id="backtotop"> <img  
    src="http://i49.servimg.com/u/f49/16/89/40/74/icon_t10.png"  alt="Back
    to Top"/></div>

    <style>
    #backtotop {
        bottom: 30px;    color: #FFFFFF;    cursor: pointer;    display: none;    font-size: 14px;
        opacity: 0.6;    padding: 1px;     position: fixed;    text-align: center;    z-index: 900;
        right: 5px;  background-color : #000;  border-radius : 8px;  -webkit-border-radius : 8px;
      -moz-border-radius : 8px;}
    #backtotop:hover {
      opacity  : 0.9;}
    </style>



الكود:

$(function() {
      $(window).scroll(function() {
          if($(this).scrollTop() != 0) {
            $('#backtotop').fadeIn();
          } else {
            $('#backtotop').fadeOut();
          }
      });
    
      $('#backtotop').click(function() {
          $('body,html').animate({scrollTop:0},1500);
      });
    });

SaLEm Hen!CHE كتب:مرحبا,
بعد إذن الاخت
تفضل أخي هذا زر الرجوع الى اعلى الصفحة بتقنية الجافا سكربت+ html
كود HTML يوضع في اي مكان ولمنتديات احلى منتدى يوضع في العناصر المستقلة او في قالب الفوتر او التشكيلات العامة
أو الاعلانات الخاصة

الكود:



    <div
     id="backtotop"> <img  
    src="http://i49.servimg.com/u/f49/16/89/40/74/icon_t10.png"  alt="Back
    to Top"/></div>

    <style>
    #backtotop {
        bottom: 30px;    color: #FFFFFF;    cursor: pointer;    display: none;    font-size: 14px;
        opacity: 0.6;    padding: 1px;     position: fixed;    text-align: center;    z-index: 900;
        right: 5px;  background-color : #000;  border-radius : 8px;  -webkit-border-radius : 8px;
      -moz-border-radius : 8px;}
    #backtotop:hover {
      opacity  : 0.9;}
    </style>



Javascript يوضع في صفحات الJavascript ويلجميع الصفحات

الكود:

$(function() {
      $(window).scroll(function() {
          if($(this).scrollTop() != 0) {
            $('#backtotop').fadeIn();
          } else {
            $('#backtotop').fadeOut();
          }
      });
    
      $('#backtotop').click(function() {
          $('body,html').animate({scrollTop:0},1500);
      });
    });

ملاحظة : إذا أردته ان يصبح أكثر أنسيابية ما عليك سوى التعديل على القيمة 1500 الموجود في كود الجافا

الكود:

        
        
            <div
             id="backtotop"> <img  
            src="http://i49.servimg.com/u/f49/16/89/40/74/icon_t10.png"  alt="Back
            to Top"/></div>
        
            <style>
            #backtotop {
                bottom: 30px;    color: #FFFFFF;    cursor: pointer;    display: none;    font-size: 14px;
                opacity: 0.6;    padding: 1px;     position: fixed;    text-align: center;    z-index: 900;
                right: 5px;  background-color : #000;  border-radius : 8px;  -webkit-border-radius : 8px;
              -moz-border-radius : 8px;}
            #backtotop:hover {
              opacity  : 0.9;}
            </style>
        

الكود:

        $(function() {
              $(window).scroll(function() {
                  if($(this).scrollTop() != 0) {
                    $('#backtotop').fadeIn();
                  } else {
                    $('#backtotop').fadeOut();
                  }
              });
            
              $('#backtotop').click(function() {
                  $('body,html').animate({scrollTop:0},1500);
              });
            });