ممكن هالكود ! Hitskin_logo Hitskin.com

هذه مُجرَّد مُعاينة لتصميم تم اختياره من موقع Hitskin.com
تنصيب التصميم في منتداكالرجوع الى صفحة بيانات التصميم

منتدى الدعم و المساعدة لأحلى المنتديات
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

ممكن هالكود !

3 مشترك

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

ممكن هالكود ! Empty ممكن هالكود !

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

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

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

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

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

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

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

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

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

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

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

بالتوفيق

فالكون
فالكون
 
 

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

http://havoc.sephorum.com

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

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

- مواضيع مماثلة

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