كيف اضع هذا الشريط؟

اذهب الى الأسفل

ãÚáæãÉ كيف اضع هذا الشريط؟

مُساهمة من طرف Pink Girl في الإثنين 23 يونيو 2014 - 18:35

كيف اضع هذا الشريط الذي امرزه من خلال السهم
هذه صورة:

وهذا المنتدى:
http://www.anime-tooon.com/

و يكون كل شيئ من اختياري انــا ^_^
avatar
Pink Girl
 
 

انثى
عدد المساهمات : 229
معدل النشاط : 1851
السُمعة : 5

http://jewelpet-lovers.afdalmontada.net/

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

ãÚáæãÉ رد: كيف اضع هذا الشريط؟

مُساهمة من طرف stones في الإثنين 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>
avatar
stones
 
 

ذكر
عدد المساهمات : 11057
معدل النشاط : 14012
السُمعة : 414

http://stones.arab.st/

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

ãÚáæãÉ رد: كيف اضع هذا الشريط؟

مُساهمة من طرف Pink Girl في الإثنين 23 يونيو 2014 - 18:50

وماهي الروابط التي قد اغيرها و اين اضع التي اريدها؟
avatar
Pink Girl
 
 

انثى
عدد المساهمات : 229
معدل النشاط : 1851
السُمعة : 5

http://jewelpet-lovers.afdalmontada.net/

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

ãÚáæãÉ رد: كيف اضع هذا الشريط؟

مُساهمة من طرف stones في الإثنين 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>
avatar
stones
 
 

ذكر
عدد المساهمات : 11057
معدل النشاط : 14012
السُمعة : 414

http://stones.arab.st/

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

ãÚáæãÉ رد: كيف اضع هذا الشريط؟

مُساهمة من طرف Pink Girl في الإثنين 23 يونيو 2014 - 19:14

بارك الله فيك اخي
نجح كل شيئ
تم الحل
+
يغلق 
avatar
Pink Girl
 
 

انثى
عدد المساهمات : 229
معدل النشاط : 1851
السُمعة : 5

http://jewelpet-lovers.afdalmontada.net/

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

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


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