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

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


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

ممكن هالكود !

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

ممكن هالكود !

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

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

انثى
عدد المساهمات : 104
معدل النشاط : 1518
السُمعة : 0

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

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

مُساهمة من طرف 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>')});

يمكنك تغيير زر الصعود والنزول من الكود عن طريق الروابط التاليه
- 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
احلى إدارة
احلى إدارة

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

https://www.egylive.org/

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

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

مُساهمة من طرف فالكون في الأحد 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 -->

بالتوفيق

avatar
فالكون
 
 

ذكر
عدد المساهمات : 222
معدل النشاط : 1903
السُمعة : 7

http://havoc.sephorum.com

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

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


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