منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.


انشاء منتدى مجاني شبيه بهذا المنتدى

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

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

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

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

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

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

انثى
عدد المساهمات : 229
معدل النشاط : 1543
السُمعة : 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
 
 

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

http://stones.arab.st/

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

معلومة رد: كيف اضع هذا الشريط؟

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

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

انثى
عدد المساهمات : 229
معدل النشاط : 1543
السُمعة : 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
 
 

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

http://stones.arab.st/

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

معلومة رد: كيف اضع هذا الشريط؟

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

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

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

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

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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


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