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

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


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

كيف سوي كذا

صفحة 1 من اصل 2 1, 2  الصفحة التالية

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

كيف سوي كذا

مُساهمة من طرف المحال في الجمعة 14 مارس 2014 - 12:41

السسلاام علييكم

شلون سوي نفس كذا

http://im45.gulfup.com/Qq8Z0.png

بلييز اريد مثله لماا اوقف الماوس عليه يتوفق الشريط ولما ابعد المواس عنه يتحرك وايضاا يوجد سهم يمين ويسار يشتغل!

اريد مثله يااريت ويكون في مكان الاعلانات الخاصه

بلييز

وجزاكم الله خير
avatar
المحال
 
 

ذكر
عدد المساهمات : 849
معدل النشاط : 2736
السُمعة : 7

http://makszoox7.forumarabia.com/

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

رد: كيف سوي كذا

مُساهمة من طرف Yassine Bablil في الجمعة 14 مارس 2014 - 12:47

ينقل الى
القسم المناسب
دعم مشاكل التومبلايت و الأكواد
avatar
Yassine Bablil
 
 

ذكر
عدد المساهمات : 8517
معدل النشاط : 9635
السُمعة : 162

https://ev1el.com

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

رد: كيف سوي كذا

مُساهمة من طرف Yassine Bablil في الجمعة 14 مارس 2014 - 12:48

avatar
Yassine Bablil
 
 

ذكر
عدد المساهمات : 8517
معدل النشاط : 9635
السُمعة : 162

https://ev1el.com

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

رد: كيف سوي كذا

مُساهمة من طرف المحال في الجمعة 14 مارس 2014 - 13:55

اخي اريد مثل الذي طلبت الذي اعطتني مختلف
avatar
المحال
 
 

ذكر
عدد المساهمات : 849
معدل النشاط : 2736
السُمعة : 7

http://makszoox7.forumarabia.com/

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

رد: كيف سوي كذا

مُساهمة من طرف المحال في الجمعة 14 مارس 2014 - 19:39

ان شاء الله

وينكم ياخبراااء

بلليز
avatar
المحال
 
 

ذكر
عدد المساهمات : 849
معدل النشاط : 2736
السُمعة : 7

http://makszoox7.forumarabia.com/

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

رد: كيف سوي كذا

مُساهمة من طرف Yassine Bablil في الجمعة 14 مارس 2014 - 21:31

تفضل اخي الحبيب
منقول للافادة
لا تنسى تغيير روابط

الكود:
<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
Yassine Bablil
 
 

ذكر
عدد المساهمات : 8517
معدل النشاط : 9635
السُمعة : 162

https://ev1el.com

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

رد: كيف سوي كذا

مُساهمة من طرف المحال في الجمعة 14 مارس 2014 - 22:08

اخي وضعت الكوود في الاعلانات الخاصه وماشتغل!

تحياتي
avatar
المحال
 
 

ذكر
عدد المساهمات : 849
معدل النشاط : 2736
السُمعة : 7

http://makszoox7.forumarabia.com/

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

رد: كيف سوي كذا

مُساهمة من طرف المحال في السبت 15 مارس 2014 - 10:17

اين انتم؟؟؟
avatar
المحال
 
 

ذكر
عدد المساهمات : 849
معدل النشاط : 2736
السُمعة : 7

http://makszoox7.forumarabia.com/

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

رد: كيف سوي كذا

مُساهمة من طرف المحال في السبت 15 مارس 2014 - 17:41

ووينكمممممم معقوول ماعندكم الكووود
avatar
المحال
 
 

ذكر
عدد المساهمات : 849
معدل النشاط : 2736
السُمعة : 7

http://makszoox7.forumarabia.com/

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

رد: كيف سوي كذا

مُساهمة من طرف ابوليث1994 في السبت 15 مارس 2014 - 23:31

تفضل 
<script src="http://foryamany1.googlecode.com/svn/trunk/4egy/bdayh.js" type="text/javascript"></script>
  <script src="http://foryamany1.googlecode.com/svn/trunk/4egy/custom.js" type="text/javascript"></script>
  <script src="http://foryamany1.googlecode.com/svn/trunk/4egy/easing.js" type="text/javascript"></script>
