طلب كود

2 مشترك

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

طلب كود  Empty طلب كود

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

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


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

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

طلب كود  GsKEhV
~WaLeD~
~WaLeD~
 
 

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

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

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

طلب كود  Empty رد: طلب كود

مُساهمة من طرف زائر السبت 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);
  });
});

Anonymous
زائر
زائر


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

طلب كود  Empty رد: طلب كود

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

شكرا
~WaLeD~
~WaLeD~
 
 

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

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

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

طلب كود  Empty رد: طلب كود

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

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



اولا صورة للكود:
طلب كود  Mohame17



ثانيا طريقة وضع الكود
*اولا:لوحة الاداره>>عناصر إضافية>>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>')});

يمكنك تغيير زر الصعود والنزول من الكود عن طريق الروابط التاليه
- https://i.servimg.com/u/f42/09/02/12/09/sort_u10.png
- https://i.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
فريق المساعدة
طلب كود  Help_r10
تحياتي
 طلب كود  221706 
يغلق لاتمام الحل



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


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

ذكر
عدد المساهمات : 11351
معدل النشاط : 15992
السُمعة : 454

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

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


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