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

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

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

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

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

لا اطيل عليكم

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


https://i.servimg.com/u/f76/19/95/99/18/chedot16.png


https://i.servimg.com/u/f76/19/95/99/18/chedot17.png


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 />
<!-- كود السلايدر شو النجم المساعد عضو فريق شبكة احلى منتدى-->



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