<style>
.slideset {
   width: 960px;
   height: 167px;
   margin: auto;
   overflow: hidden;
   margin-bottom: 20px;
   position: relative;
}
.slideset .next {
   position: absolute;
   right: 0px;
   top: 72px;
   background: url(هنا رابط الصورة) no-repeat -6px -5px;
   width: 18px;
   height: 21px;
   overflow: hidden;
   text-indent: -555px;
}
.slideset .prev {
   position: absolute;
   left: 0px;
   top: 72px;
   background: url(هنا رابط الصورة) no-repeat -6px -35px;
   width: 18px;
   height: 21px;
   overflow: hidden;
   text-indent: -555px;
}
.slideset .slidesetCont {
   width: 905px;
   margin: auto;
   position: relative;
   background: #000;
}
.slidesetCont ul {
   float: right;
   width: 100%;
}
.slidesetCont ul > li { float: left; }
.slidesetCont ul > li a {
   display: block;
   width: 200px;
   height: 145px;
   padding: 6px;
   overflow: hidden;
   background: #FFF;
   border: 1px #d2d2d2 solid;
   margin: 0 7px;
}
.slidesetCont ul > li a img {
   background: #EEE;
   width: 200px !important;
   height: 145px !important;
   display: block;
}
ul, li, ol {
   list-style: none;
   outline: 0px;
}
</style>
 <script src="http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/js/ads.js" type="text/javascript"></script><div class="slideset"> <a class="next" href="#">التالي</a> <a class="prev" href="#">السابق</a>
  <div class="slidesetCont">
      <ul class="set1">
                  <li>
                        <a href="#">
               <img width="145" height="145" src="هنا رابط الصوزرة" class="attachment-200x145 wp-post-image" alt="" />            </a> 
            <!--image-->
                    </li>
                  <li>
                        <a href="#">
               <img width="145" height="145" src="هنا رابط الصورة" class="attachment-200x145 wp-post-image" alt="" />            </a> 
            <!--image-->
                    </li>
                  <li>
                        <a href="#">
               <img width="145" height="145" src="هنا رابط الصورة" class="attachment-200x145 wp-post-image" alt="" />            </a> 
            <!--image-->
                    </li>
                  <li>
                        <a href="#">
               <img width="145" height="145" src="هنا رابط الصورة" class="attachment-200x145 wp-post-image" alt="4egy.net" />            </a> 
            <!--image-->
                    </li>
                  <li>
                        <a href="#">
               <img width="145" height="145" src="هنا رابط الصورة" class="attachment-200x145 wp-post-image" alt="4egy.net" />            </a> 
            <!--image-->
                    </li>
                        </ul>
  </div>
</div>
<!--//slideset--> 
avatar
ابوليث1994
 
 

ذكر
عدد المساهمات : 409
معدل النشاط : 1965
السُمعة : 3

http://alabda3sun.alafdal.net/

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

رد: كيف سوي كذا

مُساهمة من طرف المحال في الأحد 16 مارس 2014 - 17:45

اخواني الكوود مش شغال هو شغال بس مهو مرتب خربان

للمعاينه
http://im49.gulfup.com/z7jiH.png


اريد مثل الذي طلبت او شبه لكن شغال
avatar
المحال
 
 

ذكر
عدد المساهمات : 849
معدل النشاط : 2736
السُمعة : 7

http://makszoox7.forumarabia.com/

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

رد: كيف سوي كذا

مُساهمة من طرف ابوليث1994 في الأحد 16 مارس 2014 - 18:03

اخي الكود شغال 100% 
للمعاينة :
هنا
avatar
ابوليث1994
 
 

ذكر
عدد المساهمات : 409
معدل النشاط : 1965
السُمعة : 3

http://alabda3sun.alafdal.net/

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

رد: كيف سوي كذا

مُساهمة من طرف المحال في الأحد 16 مارس 2014 - 20:27

خبير اكواد كتب:اخي الكود شغال 100% 
للمعاينة :
هنا

حبيبي بارك الله فيك فعلاا شغال لكن انا اريد ان اضعه في الاعلانات الخاصه وظهر لي كما اخبرتكم

هو انا وضغته في التشكيلات واشتغل 100% لكن انا اريده ان يكون في الاعلانات الخاصه

وشكرااا
avatar
المحال
 
 

ذكر
عدد المساهمات : 849
معدل النشاط : 2736
السُمعة : 7

http://makszoox7.forumarabia.com/

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

رد: كيف سوي كذا

مُساهمة من طرف ابوليث1994 في الإثنين 17 مارس 2014 - 1:56

