كود سلايد شو احترافى على احلى منتدى 2018

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

Êã ÇáÊÕãíã كود سلايد شو احترافى على احلى منتدى 2018

مُساهمة من طرف النجم المساعد الأربعاء 12 سبتمبر 2018 - 23:56

بسم الله الرحمن الرحيم

اهلا بكم اعضاء وزوار شبكة احلى منتدى
اليوم مع كود سليد شو احترافى بكل ما تحملة الكلمة من معنى

لا اطيل عليكم

صور لعمل الكود

كود سلايد شو احترافى على احلى منتدى 2018 Chedot16
https://i.servimg.com/u/f76/19/95/99/18/chedot16.png

كود سلايد شو احترافى على احلى منتدى 2018 Chedot17
https://i.servimg.com/u/f76/19/95/99/18/chedot17.png

كود سلايد شو احترافى على احلى منتدى 2018 Chedot18
https://i.servimg.com/u/f76/19/95/99/18/chedot18.png

الكود
طريقة وضع الكود

هناك عدة طرق اولها عن طريق التشكيلات العامة

لوحة الادارة / مظهر المنتدى / الصفحة الرئيسية / تشكيلات عامة


الطريقة الثانية


لوحة الادارة / مظهر المنتدى / التومبلايتات و القوالب / إدارة عامة / overall_footer_end

ابحث عن هذا الكود وضعه اسفلة مباشرة


الكود:
<!-- end what's going on box -->



الطريقة الثالثة


لوحة الادارة / مظهر المنتدى / التومبلايتات و القوالب / إدارة عامة / overall_header

ضع الكود على حسب رغبتك فاقوالب الهيدر مختلفه من استايل الى اخر





الكود:

<!-- كود السلايدر شو النجم المساعد عضو فريق شبكة احلى منتدى-->
<br />
<div class="smallfont" align="center">
<style>
.slider_specialoffer_content {
  width: 960px;
  height: 239px;
  position: relative;
  display: block;
}
.slider {
background: url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_bg.png) no-repeat right top;
  width: 691px;
  height: 237px;
  position: absolute;
}
.slider img { margin: 6px 9px; }
.slider .next_button {
  position: absolute;
  z-index: -9999px;
  right: 30px;
  top: 40%;
  background: url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_next.png) no-repeat;
  width: 43px;
  height: 45px;
  text-indent: -9999px;
  overflow: hidden;
  z-index: 999;
}
.slider .prev_button {
  position: absolute;
  z-index: 999;
  left: 30px;
  top: 40%;
  background: url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_prev.png) no-repeat;
  width: 43px;
  height: 45px;
  text-indent: -9999px;
  overflow: hidden;
}
</style><link type="text/css" rel="stylesheet" media="all" href="http://www.bdayh.com/wp-content/themes/bdayh/assets/style/skitter.styles.css" /><script type="text/javascript" src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery-1.7.1.min.js"></script><script type="text/javascript" src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/scripts.js"></script><script type="text/javascript" src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.skitter.min.js"></script><script type="text/javascript" src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.easing.1.3.js"></script><script type="text/javascript" src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/bdayh.addons.js"></script><script type="text/javascript" src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.gridnav.js"></script><script type="text/javascript" src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/bdayh.jquery.js"></script>
<div class="slider_specialoffer_content ">
 <div class="slider">
 <!-- <a
 href="#" class="next_button">next</a> <a href="#"
class="prev_button">prev</a>  -->
 <div class="box_skitter
box_skitter_large">
 <ul>
 <li>
 <a href="#"><img src="https://i.servimg.com/u/f76/19/95/99/18/117.png" alt="#" /> </a>
 </li>
 <li>
 <a href="#"><img src="https://i.servimg.com/u/f76/19/95/99/18/215.png" alt="#" /></a>
 </li>
 
 <li>
 <a href="#"><img src="https://i.servimg.com/u/f76/19/95/99/18/315.png" alt="#" /></a>
 </li>
 <li>
 <a href="#"><img src="https://i.servimg.com/u/f76/19/95/99/18/414.png" alt="#" /> </a>
 </li>
                          <li>
 <a href="#"><img src="https://i.servimg.com/u/f76/19/95/99/18/512.png" alt="#" /> </a>
 </li>
                          <li>
 <a href="#"><img src="https://i.servimg.com/u/f76/19/95/99/18/612.png" alt="#" /> </a>
 </li>
                          <li>
 <a href="#"><img src="https://i.servimg.com/u/f76/19/95/99/18/714.png" alt="#" /> </a>
 </li>
                          <li>
 <a href="#"><img src="https://i.servimg.com/u/f76/19/95/99/18/914.png" alt="#" /> </a>
 </li>
                          <li>
 <a href="#"><img src="https://i.servimg.com/u/f76/19/95/99/18/813.png" alt="#" /> </a>
 </li>
 </ul>
 </div>
 </div>
</div>
 </div>
<br />
<!-- كود السلايدر شو النجم المساعد عضو فريق شبكة احلى منتدى-->


تم التصميم بواسطة النجم المساعد
جميع لحقوق محفوظه لـ شركة احلى منتدى
النجم المساعد
النجم المساعد
 
 

ذكر
عدد المساهمات : 1700
معدل النشاط : 7029
السُمعة : 61

http://noorelhak.rigala.net

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

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

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

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