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

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

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

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


شاطر|


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

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

الإتصالات
الحالة:
وسائل الإتصال:
http://enging.yoo7.comhttps://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,
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ஜ۩‎®‎۩ஜ(م.نبيل الدم)ஜ۩‎®‎۩ஜ


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

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



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



آخر المواضيع في منتديات هندسة بلا حدود
الموضوع
تاريخ ارسال المشاركة
بواسطة
شركة نقل اثاث بالرياض شركة البيوت
شركة رش مبيدات و مكافحة حشرات بالرياض شركة فرصة
نقل اثاث بالرياض
افضل شركة تنظيف خزانات وتسليك مجاري بجازان 0543624012-0538357157
شركة نقل اثاث بالرياض ركن البناء 0557009503 - 0507001078
هل تواجهك مشكلة تسرب المياه ولا تدري ما الحل ؟!0542946883-596206155
شركة كشف تسربات المياه بالرياض - شركة البيوت
شركة نقل اثاث بالرياض
الريان للمنظفات
شركة ترميم منازل و فلل بالرياض ركن البناء 0557009503 - 0507001078
الأحد 11 نوفمبر 2018, 11:45 pm
الأحد 11 نوفمبر 2018, 11:43 pm
الأحد 11 نوفمبر 2018, 11:40 pm
الأربعاء 07 نوفمبر 2018, 3:54 am
الخميس 18 أكتوبر 2018, 12:16 pm
الخميس 18 أكتوبر 2018, 12:15 pm
الخميس 18 أكتوبر 2018, 10:25 am
الخميس 18 أكتوبر 2018, 10:24 am
الخميس 11 أكتوبر 2018, 5:24 pm
الأربعاء 22 أغسطس 2018, 4:40 pm

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


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

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