منتديات هندسة بلا حدود
نرحب بكم ونتمنى لكم اجمل الاوقات
يرجى تسجيل دخولك أو التسجيل في المنتدى
عملية التسجيل سهلة جدا جدا ويمكنكم التسجيل دون الحاجة الى بريد الكتروني في حال لا يوجد لديكم,
فقط بعد التسجيل اذهب الى قسم تفعيل العضوية وطلب تفعيل حسابك مجانا, اهلا بالزوار
****************
ضع إعلانك معنا مجانا وبدون تسجيل (نحقق لك الاشهار والانتشار وزيادة الاعضاء والزوار) مجانا
****************
بسم الله . ماشاء الله..لاقوة الا بالله..اللهم صلى وسلم وبارك على سيدنا محمد
تسجيل دخول
اعلانات ادارية
  • ♥♥ ضع إعلانك معنا مجانا وبدون تسجيل (نحقق لك الاشهار والانتشار وزيادة الاعضاء والزوار) ♥♥

  • ♥♥ راسلنا لوضع اعلانك وستحصل على مميزات اعلانية خيالية ♥♥

أهلا وسهلا بك في منتديات هندسة بلا حدود .

css, html, java, games, cods, facebook, google, gmail, yahoo, hotmail, free ,للبيع, للشراء, للإيجار, عقارات, سيارات, اجهزة كهربائية , اثاث, خدمات, نقل عفش, بناء, كمبيوتر, صيانة, السياحة, وظائف, في الأردن , إعلانات, مبوبة, منتديات, ‏هندسة, اعلانات, مجاني


شاطر|


بيانات كاتب الموضوع
كود سلايد شو احترافى
كاتب الموضوعرسالة
المعلومات
الكاتب:
اللقب:
المدير العام
الرتبه:
المدير العام
الصورة الرمزية

avatar
البيانات
البلد البلد : الاردن
الاوسمة الخاصة الاوسمة الخاصة : ادارة المنتدى
الجنس الجنس : ذكر
عدد المساهمات عدد المساهمات : 2078
نقاط نقاط : 17557
السٌّمعَة السٌّمعَة : 21
تاريخ التسجيل تاريخ التسجيل : 20/07/2012
المستوى التعليمي المستوى التعليمي : Mechatronics & Control Engineering
العمل/الترفيه العمل/الترفيه : متابعة التكنولوجيا
المزاج المزاج : معتدل
تعاليق تعاليق : المدير العام لمنتديات هندسة بلا حدود
ஜ۩‎®️‎۩ஜ(م.نبيل الدم)ஜ۩‎®️‎۩ஜ

الإتصالات
الحالة:
وسائل الإتصال:
http://enging.yoo7.comhttp://www.facebook.com/Brmjyatrom3dhttps://twitter.com/Brmjyatrom3d

موضوع: كود سلايد شو احترافى الجمعة 22 يوليو 2016, 7:51 pm

اذا احتوت المشاركة صورا - قم بالضغط عليها لعرضها بحجمها الطبيعي




كود سلايد شو احترافى


السلام عليكم 
اليوم اعطيكم كود جميل لسلايد شو 
وان شاء الله يعجبكمم 


*77 


الكود : 