avatar
ابوليث1994
 
 

ذكر
عدد المساهمات : 409
معدل النشاط : 1965
السُمعة : 3

http://alabda3sun.alafdal.net/

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

رد: كيف سوي كذا

مُساهمة من طرف المحال في الإثنين 17 مارس 2014 - 13:46

اخي  دخلت  ع الرابط ولم استفدت شي ؟؟
avatar
المحال
 
 

ذكر
عدد المساهمات : 849
معدل النشاط : 2736
السُمعة : 7

http://makszoox7.forumarabia.com/

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

رد: كيف سوي كذا

مُساهمة من طرف ابوليث1994 في الإثنين 17 مارس 2014 - 15:18

تفضل 


<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>
منقول من ديفي نت 
اخي غير الصور 
اخي قبل تغيير الصور جربو على منتدى اخر
avatar
ابوليث1994
 
 

ذكر
عدد المساهمات : 409
معدل النشاط : 1965
السُمعة : 3

http://alabda3sun.alafdal.net/

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

رد: كيف سوي كذا

مُساهمة من طرف المحال في الإثنين 17 مارس 2014 - 15:36

اخي الكوود شغال جميع الاكواد اسابقه شغاله لكن المشكله كل ماضعهاا في الاعلانات الخاصه مايشتغل !!!

وانا اريده في الاعلانات الخاصه!
avatar
المحال
 
 

ذكر
عدد المساهمات : 849
معدل النشاط : 2736
السُمعة : 7

http://makszoox7.forumarabia.com/

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

رد: كيف سوي كذا

مُساهمة من طرف ابوليث1994 في الإثنين 17 مارس 2014 - 17:24

اخي كود السلايد شو مابيشتغل على الاعلانات الخاصة لانها الاعلانات الخاصة حجمها صغير
avatar
ابوليث1994
 
 

ذكر
عدد المساهمات : 409
معدل النشاط : 1965
السُمعة : 3

http://alabda3sun.alafdal.net/

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

رد: كيف سوي كذا

مُساهمة من طرف المحال في الإثنين 17 مارس 2014 - 18:34

طيب انا ابي اضعها في الاعلانات مثل ماوريتكم بالصوره! محتااااجه والله
avatar
المحال
 
 

ذكر
عدد المساهمات : 849
معدل النشاط : 2736
السُمعة : 7

http://makszoox7.forumarabia.com/

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

رد: كيف سوي كذا

مُساهمة من طرف ابوليث1994 في الثلاثاء 18 مارس 2014 - 1:42

تم الحل
تفضل ضعه في الاعلانات الخاصة

 <style type="text/css">


 /* JavaScript Image Slider By http://mdonti-n.blogspot.com/ */


#mcis {
 display: none;
}


#sliderFrame {
 position: relative;
 width: 468px;
 margin: 0 auto;
        border:3px solid #E1E0E2;
}


#ribbon {
 width: 111px;
 height: 111px;
 position: absolute;
 top: -4px;
 right: -4px;
}


#slider {
 width: 468px;
 height: 260px;
 background: #fff url(https://lh3.googleusercontent.com/-jr3u7sHVNzc/T_9iyf5egvI/AAAAAAAAC9c/jwanynfbt7Y/h120/mdonti-n.blogspot.com-loading.gif) no-repeat 50% 50%;
 position: relative;
 margin: 0 auto;
 box-shadow: 0px 1px 5px 010007;
}


#slider img {
 position: absolute;
 border: none;
 display: none;
}


#slider a.imgLink {
 z-index: 2;
 display: none;
 position: absolute;
 top: 0px;
 right: 0px;
 border: 0;
 padding: 0;
 margin: 0;
 width: 100%;
 height: 100%;
}


div.mc-caption-bg, div.mc-caption-bg2 {
 position: absolute;
 width: 100%;
 height: auto;
 padding: 0;
 right: 0px;
 bottom: 0px;
 z-index: 3;
 overflow: hidden;
 font-size: 0;
}




div.mc-caption-bg {
 background-color: #0066CC;
}


div.mc-caption {
 font: bold 25px/21px traditional arabic ;
 color:  #0000;
 z-index: 4;
 padding: 10px 0;
 text-align: center;
}


div.mc-caption a {
 color: #FB0;
}


div.mc-caption a:hover {
 color: #DA0;
}


