Pink Girl
عدد المساهمات : 87 معدل النشاط : 4245 السُمعة : 5
| موضوع: كيف اضع هذا الشريط؟ الإثنين 23 يونيو 2014 - 18:35 | |
| | |
|
stones
عدد المساهمات : 7462 معدل النشاط : 16425 السُمعة : 414
| موضوع: رد: كيف اضع هذا الشريط؟ الإثنين 23 يونيو 2014 - 18:44 | |
| نعم يمكنك ذلك من خلال تبديل روابط الصور والروابط الموجه وقت اضغط على الصورة وهذا الكود - الكود:
-
<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> | |
|
Pink Girl
عدد المساهمات : 87 معدل النشاط : 4245 السُمعة : 5
| موضوع: رد: كيف اضع هذا الشريط؟ الإثنين 23 يونيو 2014 - 18:50 | |
| وماهي الروابط التي قد اغيرها و اين اضع التي اريدها؟ | |
|
stones
عدد المساهمات : 7462 معدل النشاط : 16425 السُمعة : 414
| موضوع: رد: كيف اضع هذا الشريط؟ الإثنين 23 يونيو 2014 - 19:12 | |
| تفضلي اختي تم توضيح مكان الصور والروابط - الكود:
-
<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> | |
|
Pink Girl
عدد المساهمات : 87 معدل النشاط : 4245 السُمعة : 5
| موضوع: رد: كيف اضع هذا الشريط؟ الإثنين 23 يونيو 2014 - 19:14 | |
| بارك الله فيك اخي نجح كل شيئ تم الحل + يغلق | |
|