الكود:
[center][/center]
     <style type="text/css">
 
    #mcis {
    display: none;
    }
 
    #sliderFrame {
    position: relative;
    width: 468px;
    margin: 0 auto;
            border:3px solid #E1E0E2;
    }
 
    #ribbon {
    width: 111px;
    height: 111px;
    position: absolute;
    top: -4px;
    right: -4px;
    }
 
    #slider {
    width: 468px;
    height: 260px;
    background: #fff url(https://lh3.googleusercontent.com/-jr3u7sHVNzc/T_9iyf5egvI/AAAAAAAAC9c/jwanynfbt7Y/h120/mdonti-n.blogspot.com-loading.gif) no-repeat 50% 50%;
    position: relative;
    margin: 0 auto;
    box-shadow: 0px 1px 5px 010007;
    }
 
    #slider img {
    position: absolut;
    border: none;
    display: none;
    }
 
    #slider a.imgLink {
    z-index: 2;
    display: none;
    position: absolute;
    top: 0px;
    right: 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;
    right: 0px;
    bottom: 0px;
    z-index: 3;
    overflow: hidden;
    font-size: 0;
    }
 
 
    div.mc-caption-bg {
    background-color: #0066CC;
    }
 
    div.mc-caption {
    font: bold 25px/21px traditional arabic ;
    color:  #0000;
    z-index: 4;
    padding: 10px 0;
    text-align: center;
    }
 
    div.mc-caption a {
    color: #FB0;
    }
 
    div.mc-caption a:hover {
    color: #DA0;
    }
 
    div.navBulletsWrapper {
    top: 250px;
    right: 190px;
    width: 150px;
    background: none;
    padding-right: 20px;
    position: relative;
    z-index: 5;
    cursor: pointer;
    }
 
    div.navBulletsWrapper div {
    width: 11px;
    height: 11px;
    background: transparent url(http://i18.servimg.com/u/f18/15/90/68/93/mdonti10.png) no-repeat 0 0;
    float: right;
    overflow: hidden;
    vertical-align: middle;
    cursor: pointer;
    margin-left: 11px;
    _position: relative;
    }
 
    div.navBulletsWrapper div.active {
    background-position: 0 -11px;
    }
 
    #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 type="text/javascript" src="http://my-mdonti.googlecode.com/files/js-image-slider.js"></script>      
<div id="sliderFrame">
          
   <div id="ribbon">
   </div>
                  
   <div id="slider">
            <img alt="ttttt" src="pppp" />      <img alt="ttttt" src="ppppp" />      <img alt="ttttt" src="ppppp" />      <img alt="ttttt" src="ppppp" />    <img alt=" ttttt" src="ppppp" />                    
   </div>
</div>



قبل حفظ الأداة نقوم باضافة الصور التي نود ظهورها على السلايد شو كما يلي :





  • نضع مكان الرمز ppppp رابط الصورة (الرابط الإلكتروني لصورة الموضوع)





  • نضع مكان الرمز ttttt عنوان الموضوع (أو نختار عنوان أخر للموضوع )








1- اذا أردنا زيادة عدد المواضيع المعروضة نقوم بزيادة عدد الأكواد التالية

الكود:

    <img src="pppp" alt="ttttt"/></a>




اي نقوم بنسخها ولصقها الواحدة تلو الأخرى حسب عدد المواضيع التي نريد عرضها على السلايد شو (Slideshow ).


2- التحكم في ارتفاع وعرض الأداة (الإطار الخارجي) نقوم بالبحث عن الكود التالي :


لتغيير عرض الأداة width 
لتغيير ارتفاع الأداة height




[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] {
width: 468px;
height: 260px;


3- تغيير لون السلايدشو الصغيرة (التي يتم بها عرض عنوان الموضوع ) نبحث عن الكود التالي 
background-color: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط];
ونقوم بتغيير الرمز 0066cc (للحصول على الألوان بصيغة html انتقل للصفحة التالية )


4- تغيير حجم ولون خط عنوان الموضوع (عناوين  المواضيع المعروضة على السلايد شو) ابحث عن الكود التالي :


الكود:
font: bold 25px/21px traditional arabic ;





الرمز traditional arabic لإستبدال نوع الخط 
الرمز   25px حجم الخط .
هذه هي اهم التعديلات التي نحتاج اليها لتنسيق الأداة بما يتناسب مع الشكل والتصميم
ملاحظة : الكود ليس من تصميمى ولكن تم التعديل عليه بما يناسب احلى منتدى 


طريقة وضع الكود : يوضع الكودفى اى مكان يقبل HTML
انتهى 
Arabian Star




/*5


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


" شارك الموضع مع الجميع عبر المواقع لتعم الفائدة "




 الموضوع الأصلي : كود سلايد شو احترافى // المصدر : منتديات هندسة بلا حدود // الكاتب:نبيل الدم


توقيع العضو ; نبيل الدم



منتديات, ‏هندسة, اعلانات, مجانا, مجانية, الاشهار, برامج, كهرباء, برمجة, الكترونيات, التحكم, المبرمج, الحماية, التصميم, Control, Mechatronics, facebook, plc, motor, star, delta, ats, google, app, cnc,
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ஜ۩‎®‎۩ஜ(م.نبيل الدم)ஜ۩‎®‎۩ஜ


كود سلايد شو احترافى

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



الــرد الســـريـع



آخر المواضيع في منتديات هندسة بلا حدود
الموضوع
تاريخ ارسال المشاركة
بواسطة
برنامج الوسام الملكي
لعبة ترتيب الارقام من تصميم نبيل الدم حملها والعب مجانا
Design of production lines and cnc programs for production machines
Development on industrial control systems and machinery
HVAC R&D Control Scada program
علاج السكته القلبيه إذا أتتك وأنت لوحدك لاقدر الله
اعلان لموقعك رابط نصي في منتديات هندسة بلا حدود لمدة شهر بأرخص الاسعار وايضا تخفيض لأكثر من نص او موقع يمكنك طلب الخدمة من خمسات على الرابط التالي:
اخيرا شاهد حقيقيه رقصة دام تو كوسيتا التي اشغلت العالم بتقليدها | Dame Tu Cosita Challenge
يمكنني مساعدتك في مشاريع التخرج او في تنفيذ فكرتك مقابل 5$
تقديم استشارات في الكهرباء والبرمجة والتحكم الصناعي
الثلاثاء 17 أبريل 2018, 8:41 pm
الثلاثاء 10 أبريل 2018, 7:19 pm
الثلاثاء 10 أبريل 2018, 6:53 pm
الثلاثاء 10 أبريل 2018, 6:50 pm
الثلاثاء 10 أبريل 2018, 6:43 pm
الجمعة 06 أبريل 2018, 2:52 pm
الثلاثاء 03 أبريل 2018, 7:27 pm
الجمعة 30 مارس 2018, 8:44 pm
الجمعة 30 مارس 2018, 6:53 pm
الجمعة 30 مارس 2018, 6:41 pm

Flag Counter منتديات هندسة بلا حدود


تعرف على منتديات هندسة بلا حدود

يعتبر موقع منتديات هندسة بلا حدود من المنتديات المشهورة والمهمة ومن المواقع هندسية العربية على الانترنت ،وحتى الآن عدد الأعضاء المنتسبين له في المنتديات كأكبر تجمع هندسي عربي حتى الآن .ويهدف الموقع إلى نشر المعرفة الهندسية وتقديم كل ماله فائدة للمهندسين والفنيين والمهتمين من خلال أقسامه العلمية والهندسية المتعددة ،بالإضافة إلى وجود أقسام عامة تستقطب الكثير لمختلف النقاشات الهادفة.
جميع الحقوق محفوظة 2017 © منتديات هندسة بلا حدود Powered by phpBB ® Copyright © 2012 - 2017 تصميم منتديات هندسة بلا حدود نبيل الدم