div.navBulletsWrapper {
 top: 250px;
 right: 190px;
 width: 150px;
 background: none;
 padding-right: 20px;
 position: relative;
 z-index: 5;
 cursor: pointer;
}


div.navBulletsWrapper div {
 width: 11px;
 height: 11px;
 background: transparent url(https://lh3.googleusercontent.com/-XpmNmet2gQE/T_9iZTdKsgI/AAAAAAAAC9U/e5Hto1X5zKc/h120/mdonti-n.blogspot.com-bullet.png) no-repeat 0 0;
 float: right;
 overflow: hidden;
 vertical-align: middle;
 cursor: pointer;
 margin-left: 11px;
 _position: relative;
}


div.navBulletsWrapper div.active {
 background-position: 0 -11px;
}


#slider {
 transform: translate3d(0,0,0);
 -ms-transform: translate3d(0,0,0);
 -moz-transform: translate3d(0,0,0);
 -o-transform: translate3d(0,0,0);
 -webkit-transform: translate3d(0,0,0);
}
 </style> 


<script src="http://my-mdonti.googlecode.com/files/js-image-slider.js" type="text/javascript"></script>


<div id="sliderFrame">
     <div id="ribbon"></div>
            <div id="slider">


<a href="xxxxx"><img src="ضع رابط الصورة هنا" alt=""/></a>


<a href="xxxxxx"><img src="ضع رابط الصورة هنا" alt=""/></a>


<a href="xxxxxx"><img src="ضع رابط الصورة هنا" alt=""/></a>



 
<a href="xxxxxx"><img src="ضع رابط الصورة هنا" alt=""/></a>


<a href="xxxxxx"><img src="ضع رابط الصورة هنا"alt=" "/></a>
avatar
ابوليث1994
 
 

ذكر
عدد المساهمات : 409
معدل النشاط : 1965
السُمعة : 3

http://alabda3sun.alafdal.net/

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

رد: كيف سوي كذا

مُساهمة من طرف ابوليث1994 في الثلاثاء 18 مارس 2014 - 1:53

اذا ماعجبك الاول 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html> 


<html xmlns="http://www.w3.org/1999/xhtml" dir="rtl">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>عنوان الصفحة</title><meta http-equiv="content-script-type"
 content="text/javascript" /><meta http-equiv="content-style-type"
content="text/css" /><meta http-equiv="imagetoolbar" content="no"
  />

<meta name="google-site-verification" content="P7BJggJ24VHn6Tj47PJcOEZAY-D28VmZHKMCQX-93y0" />
 <HTML dir=rtl>

<style type="text/css">
html {
overflow: hidden;
}
body {
position: absolute;
margin: 0px;
padding: 0px;
background: #111;
width: 100%;
height: 100%;
}
#center {
position: absolute;
left: 50%;
top:  50%;
}
#slider {
position: absolute;
width: 820px;
height: 333px;
left: -430px;
top: -186px;
overflow: hidden;
background: #000;
border: 20px solid #000;
}
#slider .slide {
position: absolute;
top: 0px;
height: 333px;
width: 500px;
background: #000;
overflow: hidden;
border-left: #000 solid 1px;
cursor: default;
}
#slider .title  {
color: #F80;
font-weight: bold;
font-size: 1.2em;
margin-right: 1.5em;
text-decoration: none;
}
#slider .backgroundText {
position: absolute;
width: 100%;
height: 100%;
top: 100%;
background: #000;
filter: alpha(opacity=40);
opacity: 0.4;
}
#slider .text {
position: absolute;
top: 1%;
top: 100%;
color: #FFF;
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 0.9em;
text-align: justify;
width: 470px;
left: 10px;
}
#slider .diapo {
position: absolute;
filter: alpha(opacity=100);
opacity: 1;
visibility: hidden;
}
a:link {
color: Lime;
text-decoration:none;
}
a:visited {
color: Lime;
text-decoration:none;
}
a:hover {
color:DarkOrange;
text-decoration:none;
}
    
a {text-decoration: none;}
a:hover {
text-shadow: 2px 2px 2px #73729c;
text-decoration: none !important;
}

