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

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

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

ممكن هالكود !

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

ممكن هالكود !

مُساهمة من طرف lmooosh4477 في الأحد 29 يونيو 2014 - 3:11

االسلآم عليكم
ممكن كود السهم في مثل هذا المنتدى
آنزلو ف آخررر شششيء !
تلقون ع جنب اليمين سهم لم اضغط عليه يرقيني فوق ف البدآيه
ممكن هآلكود ؟
مآبغآه يكون تومبيلآت ابي ورقة css او جآفآ سكريبت

lmooosh4477
 
 

انثى
عدد المساهمات : 104
معدل النشاط : 1233

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

رد: ممكن هالكود !

مُساهمة من طرف Mohamed Nsr في الأحد 29 يونيو 2014 - 7:03

مرحبا اختي 
هنا كودين 
تفضلي الاول:كود وضع أزرار تمرير للمنتدى [ أعلى - أسفل ]
وتفضلي الثاني:
@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

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

رد: ممكن هالكود !

مُساهمة من طرف فالكون في الأحد 29 يونيو 2014 - 8:14

بعد اذن الاخ المساعد هذا الكود الذي تريدينه
ضعي هذا في جافا سكريبت
الرمز:
$(function() {
  $(window).scroll(function() {
      if($(this).scrollTop() != 0) {
        $('#backtotop').fadeIn();
      } else {
        $('#backtotop').fadeOut();
      }
  });
 
  $('#backtotop').click(function() {
      $('body,html').animate({scrollTop:0},800);
  });
});

وهذا في اي مكان يقبل الهتمل مثل العناصر المستقلة
الرمز:
<!--  www.4egy.net -->
<div id="backtotop"> <img  src="http://i49.servimg.com/u/f49/16/89/40/74/icon_t10.png"  al=t"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>
<!--  code by Mohamed & Ahmed abd Elfatah -->

بالتوفيق


فالكون
 
 

ذكر
عدد المساهمات : 222
معدل النشاط : 1618

http://havoc.sephorum.com

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

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


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