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

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

انشاء منتدى مجاني شبيه بهذا المنتدى
أحلى الشبكات الإجتماعية

انشاء منتدى مجاني



 انشاء منتدى مجاني

أقسام الدعم

دعم الخدمات العامة:
مشاكل كلمة السر
مشاكل فتح المنتدى
مشاكل لوحة الإدارة
مشاكل تنسيق المظهر
المشاكل الأخرى

----------------------

دعم الخدمات التكميلية :
مشاكل النطاقات
مشاكل التومبلايت

----------------------

مراسلة الإدارة :

طلب كلمة السر
إرسال أكواد أو شروحات
أتصل بنا
كيفية طلب كلمة سر جديدة
> طريقة طلب كلمة سر

تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
المواضيع الأخيرة
» طلب لتغيير ايميل الانشاء
اليوم في 20:40 من طرف ahd allah

» طلب بعض الاكواد المهمة جدا
اليوم في 20:29 من طرف ahd allah

» وضع صورة
اليوم في 19:28 من طرف zaydoon

» مشكلة وكيف الحل
اليوم في 18:07 من طرف nesma

» سؤال بغاية الاهمية
اليوم في 15:15 من طرف الزعيم

» رابط منتداي يحول الى الادفلاي يرجى رفع للزعيم
اليوم في 15:11 من طرف الزعيم

» مشكلة
اليوم في 11:46 من طرف الزعيم

» لماذا تم حذف دومين 123.st
اليوم في 11:06 من طرف الزعيم

» تجديد الدومين
اليوم في 11:01 من طرف الزعيم

أفضل الأعضاء الموسومين
@الزعيم
 
@@
 
@stones
 
@Mohamed Nsr
 
@JAR7
 

عمل منتدى

كيف سوي كذا

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

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

كيف سوي كذا

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

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

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

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

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

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

بلييز

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

المحال
 
 

ذكر
عدد المساهمات : 849
معدل النشاط : 2350

http://makszoox7.forumarabia.com/

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

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

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

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

Yassine Bablil
 
 

ذكر
عدد المساهمات : 8024
معدل النشاط : 8720

http://www.club-profe.com/

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

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

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


Yassine Bablil
 
 

ذكر
عدد المساهمات : 8024
معدل النشاط : 8720

http://www.club-profe.com/

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

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

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

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

المحال
 
 

ذكر
عدد المساهمات : 849
معدل النشاط : 2350

http://makszoox7.forumarabia.com/

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

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

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

ان شاء الله

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

بلليز

المحال
 
 

ذكر
عدد المساهمات : 849
معدل النشاط : 2350

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>

Yassine Bablil
 
 

ذكر
عدد المساهمات : 8024
معدل النشاط : 8720

http://www.club-profe.com/

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

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

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

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

تحياتي

المحال
 
 

ذكر
عدد المساهمات : 849
معدل النشاط : 2350

http://makszoox7.forumarabia.com/

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

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

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

اين انتم؟؟؟

المحال
 
 

ذكر
عدد المساهمات : 849
معدل النشاط : 2350

http://makszoox7.forumarabia.com/

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

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

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

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

المحال
 
 

ذكر
عدد المساهمات : 849
معدل النشاط : 2350

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--> 

ابوليث1994
 
 

ذكر
عدد المساهمات : 407
معدل النشاط : 1579

http://alabda3sun.alafdal.net/

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

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

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

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

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


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

المحال
 
 

ذكر
عدد المساهمات : 849
معدل النشاط : 2350

http://makszoox7.forumarabia.com/

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

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

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

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

ابوليث1994
 
 

ذكر
عدد المساهمات : 407
معدل النشاط : 1579

http://alabda3sun.alafdal.net/

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

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

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

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

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

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

وشكرااا

المحال
 
 

ذكر
عدد المساهمات : 849
معدل النشاط : 2350

http://makszoox7.forumarabia.com/

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

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

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


ابوليث1994
 
 

ذكر
عدد المساهمات : 407
معدل النشاط : 1579

http://alabda3sun.alafdal.net/

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

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

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

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

المحال
 
 

ذكر
عدد المساهمات : 849
معدل النشاط : 2350

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

ابوليث1994
 
 

ذكر
عدد المساهمات : 407
معدل النشاط : 1579

http://alabda3sun.alafdal.net/

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

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

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

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

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

المحال
 
 

ذكر
عدد المساهمات : 849
معدل النشاط : 2350

http://makszoox7.forumarabia.com/

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

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

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

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

ابوليث1994
 
 

ذكر
عدد المساهمات : 407
معدل النشاط : 1579

http://alabda3sun.alafdal.net/

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

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

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

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

المحال
 
 

ذكر
عدد المساهمات : 849
معدل النشاط : 2350

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>

ابوليث1994
 
 

ذكر
عدد المساهمات : 407
معدل النشاط : 1579

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>

ابوليث1994
 
 

ذكر
عدد المساهمات : 407
معدل النشاط : 1579

http://alabda3sun.alafdal.net/

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

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

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

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

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

المحال
 
 

ذكر
عدد المساهمات : 849
معدل النشاط : 2350

http://makszoox7.forumarabia.com/

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

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

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

اخي اعطني رابط منتداك للمعاينة

ابوليث1994
 
 

ذكر
عدد المساهمات : 407
معدل النشاط : 1579

http://alabda3sun.alafdal.net/

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

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

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

http://makszoox7.forumarabia.com/

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

المحال
 
 

ذكر
عدد المساهمات : 849
معدل النشاط : 2350

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>


هذا هو الكوود الي ابيه لكن ابي يكون في الاعلانات الخاصه وليس التشيكلات العامة

المحال
 
 

ذكر
عدد المساهمات : 849
معدل النشاط : 2350

http://makszoox7.forumarabia.com/

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

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

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


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