a:hover
{
background: url(http://i65.servimg.com/u/f65/16/35/21/30/undo10.gif) no-repeat right;
padding:10px 30px 10px 10px;
}



</style>

<script type="text/javascript">
/* ==== slider nameSpace ==== */
var slider = function() {
/* ==== private methods ==== */
function getElementsByClass(object, tag, className) {
var o = object.getElementsByTagName(tag);
for ( var i = 0, n = o.length, ret = []; i < n; i++) {
if (o[i].className == className) ret.push(o[i]);
}
if (ret.length == 1) ret = ret[0];
return ret;
}
function setOpacity (obj,o) {
if (obj.filters) obj.filters.alpha.opacity = Math.round(o);
else obj.style.opacity = o / 100;
}
/* ==== Slider Constructor ==== */
function Slider(oCont, speed, iW, iH, oP) {
this.slides = [];
this.over = false;
this.S  = this.S0 = speed;
this.iW  = iW;
this.iH = iH;
this.oP  = oP;
this.oc    = document.getElementById(oCont);
this.frm    = getElementsByClass(this.oc, 'div', 'slide');
this.NF    = this.frm.length;
this.resize();
for (var i = 0; i < this.NF; i++) {
this.slides[i] = new Slide(this, i);
}
this.oc.parent = this;
this.view      = this.slides[0];
this.Z        = this.mx;
/* ==== on mouse out event ==== */
this.oc.onmouseout = function () {
this.parent.mouseout();
return false;
        }
    }
    Slider.prototype = {
        /* ==== animation loop ==== */
        run : function () {
            this.Z += this.over ? (this.mn - this.Z) * .5 : (this.mx - this.Z) * .5;
            this.view.calc();
            var i = this.NF;
            while (i--) this.slides[i].move();
        },
        /* ==== resize  ==== */
        resize : function () {
            this.wh = this.oc.clientWidth;
            this.ht = this.oc.clientHeight;
            this.wr = this.wh * this.iW;
            this.r  = this.ht / this.wr;
            this.mx = this.wh / this.NF;
            this.mn = (this.wh * (1 - this.iW)) / (this.NF - 1);
        },
        /* ==== rest  ==== */
        mouseout : function () {
            this.over      = false;
            setOpacity(this.view.img, this.oP);
        }
    }
    /* ==== Slide Constructor ==== */
    Slide = function (parent, N) {
        this.parent = parent;
        this.N      = N;
        this.x0    = this.x1 = N * parent.mx;
        this.v      = 0;
        this.loaded = false;
        this.cpt    = 0;
        this.start  = new Date();
        this.obj    = parent.frm[N];
        this.txt    = getElementsByClass(this.obj, 'div', 'text');
        this.img    = getElementsByClass(this.obj, 'img', 'diapo');
        this.bkg    = document.createElement('div');
        this.bkg.className = 'backgroundText';
        this.obj.insertBefore(this.bkg, this.txt);
        if (N == 0) this.obj.style.borderLeft = 'none';
        this.obj.style.left = Math.floor(this.x0) + 'px';
        setOpacity(this.img, parent.oP);
        /* ==== mouse events ==== */
        this.obj.parent = this;
        this.obj.onmouseover = function() {
            this.parent.over();
            return false;
        }
    }
    Slide.prototype = {
        /* ==== target positions ==== */
        calc : function() {
            var that = this.parent;
            // left slides
            for (var i = 0; i <= this.N; i++) {
                that.slides[i].x1 = i * that.Z;
            }
            // right slides
            for (var i = this.N + 1; i < that.NF; i++) {
                that.slides[i].x1 = that.wh - (that.NF - i) * that.Z;
            }
        },
        /* ==== HTML animation : move slides ==== */
        move : function() {
            var that = this.parent;
            var s = (this.x1 - this.x0) / that.S;
            /* ==== lateral slide ==== */
            if (this.N && Math.abs(s) > .5) {
                this.obj.style.left = Math.floor(this.x0 += s) + 'px';
            }
            /* ==== vertical text ==== */
            var v = (this.N < that.NF - 1) ? that.slides[this.N + 1].x0 - this.x0 : that.wh - this.x0;
            if (Math.abs(v - this.v) > .5) {
                this.bkg.style.top = this.txt.style.top = Math.floor(2 + that.ht - (v - that.Z) * that.iH * that.r) + 'px';
this.v = v;
this.cpt++;
} else {
if (!this.pro) {
/* ==== adjust speed ==== */
this.pro = true;
var tps = new Date() - this.start;
if(this.cpt > 1) {
that.S = Math.max(2, (28 / (tps / this.cpt)) * that.S0);
}
}
}
if (!this.loaded) {
if (this.img.complete) {
this.img.style.visibility = 'visible';
this.loaded = true;
}
}
},
/* ==== light ==== */
over : function () {
this.parent.resize();
this.parent.over = true;
setOpacity(this.parent.view.img, this.parent.oP);
this.parent.view = this;
this.start = new Date();
this.cpt = 0;
this.pro = false;
this.calc();
setOpacity(this.img, 100);
}
}
/* ==== public method - script initialization ==== */
    return {
init : function() {
// create instances of sliders here
// parameters : HTMLcontainer name, speed (2 fast - 20 slow), Horizontal ratio, vertical text ratio, opacity
this.s1 = new Slider("slider", 12, 1.84/3, 1/3.2, 70);
setInterval("slider.s1.run();", 16);
}
}
}();
</script>
</head>
<body>
<br>
<div
 style="text-align: center;"><font style="font-weight: bold;" 
size="5"><span style="font-family: Tahoma;"><a href="رابط الصورة
منتداك">الرئيسية</a>  <a href="رابط البوابة او رابط 
اخر">البوابة</a></span></font><br></div>

<div id="center">
<div id="slider">

<div class="slide">
<img
 class="diapo" 
src="رابط الصورة" alt=" كلمات 
دلالية للموضوع " width="500" height="333"><div class="text">

<span class="title">عنوان الموضوع باختصار</span> 
 وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>. 
</div> 


</div><div class="slide">
<img
 class="diapo" 
src="رابط الصورة" alt="كلمات 
دلالية للموضوع" width="500" height="333"><div class="text">
  <span class="title">عنوان الموضوع
</span> 
 وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>. 
</div> 

</div><div class="slide">
<img
 class="diapo" 
src="رابط الصورة" alt=" كلمات 
دلالية للموضوع" width="500" height="354"><div class="text">
  <span class="title">عنوان الموضوع</span> 
 وصف موجز للموضوع .  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>. 
</div> 


</div> <div class="slide">
<img
 class="diapo" 
src="رابط الصورة" alt="كلمات 
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span> 
 وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>. 
</div> 

</div> <div class="slide">
<img
 class="diapo" 
src="رابط الصورة" alt="كلمات 
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span> 
 وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>. 
</div> 


</div> <div class="slide">
<img
 class="diapo" 
src="رابط الصورة" alt="كلمات 
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span> 
 وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>. 
</div> 


</div> <div class="slide">
<img
 class="diapo" 
src="رابط الصورة" alt="كلمات 
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span> 
وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>. 
</div> 


</div> <div class="slide">
<img
 class="diapo" 
src="رابط الصورة" alt="كلمات 
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span> 

وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>. 
</div> 


</div> <div class="slide">
<img
 class="diapo" 
src="رابط الصورة" alt="كلمات 
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span> 
وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>. 
</div> 


</div> <div class="slide">

<img
 class="diapo" 
src="رابط الصورة" alt="كلمات 
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span> 
وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>. 
</div> 


</div> <div class="slide">
<img
 class="diapo" 
src="رابط الصورة" alt="كلمات 
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span> 
وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>. 
</div> 


</div> <div class="slide">
<img
 class="diapo" 
src="رابط الصورة" alt="كلمات 
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span> 
وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>. 
</div> 


</div> <div class="slide">
<img
 class="diapo" 
src="رابط الصورة" alt="كلمات 
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span> 

وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>. 
</div> 


</div> <div class="slide">
<img
 class="diapo" 
src="رابط الصورة" alt="كلمات 
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span> 
وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>. 
</div> 


</div> <div class="slide">

<img
 class="diapo" 
src="رابط الصورة" alt="كلمات 
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span> 
وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>. 
</div> 


</div> <div class="slide">
<img
 class="diapo" 
src="رابط الصورة" alt="كلمات 
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span> 
وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>. 

</div> 


</div> <div class="slide">
<img
 class="diapo" 
src="رابطالصورة" alt="كلمات 
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span> 
وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>. 
</div> 


</div> <div class="slide">
<img
 class="diapo" 
src="رابط الصورة" alt="كلمات 
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span> 

وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>. 
</div> 


</div> <div class="slide">
<img
 class="diapo" 
src="رابط الصورة" alt="كلمات 
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span> 
وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>. 
</div> 


</div> <div class="slide">
<img
 class="diapo" 
src="رابط الصورة" alt="كلمات 
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span> 
وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>. 
</div> 


</div> <div class="slide">
<img
 class="diapo" 
src="رابط الصورة" alt="كلمات 
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span> 
وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>. 
</div> 


</div> <div class="slide">
<img
 class="diapo" 
src="رابط الصورة" alt="كلمات 
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span> 
وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>. 
</div> 


</div> <div class="slide">
<img
 class="diapo" 
src="رابط الصورة" alt="كلمات 
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span> 

وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>. 
</div> 


</div> <div class="slide">
<img
 class="diapo" 
src="رابط الصورة" alt="كلمات 
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span> 
وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>. 
</div> 


</div> <div class="slide">
<img
 class="diapo" 
src="رابط الصورة" alt="كلمات 
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span> 
وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>. 
</div> 


</div> <div class="slide">
<img
 class="diapo" 
src="رابط الصورة" alt="كلمات 
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span> 
وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>. 
</div> 


</div> <div class="slide">
<img
 class="diapo" 
src="رابط الصورة" alt="كلمات 
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span> 
وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>. 
</div> 


</div> <div class="slide">
<img
 class="diapo" 
src="رابط الصورة" alt="كلمات 
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span> 
وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>. 
</div> 


</div> <div class="slide">
<img
 class="diapo" 
src="رابط الصورة" alt="كلمات 
دلالية للموضوع" width="500" height="334"><div class="text">
  <span class="title">عنوان الموضوع</span> 
وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>. 
</div> 


</div> <div class="slide">
<img
 class="diapo" 
src="رابط الصورة" alt="كلمات 
دلالية للموضوع" width="500" height="335"><div class="text">
وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">شقرائة المزيد</a><br><br>. 
</div> 
</div>


<div class="slide">
<img
 class="diapo" 
src="رابط الصورة" alt="كلمات 
دلالية للموضوع " width="500" height="333"><div class="text">
  <span class="title">عنوان الموضوع</span> 
 وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br>. 
</div> 
</div>

<div class="slide">
<img
 class="diapo" 
src="رابط الصورة" alt="كلمات 
دلالية للموضوع" width="500" height="333"><div class="text">
  <span class="title">عنوان الموضوع</span> 
 وصف موجز للموضوع.  <a href="رابط الموضوع" target="_blank">قرائة المزيد</a><br><br> 
</div> 

</div>
</div>

<script type="text/javascript">
/* ==== start script ==== */
slider.init();
</script>
 </body>
 </html>
avatar
ابوليث1994
 
 

ذكر
عدد المساهمات : 409
معدل النشاط : 1965
السُمعة : 3

http://alabda3sun.alafdal.net/

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

رد: كيف سوي كذا

مُساهمة من طرف المحال في الثلاثاء 18 مارس 2014 - 20:47

وضعتها الاكواد في الاعلانات ومانفع!

تظهر فقط في التشكيلات العامة
avatar
المحال
 
 

ذكر
عدد المساهمات : 849
معدل النشاط : 2736
السُمعة : 7

http://makszoox7.forumarabia.com/

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

رد: كيف سوي كذا

مُساهمة من طرف ابوليث1994 في الأربعاء 19 مارس 2014 - 1:33

اخي اعطني رابط منتداك للمعاينة
avatar
ابوليث1994
 
 

ذكر
عدد المساهمات : 409
معدل النشاط : 1965
السُمعة : 3

http://alabda3sun.alafdal.net/

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

رد: كيف سوي كذا

مُساهمة من طرف المحال في الأربعاء 19 مارس 2014 - 14:27

http://makszoox7.forumarabia.com/

ملاحظه انا جربت الاكواد في منتدى تجربي!
تحياتي
avatar
المحال
 
 

ذكر
عدد المساهمات : 849
معدل النشاط : 2736
السُمعة : 7

http://makszoox7.forumarabia.com/

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

رد: كيف سوي كذا

مُساهمة من طرف المحال في الأربعاء 19 مارس 2014 - 15:21

Gta_Cena95 كتب:تفضل اخي الحبيب
منقول للافادة
لا تنسى تغيير روابط

الكود:
<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
المحال
 
 

ذكر
عدد المساهمات : 849
معدل النشاط : 2736
السُمعة : 7

http://makszoox7.forumarabia.com/

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

صفحة 1 من اصل 2 1, 2  الصفحة التالية

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


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