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


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

ذكر
عدد المساهمات : 1585
معدل النشاط : 4744
السُمعة : 55

http://noorelhak.rigala.net

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

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


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