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

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

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

استخراج كود سلايد شو

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

استخراج كود سلايد شو

مُساهمة من طرف MR.KA!TO10 في الإثنين 25 أغسطس 2014 - 19:21

السلام عليكم 

هل تستطيعون استخراج هذا السلايد شو ؟؟ 

في هذا الموقع 

http://www.imzaj.com/


بالمناسبة .. ارجو ان يكون الاستخراج صحيحاً .. وليس مثل هذا الكود فهو ناقص 

الرمز:
 
<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(http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/images/next_prev.png) no-repeat -6px -5px;
  width: 18px;
  height: 21px;
  overflow: hidden;
  text-indent: -555px;
}
.slideset .prev {
  position: absolute;
  left: 0px;
  top: 72px;
  background: url(http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/images/next_prev.png) 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="http://www.imzaj.com/wp-content/uploads/2012/12/349757-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="4egy.net" />            </a>
            <!--image-->
                    </li>
                  <li>
                        <a href="#">
              <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/microsoft-surface-tablets-the-differences-between-rt-and-window-150x150.jpg" class="attachment-200x145 wp-post-image" alt="4egy.net" />            </a>
            <!--image-->
                    </li>
                  <li>
                        <a href="#">
              <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/nexus7-150x150.jpeg" class="attachment-200x145 wp-post-image" alt="4egy.net" />            </a>
            <!--image-->
                    </li>
                  <li>
                        <a href="#">
              <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/C710-2605-Chromebook-150x150.jpg" class="attachment-200x145 wp-post-image" alt="4egy.net" />            </a>
            <!--image-->
                    </li>
                  <li>
                        <a href="#">
              <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/Screen-Shot-2012-12-12-at-4.53.39-PM-150x150.png" class="attachment-200x145 wp-post-image" alt="4egy.net" />            </a>
            <!--image-->
                    </li>
                        </ul>
  </div>
</div>
<!--//slideset-->
<! --- code prog by www.4egy.net --->

MR.KA!TO10
 
 

ذكر
عدد المساهمات : 829
معدل النشاط : 2534

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

رد: استخراج كود سلايد شو

مُساهمة من طرف MR.KA!TO10 في الإثنين 25 أغسطس 2014 - 20:20

up

MR.KA!TO10
 
 

ذكر
عدد المساهمات : 829
معدل النشاط : 2534

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

رد: استخراج كود سلايد شو

مُساهمة من طرف حـــوده في الإثنين 25 أغسطس 2014 - 21:43

مرحبا اخي اتفضل طلبك
كود سلايد شو طبق الاصل من المثال الذي طلبته تكويدي
الرمز:
<style>
.layalyeg {
    height: 167px;
    margin: auto auto 20px;
    overflow: hidden;
    position: relative;
    width: 960px;
}
.layalyeg .next {
    background: url("http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/images/next_prev.png") no-repeat scroll -6px -5px rgba(0, 0, 0, 0);
    height: 21px;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-indent: -555px;
    top: 72px;
    width: 18px;
}
.layalyeg .prev {
    background: url("http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/images/next_prev.png") no-repeat scroll -6px -35px rgba(0, 0, 0, 0);
    height: 21px;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-indent: -555px;
    top: 72px;
    width: 18px;
}
.layalyeg .slidesetCont {
    background: none repeat scroll 0 0 #000;
    margin: auto;
    position: relative;
    width: 905px;
}
.slidesetCont ul {
    float: right;
    width: 100%;
}
.slidesetCont ul > li {
    float: left;
}
.slidesetCont ul > li a {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #d2d2d2;
    display: block;
    height: 145px;
    margin: 0 7px;
    overflow: hidden;
    padding: 6px;
    width: 200px;
}
.slidesetCont ul > li a img {
    background: none repeat scroll 0 0 #eee;
    display: block;
    height: 145px !important;
    width: 200px !important;
}
 
</style>
<script src="http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/js/bdayh_custom.js" type="text/javascript"></script>
<script src="http://www.imzaj.com/wp-content/themes/iMzaj/iMzaj/js/bdayh.js" type="text/javascript"></script>



<!--//navigation--><div class="layalyeg"> <a class="next" href="#">التالي</a> <a class="prev" href="#">السابق</a>
  <div class="slidesetCont">
      <ul class="set1">
                  <li>
                        <a href="http://www.layalyeg.com/t17021-topic">
            <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/349757-150x150.jpeg" class="attachment-200x145 wp-post-image" title="كود سلايد شو عارض للصور من ليالي مصرية" />            </a>
            <!--image-->
                    </li>
                  <li>
                        <a href="http://www.layalyeg.com/t17021-topic">
            <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/microsoft-surface-tablets-the-differences-between-rt-and-window-150x150.jpg" class="attachment-200x145 wp-post-image" title="كود سلايد شو عارض للصور من ليالي مصرية" />            </a>
            <!--image-->
                    </li>
                  <li>
                        <a href="http://www.layalyeg.com/t17021-topic">
            <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/nexus7-150x150.jpeg" class="attachment-200x145 wp-post-image" title="كود سلايد شو عارض للصور من ليالي مصرية" />            </a>
            <!--image-->
                    </li>
                  <li>
                        <a href="http://www.layalyeg.com/t17021-topic">
            <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/C710-2605-Chromebook-150x150.jpg" class="attachment-200x145 wp-post-image" title="كود سلايد شو عارض للصور من ليالي مصرية" />            </a>
            <!--image-->
                    </li>
                  <li>
                        <a href="http://www.layalyeg.com/t17021-topic">
            <img width="145" height="145" src="http://www.imzaj.com/wp-content/uploads/2012/12/Screen-Shot-2012-12-12-at-4.53.39-PM-150x150.png" class="attachment-200x145 wp-post-image" title="كود سلايد شو عارض للصور من ليالي مصرية" />            </a>
            <!--image-->
                    </li>
                        </ul>
  </div>



حـــوده
 
 

ذكر
عدد المساهمات : 3192
معدل النشاط : 6351

http://www.layalyeg.com

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

رد: استخراج كود سلايد شو

مُساهمة من طرف 1BlaCk GlaSs في الثلاثاء 26 أغسطس 2014 - 0:53

تفضل موضوع يفيدك
http://help.ahlamontada.com/t942570-topic

1BlaCk GlaSs
 
 

ذكر
عدد المساهمات : 3516
معدل النشاط : 5599

http://www.e3tmadat.com/

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

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


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