- زهَرة آلاوركيدَ ›
عدد المساهمات : 77 معدل النشاط : 3935 السُمعة : 0
| موضوع: طلبَ كودْ سلآيدرَ شو !! الإثنين 25 أغسطس 2014 - 20:41 | |
| السلآإممْ عليكم روحممة الله وبرككآتةةَ ، *، ممكنَ كودَ سلآيدرَ شوَ مثل آللي هنآ آو مشآبهه لهَ ، بسَ مآيكون كبيرَ ! مع ططَريقة آلتركيب ! | |
|
حـــوده
عدد المساهمات : 2907 معدل النشاط : 9218 السُمعة : 103
| موضوع: رد: طلبَ كودْ سلآيدرَ شو !! الإثنين 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>
| |
|
1BlaCk GlaSs
عدد المساهمات : 2702 معدل النشاط : 8457 السُمعة : 98
| موضوع: رد: طلبَ كودْ سلآيدرَ شو !! الإثنين 25 أغسطس 2014 - 22:47 | |
| | |
|
- زهَرة آلاوركيدَ ›
عدد المساهمات : 77 معدل النشاط : 3935 السُمعة : 0
| موضوع: رد: طلبَ كودْ سلآيدرَ شو !! الإثنين 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>
آينَ آضع آلكودَ !
| |
|
- زهَرة آلاوركيدَ ›
عدد المساهمات : 77 معدل النشاط : 3935 السُمعة : 0
| موضوع: رد: طلبَ كودْ سلآيدرَ شو !! الإثنين 25 أغسطس 2014 - 23:25 | |
| | |
|
1BlaCk GlaSs
عدد المساهمات : 2702 معدل النشاط : 8457 السُمعة : 98
| موضوع: رد: طلبَ كودْ سلآيدرَ شو !! الإثنين 25 أغسطس 2014 - 23:26 | |
| يمكنك وضعه بتشكيلات عامة او العناصر المستقلة | |
|
MЯ11
عدد المساهمات : 655 معدل النشاط : 5074 السُمعة : 39
| موضوع: رد: طلبَ كودْ سلآيدرَ شو !! الخميس 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 كمثل تشكيلات العامة ، اعلانات خاصة ، وقوالب ،.. | |
|