طلب كود

اذهب الى الأسفل

طلب كود

مُساهمة من طرف ~WaLeD~ في السبت 9 أغسطس 2014 - 23:42

السلام عليكم ورحمة الله وبركاته


انا اريد كود الي اعلي الصفحة

صوره للمعاينة

avatar
~WaLeD~
 
 

ذكر
عدد المساهمات : 496
معدل النشاط : 2189
السُمعة : 6

http://www.des-org.net/

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

رد: طلب كود

مُساهمة من طرف محمد كركوك العراقي في السبت 9 أغسطس 2014 - 23:51

اهلا اخي تفضل
هذا الكود 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



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

avatar
محمد كركوك العراقي
 
 

ذكر
عدد المساهمات : 1049
معدل النشاط : 3831
السُمعة : 16

http://norton.forumarabia.com

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

رد: طلب كود

مُساهمة من طرف ~WaLeD~ في الأحد 10 أغسطس 2014 - 0:03

شكرا
avatar
~WaLeD~
 
 

ذكر
عدد المساهمات : 496
معدل النشاط : 2189
السُمعة : 6

http://www.des-org.net/

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

رد: طلب كود

مُساهمة من طرف Mohamed Nsr في الأحد 10 أغسطس 2014 - 2:25

وللاضافه ايضا
@Mohamed Nsr كتب:
بسم الله الرحمن الرحيم 
السلام عليكم اخواني واخواتي
اقدم اليوم اليكم كود جميل الا وهو كود الصعود والنزول في المنتدى



اولا صورة للكود:




ثانيا طريقة وضع الكود
*اولا:لوحة الاداره>>عناصر إضافية>>HTML و JAVASCRIPT>>إدارة أكواد Javascript>>انشاء كود جديد
العنوان * :كود الصعود والنزول في المنتدى(او حسب ما تريد)
أضف الكود الى :جميع الصفحات
كود Javascript * :

الكود:
$(function(){$("body").append('<div class="updownbutton"><a href="#top"><img src="http://i42.servimg.com/u/f42/09/02/12/09/sort_u10.png" alt="Go to top" /></a> <a href="#bottom"><img src="http://i42.servimg.com/u/f42/09/02/12/09/sort_d10.png" alt="Go to bottom" /></a></div>')});

يمكنك تغيير زر الصعود والنزول من الكود عن طريق الروابط التاليه
- http://i42.servimg.com/u/f42/09/02/12/09/sort_u10.png
- http://i42.servimg.com/u/f42/09/02/12/09/sort_d10.png

*ثانيا:لوحة الاداره>>مظهر المنتدى>>الصور والالوان>>الالوان>>ورقة تصميم ال css >>ضع الكود >>سجل

الكود:
.updownbutton {
  position:fixed;
  bottom:40px;
  right:10px; /* replace right with left to display the buttons on the left */
  z-index:100;
}



منقول للافادة
وبهذا نكون انتهينا من شرح الكود التالي
بالتوفيق ليكم
MoHaMeD NsR
فريق المساعدة

تحياتي
  
يغلق لاتمام الحل




 أدوات الصيانة لأحلى المنتديات / طريقة طلب كلمة سر/ قائمة بكل مواضيع الاســئلة الشائعة
--------------------------------------------------
 تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
 لا يتم المساعدة على الخاص! 


avatar
Mohamed Nsr
احلى إدارة
احلى إدارة

ذكر
عدد المساهمات : 13574
معدل النشاط : 13300
السُمعة : 452

https://www.egylive.org/

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

الرجوع الى أعلى الصفحة


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