كيف اضع هذا الشريط؟
2 مشترك
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: مشاكل في تنسيق مظهر أو تصميم أو صور أو الوان المنتدى :: أرشيف قسم "مشاكل في تنسيق مظهر المنتدى"
صفحة 1 من اصل 1
كيف اضع هذا الشريط؟
كيف اضع هذا الشريط الذي امرزه من خلال السهم
هذه صورة:
![كيف اضع هذا الشريط؟ 23r8e8p](https://2img.net/h/oi58.tinypic.com/23r8e8p.png)
وهذا المنتدى:
http://www.anime-tooon.com/
و يكون كل شيئ من اختياري انــا ^_^
هذه صورة:
![كيف اضع هذا الشريط؟ 23r8e8p](https://2img.net/h/oi58.tinypic.com/23r8e8p.png)
وهذا المنتدى:
http://www.anime-tooon.com/
و يكون كل شيئ من اختياري انــا ^_^
رد: كيف اضع هذا الشريط؟
نعم يمكنك ذلك من خلال تبديل روابط الصور
والروابط الموجه وقت اضغط على الصورة
وهذا الكود
والروابط الموجه وقت اضغط على الصورة
وهذا الكود
- الكود:
<style type="text/css" id="vbulletin_css">
.head_ads_s { width:980px; margin:0 auto 0 auto;}
#wrapper_work {
width: 980px;
margin:0 auto 0 auto;position: relative;
}
.image_carousel {
padding: 15px 0 15px 10px;
position: relative;
}
.image_carousel a {
display: block;
float: left;
}
.image_carousel img {
border: 1px solid #ccc;
background-color:#fff;
padding: 9px;
margin: 7px 11px 7px 10px;
display: block;
float: left;
}
.image_carousel img:hover {
border: 1px solid #DDD;
-moz-box-shadow: 0 1px 5px #555;
-webkit-box-shadow: 0 1px 5px #555;
box-shadow: 0px 1px 5px #555;
}
a.prev, a.next {
background: url(http://i11.servimg.com/u/f11/16/75/43/85/miscel10.png) no-repeat transparent;
width: 45px;
height: 50px;
display: block;
position: absolute;
top: 85px;
}
a.prev { left: -18px;
background-position: 0 0; }
a.prev:hover { background-position: 0 -50px; }
a.prev.disabled { background-position: 0 -100px !important; }
a.next { right: -27px;
background-position: -50px 0; }
a.next:hover { background-position: -50px -50px; }
a.next.disabled { background-position: -50px -100px !important; }
a.prev.disabled, a.next.disabled {
cursor: default;
}
a.prev span, a.next span {
display: none;
}
.pagination {
text-align: center;
}
.pagination a {
background: url(http://i11.servimg.com/u/f11/16/75/43/85/miscel11.png) 0 -300px no-repeat transparent;
width: 15px;
height: 15px;
margin: 0 5px 0 0;
display: inline-block;float:none;
}
.pagination a.selected {
background-position: -25px -300px;
cursor: default;
}
.pagination a span {
display: none;
}
</style>
<script type="text/javascript" src="http://a7la7ekaya.googlecode.com/files/jquery.carouFredSel-5.5.0.js"></script>
<script type="text/javascript" src="http://a7la7ekaya.googlecode.com/files/custom.js"></script>
<script type="text/javascript" src="http://a7la7ekaya.googlecode.com/files/jquery.easing.1.3.js"></script>
<div class="head_ads_s">
<div id="wrapper_work">
<div class="image_carousel">
<div id="foo4">
<a href="http://www.a7la-7ekaya.com/**"><img
src="http://i11.servimg.com/u/f11/16/75/43/85/13560410.png" alt="احلى
حكاية" width="201" height="127" /></a>
<a
href="http://www.a7la-7ekaya.com/**"><img
src="http://i11.servimg.com/u/f11/16/75/43/85/zwe2t10.jpg" alt="احلى
حكاية" width="201" height="127" /></a>
<a
href="http://www.a7la-7ekaya.com/**"><img
src="http://i11.servimg.com/u/f11/16/75/43/85/13562310.png" alt="احلى
حكاية" width="201" height="127" /></a>
<a
href="http://www.a7la-7ekaya.com/**"><img
src="http://i11.servimg.com/u/f11/16/75/43/85/owwg110.jpg" alt="578 احلى
حكاية" width="201" height="127" /></a>
<a
href="http://www.a7la-7ekaya.com/**"><img
src="http://i11.servimg.com/u/f11/16/75/43/85/pexx210.jpg" alt="احلى
حكاية" width="201" height="127" /></a>
<a
href="http://www.a7la-7ekaya.com/**"><img
src="http://i11.servimg.com/u/f11/16/75/43/85/13561910.png" alt="احلى
حكاية" width="201" height="127" /></a>
<a
href="http://www.a7la-7ekaya.com/**"><img
src="http://i11.servimg.com/u/f11/16/75/43/85/56ar110.png" alt="احلى
حكاية" width="201" height="127" /></a>
<a
href="http://www.a7la-7ekaya.com/**"><img
src="http://i11.servimg.com/u/f11/16/75/43/85/mangab10.png" alt="احلى
حكاية" width="201" height="127" /></a>
<a
href="http://www.a7la-7ekaya.com/**"><img
src="http://i11.servimg.com/u/f11/16/75/43/85/70049210.png" alt="احلى
حكاية" width="201" height="127" /></a>
<a
href="http://www.a7la-7ekaya.com/**"><img
src="http://i11.servimg.com/u/f11/16/75/43/85/j8we111.png" alt="احلى
حكاية" width="201" height="127" /></a>
<a
href="http://www.a7la-7ekaya.com/**"><img
src="http://i11.servimg.com/u/f11/16/75/43/85/13277810.png" alt="احلى
حكاية" width="201" height="127" /></a>
<a
href="http://www.a7la-7ekaya.com/**"><img
src="http://i11.servimg.com/u/f11/16/75/43/85/efpl310.png" alt="احلى
حكاية" width="201" height="127" /></a>
<a
href="http://www.a7la-7ekaya.com/**"><img
src="http://i11.servimg.com/u/f11/16/75/43/85/bcda410.png" alt="احلى
حكاية" width="201" height="127" /></a>
<a
href="http://www.a7la-7ekaya.com/**"><img
src="http://i11.servimg.com/u/f11/16/75/43/85/55775210.png" alt="احلى
حكاية" width="201" height="127" /></a>
<a
href="http://www.a7la-7ekaya.com/**"><img
src="http://i11.servimg.com/u/f11/16/75/43/85/1dnvq10.png" alt="احلى
حكاية" width="201" height="127" /></a>
<a
href="http://www.a7la-7ekaya.com/**"><img
src="http://i11.servimg.com/u/f11/16/75/43/85/omil210.png" alt="احلى
حكاية" width="201" height="127" /></a>
<a href="http://www.a7la-7ekaya.com/**"><img
src="http://i11.servimg.com/u/f11/16/75/43/85/0d334c10.png" alt="احلى
حكاية" height="127" /></a>
<a
href="http://www.a7la-7ekaya.com/**"><img
src="http://i11.servimg.com/u/f11/16/75/43/85/68550010.png" alt="احلى
حكاية" width="201" height="127" /></a>
<a
href="http://www.a7la-7ekaya.com/**"><img
src="http://i11.servimg.com/u/f11/16/75/43/85/g8e2nb10.png" alt="احلى
حكاية" width="201" height="127" /></a>
<a
href="http://www.a7la-7ekaya.com/**"><img
src="http://i11.servimg.com/u/f11/16/75/43/85/jd4d110.png" alt="احلى
حكاية" width="201" height="127" /></a>
</div>
<div class="clearfix"></div>
<a class="prev" id="foo4_prev" href="#"><span>prev</span></a>
<a class="next" id="foo4_next" href="#"><span>next</span></a>
<div class="pagination" id="foo4_pag"></div>
</div>
</div>
</div>
رد: كيف اضع هذا الشريط؟
تفضلي اختي تم توضيح
مكان الصور والروابط
مكان الصور والروابط
- الكود:
<style type="text/css" id="vbulletin_css">
.head_ads_s { width:980px; margin:0 auto 0 auto;}
#wrapper_work {
width: 980px;
margin:0 auto 0 auto;position: relative;
}
.image_carousel {
padding: 15px 0 15px 10px;
position: relative;
}
.image_carousel a {
display: block;
float: left;
}
.image_carousel img {
border: 1px solid #ccc;
background-color:#fff;
padding: 9px;
margin: 7px 11px 7px 10px;
display: block;
float: left;
}
.image_carousel img:hover {
border: 1px solid #DDD;
-moz-box-shadow: 0 1px 5px #555;
-webkit-box-shadow: 0 1px 5px #555;
box-shadow: 0px 1px 5px #555;
}
a.prev, a.next {
background: url(http://i11.servimg.com/u/f11/16/75/43/85/miscel10.png) no-repeat transparent;
width: 45px;
height: 50px;
display: block;
position: absolute;
top: 85px;
}
a.prev { left: -18px;
background-position: 0 0; }
a.prev:hover { background-position: 0 -50px; }
a.prev.disabled { background-position: 0 -100px !important; }
a.next { right: -27px;
background-position: -50px 0; }
a.next:hover { background-position: -50px -50px; }
a.next.disabled { background-position: -50px -100px !important; }
a.prev.disabled, a.next.disabled {
cursor: default;
}
a.prev span, a.next span {
display: none;
}
.pagination {
text-align: center;
}
.pagination a {
background: url(http://i11.servimg.com/u/f11/16/75/43/85/miscel11.png) 0 -300px no-repeat transparent;
width: 15px;
height: 15px;
margin: 0 5px 0 0;
display: inline-block;float:none;
}
.pagination a.selected {
background-position: -25px -300px;
cursor: default;
}
.pagination a span {
display: none;
}
</style>
<script type="text/javascript" src="http://a7la7ekaya.googlecode.com/files/jquery.carouFredSel-5.5.0.js"></script>
<script type="text/javascript" src="http://a7la7ekaya.googlecode.com/files/custom.js"></script>
<script type="text/javascript" src="http://a7la7ekaya.googlecode.com/files/jquery.easing.1.3.js"></script>
<div class="head_ads_s">
<div id="wrapper_work">
<div class="image_carousel">
<div id="foo4">
<a href="رابط رقم 1"><img
src="رابط الصورة 1" alt="احلى
حكاية" width="201" height="127" /></a>
<a
href="رابط رقم 1"><img
src="رابط الصورة 2" alt="احلى
حكاية" width="201" height="127" /></a>
<a
href="رابط رقم 2"><img
src="رابط الصورة 3" alt="احلى
حكاية" width="201" height="127" /></a>
<a
href="رابط رقم 3"><img
src="رابط الصورة 4" alt="578 احلى
حكاية" width="201" height="127" /></a>
<a
href="رابط رقم 4"><img
src="رابط الصورة 5" alt="احلى
حكاية" width="201" height="127" /></a>
<a
href="رابط رقم 5"><img
src="رابط الصورة 6" alt="احلى
حكاية" width="201" height="127" /></a>
<a
href="رابط رقم 6"><img
src="رابط الصورة 7" alt="احلى
حكاية" width="201" height="127" /></a>
<a
href="رابط رقم 7"><img
src="رابط الصورة 8" alt="احلى
حكاية" width="201" height="127" /></a>
<a
href="رابط رقم 8"><img
src="رابط الصورة 9" alt="احلى
حكاية" width="201" height="127" /></a>
<a
href="رابط رقم 9"><img
src="رابط الصورة 10" alt="احلى
حكاية" width="201" height="127" /></a>
<a
href="رابط رقم 10"><img
src="رابط الصورة 11" alt="احلى
حكاية" width="201" height="127" /></a>
<a
href="رابط رقم 11"><img
src="رابط الصورة 12" alt="احلى
حكاية" width="201" height="127" /></a>
<a
href="رابط رقم 12"><img
src="رابط الصورة 13" alt="احلى
حكاية" width="201" height="127" /></a>
<a
href="رابط رقم 13"><img
src="رابط الصورة 14" alt="احلى
حكاية" width="201" height="127" /></a>
<a
href="رابط رقم 14"><img
src="رابط الصورة 15" alt="احلى
حكاية" width="201" height="127" /></a>
<a
href="رابط رقم 16"><img
src="رابط الصورة 16" alt="احلى
حكاية" width="201" height="127" /></a>
<a href="رابط رقم 17"><img
src="رابط الصورة 17" alt="احلى
حكاية" height="127" /></a>
<a
href="رابط رقم 18"><img
src="رابط الصورة 18" alt="احلى
حكاية" width="201" height="127" /></a>
<a
href="رابط رقم 19"><img
src="رابط الصورة 19" alt="احلى
حكاية" width="201" height="127" /></a>
<a
href="رابط رقم 20"><img
src="رابط الصورة 20" alt="احلى
حكاية" width="201" height="127" /></a>
</div>
<div class="clearfix"></div>
<a class="prev" id="foo4_prev" href="#"><span>prev</span></a>
<a class="next" id="foo4_next" href="#"><span>next</span></a>
<div class="pagination" id="foo4_pag"></div>
</div>
</div>
</div>
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: مشاكل في تنسيق مظهر أو تصميم أو صور أو الوان المنتدى :: أرشيف قسم "مشاكل في تنسيق مظهر المنتدى"
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى