 كود سلايدر احترافي بشكل انيق وبعدة صور | |  |
| كود سلايدر احترافي بشكل انيق وبعدة صور | |
|
|
كاتب الموضوع | رسالة |
---|
زائر زائر

 | موضوع: كود سلايدر احترافي بشكل انيق وبعدة صور الثلاثاء سبتمبر 01, 2015 11:02 am | |
| كود سلايدر احترافي بشكل انيق وبعدة صور صورة السلايدر  https://2img.net/h/oi62.tinypic.com/fc08s9.gif الكود - الكود:
-
<style> #mcis { display: none;} #sliderFrame { background:#222; margin: 2px auto 20px; padding: 20px 20px 28px; position: relative; width: 620px; } #slider img { position: absolute; border: none; display: none; } #slider { width: 620px; height: 350px; background: #fff url(https://lh6.googleusercontent.com/-TghMlE2NjrY/U0ZhaCofIVI/AAAAAAAADuE/Y3WD45mnRDU/s32/preview.gif) no-repeat 50% 50%; position: relative; margin: 0 auto; } #slider a.imgLink { z-index: 2; display: none; position: absolute; top: 0px; left: 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; left: 0px; bottom: 0px; z-index: 3; overflow: hidden; font-size: 0; } div.mc-caption-bg {background-color: black;} div.mc-caption { background: url("https://lh5.googleusercontent.com/-lafTQRfuog0/U0EsxD_XSMI/AAAAAAAADr4/16mJJ7Ssx_0/s28/backslide.png") repeat scroll 0 0 rgba(0, 0, 0, 0); color: #EEEEEE; font: bold 15px/30px tahoma; padding: 10px 0; text-align: center; z-index: 4; } div.mc-caption a { color: #FB0;} div.mc-caption a:hover { color: #DA0;} div.navBulletsWrapper { top:350px; background: none; position: relative; z-index: 5; cursor: pointer; } div.navBulletsWrapper div{ background:#ccc; cursor: pointer; float: right; height: 9px; margin-left: 1px; overflow: hidden; vertical-align: middle; width: 87px; } div.navBulletsWrapper div.active { background:#1980E6;} #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="https://cnmu.googlecode.com/svn/trunk/cnmuslid.js" type="text/javascript"></script>
<div id="sliderFrame"> <div id="slider"> <a href="#"><img src="i#" alt="عنوان الموضوع"/></a> <a href="#"><img src="i#" alt="عنوان الموضوع"/></a> <a href="#"><img src="i#" alt="عنوان الموضوع"/></a> <a href="#"><img src="i#" alt="عنوان الموضوع"/></a> <a href="#"><img src="i#" alt="عنوان الموضوع"/></a> <a href="#"><img src="i#" alt="عنوان الموضوع"/></a> </div></div>
شرح التعديل على السلايدر شو الرقم 620 هو عرض السلايدر عدله في المرتين الرقم 350 هو الإرتفاع عدله أيضاً في المرتين هذا #1980E6 هو لون السلايدر النشط الإستخداماستبدل i# برابط الصورة بالمقاس المناسب الذي اخترته لعرض وارتفاع السلايدر استبدل رمز # بالرابط الذي تريده ان يظهر عند الضغط على الصورة اما كلمة عنوان الموضوع استبدلها بعنوان مناسب انت لديك 7 سطور كل سطر يساوي صورة في السلايدر , يمكنك الحذف او يمكنك تكرار الكود دة - الكود:
-
<a href="#"><img src="i#" alt="عنوان الموضوع"/></a>
لتحصل على صور جديدة في حالة الزيادة او النقصان شريط التنقل السفلي لن يكون مظهره مضبوط لذلك عدل الرقم 87ان زدت الصور قم بتقليل الرقم حتى تصغر مساحة ازرار التنقل وتستوعب الصور الجديدة دون تشوه اما ان قللت عدد الصور زد الرقم حتى تتسع الازرار وتكون بمظهر مناسب طريقة التركيب يوضع الكود فى اى مكان يقبل HTMLذكر المصدر عند النقل |
|
 | |
صرخة ألم
عضو فعال

  عدد المساهمات : 281 نقاط النشاط : 461 السٌّمعَة : 12 العمر : 30
 | موضوع: رد: كود سلايدر احترافي بشكل انيق وبعدة صور الثلاثاء سبتمبر 01, 2015 1:27 pm | |
| سلمت أناملك/ي الذهبية عالطرح الرائع الذي أنار صفحات منتدى الابداع العربي بكل ماهو جديد لكِ مني أرق وأجمل التحايا على هذا التألق والأبداع والذي هو حليفك/ي دوما" أن شاء الله |
|
 | |
زائر زائر

 | موضوع: رد: كود سلايدر احترافي بشكل انيق وبعدة صور الأربعاء سبتمبر 02, 2015 10:32 pm | |
| |
|
 | |
ѕαα∂ ∂єѕιgη
سوبر الإبداع

  عدد المساهمات : 43577 نقاط النشاط : 48233 السٌّمعَة : 302 بلد العضو :  العمر : 23
 | |
 | |
زائر زائر

 | موضوع: رد: كود سلايدر احترافي بشكل انيق وبعدة صور الخميس سبتمبر 03, 2015 2:28 pm | |
| |
|
 | |
Abshahad
سوبر الإبداع

  عدد المساهمات : 23607 نقاط النشاط : 27156 السٌّمعَة : 90 بلد العضو :  العمر : 41
 | موضوع: رد: كود سلايدر احترافي بشكل انيق وبعدة صور السبت فبراير 06, 2016 1:30 pm | |
| بارك الله فيك وجعله الله لك في ميزان حسناتك دمت في حمي الرحمن
|
|
 | |
Mr. Loay
سوبر الإبداع

  عدد المساهمات : 6242 نقاط النشاط : 7090 السٌّمعَة : 65 بلد العضو :  العمر : 18
 | موضوع: رد: كود سلايدر احترافي بشكل انيق وبعدة صور الأحد فبراير 07, 2016 7:16 pm | |
| كوددد جميلشكككرآ ~  سبحان الله وبحمده .. سبحان الله العظيم ... اللهم صلِّ وسلم على محمد.. وعلى آله وصحبه أجمعين |
|
 | |
THE ROCK
عضو خبير

 عدد المساهمات : 668 نقاط النشاط : 988 السٌّمعَة : 24 بلد العضو : 
 | موضوع: رد: كود سلايدر احترافي بشكل انيق وبعدة صور الأحد فبراير 07, 2016 7:42 pm | |
| كود وتطوير رائعه يعطيك العافيه وتسلم الأيادي المتألقه على روعة ماخطت لنا من ابجديات واكواد ماسيه بإنتظار روائعك القادمه بشوووق |
|
 | |
زائر زائر

 | موضوع: رد: كود سلايدر احترافي بشكل انيق وبعدة صور الأحد فبراير 07, 2016 7:49 pm | |
| |
|
 | |
زائر زائر

 | موضوع: رد: كود سلايدر احترافي بشكل انيق وبعدة صور الثلاثاء مايو 17, 2016 8:25 pm | |
| السلام عليكم ورحمة الله وبركاته ألف شكر لكَ على هذا الموضوع المميز و المعلومات القيمة إنـجاز أكثر رائــــــع لكن أرجو منكَ عدم التوقف عند هذا الحد مـنتظرين ابداعتــــــك دمتـ ودام تألقـك
تحياتــي |
|
 | |
زائر زائر

 | موضوع: رد: كود سلايدر احترافي بشكل انيق وبعدة صور السبت أغسطس 27, 2016 7:05 pm | |
| |
|
 | |
زائر زائر

 | موضوع: رد: كود سلايدر احترافي بشكل انيق وبعدة صور السبت أغسطس 27, 2016 11:22 pm | |
| |
|
 | |
زائر زائر

 | موضوع: رد: كود سلايدر احترافي بشكل انيق وبعدة صور الخميس سبتمبر 15, 2016 12:29 am | |
| |
|
 | |
JoryAbdallah
سوبر الإبداع

  عدد المساهمات : 126400 نقاط النشاط : 142121 السٌّمعَة : 3010 بلد العضو :  العمر : 36
 | موضوع: رد: كود سلايدر احترافي بشكل انيق وبعدة صور الأحد يناير 29, 2017 12:47 am | |
| |
|
 | |
El Desha El Hlawany1
رئاسة فريق التصميم

  عدد المساهمات : 828 نقاط النشاط : 970 السٌّمعَة : 55 بلد العضو :  العمر : 25
 | موضوع: رد: كود سلايدر احترافي بشكل انيق وبعدة صور الإثنين يناير 30, 2017 12:26 pm | |
| شكرا اخي الغالي على الطرح الرائع ,,,,,واصل تالقك .... مع جزيل الشكر ..." تحية مع الشكر |
|
 | |
| كود سلايدر احترافي بشكل انيق وبعدة صور | |
|