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

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


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

طلب كود

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

طلب كود

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

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


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

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

avatar
~WaLeD~
 
 

ذكر
عدد المساهمات : 496
معدل النشاط : 1878
السُمعة : 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
محمد كركوك العراقي
 
 

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

http://norton.forumarabia.com

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

رد: طلب كود

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

شكرا
avatar
~WaLeD~
 
 

ذكر
عدد المساهمات : 496
معدل النشاط : 1878
السُمعة : 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
احلى إدارة
احلى إدارة

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

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

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


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