منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.

انشاء منتدى مجاني شبيه بهذا المنتدى

طلب كود

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

طلب كود

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

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


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

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


~WaLeD~
 
 

ذكر
عدد المساهمات : 490
معدل النشاط : 1640

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);
  });
});


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

ذكر
عدد المساهمات : 985
معدل النشاط : 3192

http://norton.forumarabia.com

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

رد: طلب كود

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

شكرا

~WaLeD~
 
 

ذكر
عدد المساهمات : 490
معدل النشاط : 1640

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>')});

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

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

Mohamed Nsr
أحلى إشراف
أحلى  إشراف

ذكر
عدد المساهمات : 12979
معدل النشاط : 12457

http://help.ahlamontada.com/forum

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

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


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