هذه مُجرَّد مُعاينة لتصميم تم اختياره من موقع Hitskin.com
تنصيب التصميم في منتداك • الرجوع الى صفحة بيانات التصميم
طلب كود
3 مشترك
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: مشاكل في تنسيق مظهر أو تصميم أو صور أو الوان المنتدى :: أرشيف قسم "مشاكل في تنسيق مظهر المنتدى"
صفحة 1 من اصل 1
طلب كود
آهلا وسهلا فيكم ..
اريد كود ( صورة تظهر تؤدي الى موضوع معين و صورة أخرى تظهر مكانها تؤدي الى موضوع آخر وهكذا )
زي اللي في هذا المنتدى
و شكررا
رد: طلب كود
اها اسف اخدت باالى تقصدي الاسليدر
اتفضلي مع التعديل على روابط الصور وروابط المواضيع
يوضع بالتشكيلات العامة او فى قالب الهيدر اى اى مكان يدعم HTML
اتفضلي مع التعديل على روابط الصور وروابط المواضيع
يوضع بالتشكيلات العامة او فى قالب الهيدر اى اى مكان يدعم HTML
- الكود:
<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
href="http://www.bdayh.com/wp-content/themes/bdayh/assets/style/skitter.styles.css"
media="all" rel="stylesheet" type="text/css" />
<script
src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery-1.7.1.min.js"
type="text/javascript"></script>
<script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/scripts.js" type="text/javascript"></script>
<script
src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.skitter.min.js"
type="text/javascript"></script>
<script
src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.easing.1.3.js"
type="text/javascript"></script>
<script
src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/bdayh.addons.js"
type="text/javascript"></script>
<script
src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.gridnav.js"
type="text/javascript"></script>
<script
src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/bdayh.jquery.js"
type="text/javascript"></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 alt="www.4egy.net"
src="http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider/slider_04.png"
/> </a> </li>
<li><a href="#"><img
alt="www.4egy.net"
src="http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider/slider_02.png"
/></a> </li>
<li><a href="#"><img
alt="www.4egy.net"
src="http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider/slider_04.png"
/></a> </li>
<li><a href="#"><img
alt="www.4egy.net"
src="http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider/slider_03.png"
/> </a> </li></ul></div></div>
رد: طلب كود
وهذا ايضا
روابط الصور وروابط الصفحات في المكان المحدد
روابط الصور وروابط الصفحات في المكان المحدد
- الكود:
<!-- Style --><style type="text/css">
.slider_specialoffer_content {position:relative;display:block;width:500px;height:200px;}
.slider {width:500px;height:200px;position:absolute;
background:url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_bg.png) no-repeat center center;}
.box_skitter_large {width:500px!important;height:300px!important;}
.slider img {width:500px;height:200px;margin:6px 9px;}
.slider .next_button,.slider .prev_button {position:absolute;top:40%;width:43px;height:45px;
overflow:hidden;z-index:999;text-indent:-9999px;}
.slider .next_button {right:30px;
background:url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_next.png) no-repeat;}
.slider .prev_button {left:30px;
background:url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_prev.png) no-repeat;}
</style>
<!-- Links & Scripts --><link href="http://www.bdayh.com/wp-content/themes/bdayh/assets/style/skitter.styles.css" media="all" rel="stylesheet" type="text/css" /><script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery-1.7.1.min.js" type="text/javascript"></script><script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/scripts.js" type="text/javascript"></script><script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.skitter.min.js" type="text/javascript"></script><script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.easing.1.3.js" type="text/javascript"></script><script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/bdayh.addons.js" type="text/javascript"></script><script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.gridnav.js" type="text/javascript"></script><script type="text/javascript" src="http://foryamany2.googlecode.com/svn/trunk/4egyslide.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="رابط الصفحة رقم 1"target="_blank"><img alt="Mizo-Slide" src="رابط الصورة رقم 1" /></a>
</li>
<li>
<a href="رابط الصفحة رقم 2"target="_blank"><img alt="Mizo-Slide" src="رابط الصورة رقم 2" /></a>
</li>
<li>
<a href="رابط الصفحة رقم 3"target="_blank"><img alt="Mizo-Slide" src="رابط الصورة رقم 3" /></a>
</li>
<li>
<a href="رابط الصفحة رقم 4"target="_blank"><img alt="Mizo-Slide" src="رابط الصورة رقم 4" /></a>
</li>
<li>
<a href="رابط الصفحة رقم 5"target="_blank"><img alt="Mizo-Slide" src="رابط الصورة رقم 5" /></a>
</li>
<li>
<a href="رابط الصفحة رقم 6"target="_blank"><img alt="Mizo-Slide" src="رابط الصورة رقم 6" /></a>
</li>
<li>
<a href="رابط الصفحة رقم 7"target="_blank"><img alt="Mizo-Slide" src="رابط الصورة رقم 7" /></a>
</li>
<li>
<a href="رابط الصفحة رقم 8"target="_blank"><img alt="Mizo-Slide" src="رابط الصورة رقم 8" /></a>
</li>
<li>
<a href="رابط الصفحة رقم 9"target="_blank"><img alt="Mizo-Slide" src="رابط الصورة رقم 9" /></a>
</li>
<li>
<a href="رابط الصفحة رقم 10"target="_blank"><img alt="Mizo-Slide" src="رابط الصورة رقم 10" /></a>
</li>
</ul>
</div>
</div>
</div>
عدل سابقا من قبل stones في الإثنين 14 يوليو 2014 - 16:42 عدل 1 مرات
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: مشاكل في تنسيق مظهر أو تصميم أو صور أو الوان المنتدى :: أرشيف قسم "مشاكل في تنسيق مظهر المنتدى"
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى