طلبَ كودْ سلآيدرَ شو !!

اذهب الى الأسفل

طلبَ كودْ سلآيدرَ شو !!

مُساهمة من طرف - زهَرة آلاوركيدَ › في الإثنين 25 أغسطس 2014 - 20:41

السلآإممْ عليكم روحممة الله وبرككآتةةَ ،
ممكنَ كودَ سلآيدرَ شوَ مثل آللي هنآ
آو مشآبهه لهَ ، بسَ مآيكون كبيرَ !
مع ططَريقة آلتركيب !
avatar
- زهَرة آلاوركيدَ ›
 
 

انثى
عدد المساهمات : 114
معدل النشاط : 1564
السُمعة : 0

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

رد: طلبَ كودْ سلآيدرَ شو !!

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

مرحبا اختي
اتفضلي الكود
الكود:
<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
حـــوده
 
 

ذكر
عدد المساهمات : 3197
معدل النشاط : 6847
السُمعة : 103

http://www.layalyeg.com

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

رد: طلبَ كودْ سلآيدرَ شو !!

مُساهمة من طرف 1BlaCk GlaSs في الإثنين 25 أغسطس 2014 - 22:47

avatar
1BlaCk GlaSs
 
 

ذكر
عدد المساهمات : 3516
معدل النشاط : 6086
السُمعة : 98

http://www.e3tmadat.com/

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

رد: طلبَ كودْ سلآيدرَ شو !!

مُساهمة من طرف - زهَرة آلاوركيدَ › في الإثنين 25 أغسطس 2014 - 23:22

@حـــوده كتب:مرحبا اختي
اتفضلي الكود
الكود:
<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
- زهَرة آلاوركيدَ ›
 
 

انثى
عدد المساهمات : 114
معدل النشاط : 1564
السُمعة : 0

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

رد: طلبَ كودْ سلآيدرَ شو !!

مُساهمة من طرف - زهَرة آلاوركيدَ › في الإثنين 25 أغسطس 2014 - 23:25

AmEr DeSiGN كتب:تفضلي
http://help.ahlamontada.com/t942570-topic
بس آنآ قلت مآيكون كبيرَ
avatar
- زهَرة آلاوركيدَ ›
 
 

انثى
عدد المساهمات : 114
معدل النشاط : 1564
السُمعة : 0

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

رد: طلبَ كودْ سلآيدرَ شو !!

مُساهمة من طرف 1BlaCk GlaSs في الإثنين 25 أغسطس 2014 - 23:26

يمكنك وضعه بتشكيلات عامة او العناصر المستقلة
avatar
1BlaCk GlaSs
 
 

ذكر
عدد المساهمات : 3516
معدل النشاط : 6086
السُمعة : 98

http://www.e3tmadat.com/

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

رد: طلبَ كودْ سلآيدرَ شو !!

مُساهمة من طرف MЯ11 في الخميس 28 أغسطس 2014 - 21:59

@- زهَرة آلاوركيدَ › كتب:
@حـــوده كتب:مرحبا اختي
اتفضلي الكود
الكود:
<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>



آينَ آضع آلكودَ !
في اي مكان يقبل الHTML
كمثل تشكيلات العامة ، اعلانات خاصة ، وقوالب ،..
avatar
MЯ11
 
 

ذكر
عدد المساهمات : 887
معدل النشاط : 2703
السُمعة : 39

http://www.stibda3.com

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

الرجوع الى أعلى الصفحة


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