منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات 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 --->
avatar
MR.KA!TO10
 
 

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

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

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

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

up
avatar
MR.KA!TO10
 
 

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

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

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

مُساهمة من طرف حـــوده في الإثنين 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>


avatar
حـــوده
 
 

ذكر
عدد المساهمات : 3195
معدل النشاط : 6422

http://www.layalyeg.com

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

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

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

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

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

http://www.e3tmadat.com/

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

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


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