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

  • ♥♥ ادعوا اصدقائك للاشتراك معنا لتصل جميع اعلانات التوظيف واخر الاخبار والمواضيع الى بريدكم الالكترونى مباشرة ♥♥

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

  • ♥♥ ( لمتابعة آخر الاعلانات والوظائف والمواضيع والاخبار أولا بأول يرجى مراجعة موقعنا من كل حين لآخر حيث يتم النشر وبشكل مستمر لكافة المواضيع المتنوعة والهامة ) ♥♥

* منتديات هندسة بلا حدود * يتم تفعيل الحساب خلال 24 ساعة من قبل ادارة المنتدى او من خلال ايميل تسجيل العضو مباشرة *

ضع إعلانك معنا مجانا * وبدون تسجيل * كود سلايد شو احترافى Images21


شاطر


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

نبيل الدم
البيانات
البلد البلد : الاردن
الاوسمة الخاصة الاوسمة الخاصة : ادارة المنتدى
الجنس الجنس : ذكر
عدد المساهمات عدد المساهمات : 4380
نقاط نقاط : 67230
السٌّمعَة السٌّمعَة : 23

الإتصالات
الحالة:
وسائل الإتصال:
https://khedmahle.comhttps://www.facebook.com/Brmjyatrom3dhttps://twitter.com/Brmjyatrom3dhttps://pinterest.com/https://www.estaql.com

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

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





3535 منتديات هندسة بلا حدود : كود سلايد شو احترافى



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


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


*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


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


" ======================================================= "

" انتهى الاعلان او الموضوع او الخبر "


خبير سيو تواصل معي : خبير سيو

ميز اعلانك من هنا : اعلان رابط نصي دو فلو على منتديات هندسة بلا حدود 5$ فقط لشهر واحد - متجر خدمة لي

اعلان مميز : امتلك متجر الكتروني احترافي مع منصة استقل

خدمات تحسين سيو المواقع



" فضلا وليس امرا شارك الموضع مع الجميع عبر المواقع لتعم الفائدة "
" اعلن هنا لمدة اسبوعين ب 5$ دولار انقر على الاعلان للحجز من خلال متجر خدمة لي او راسل نبيل الدم"




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


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

امتلك متجر الكتروني

يعتبر موقع منتديات هندسة بلا حدود من المنتديات المشهورة والمهمة ومن المواقع الهندسية العربية على الانترنت ،وحتى الآن عدد الأعضاء المنتسبين له في المنتديات كأكبر تجمع هندسي عربي حتى الآن.
زيادة متابعين ولايكات
اشتراكات شاهد
خبير سيو
الاعلانات الممولة
يوتيوب بريميوم
اخبار
اكسترا
شرائح البيانات
اعلان السناب
تصميم مواقع


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

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

مواضيع مماثلة

» كود سلايد شو احترافى
» وضع ايطار للمنتداى احترافى ورائع
» كود مدخل منتدى احترافى سهل التعديل والتركيب على رئيسيه المنتديات [كود html]
» [كود html -code] سلايد | Slide
» أجمل 4 سلايد شو قد تجدها في صفحات النت + صور + تحميل
امتلك متجر الكتروني احترافي مع منصة استقل الكلمات الدلالية (Tags)
منصة استقل رابط الموضوع
odessarab bbcode BBCode
odessarab HTML HTML كود الموضوع
الإشارات المرجعية والمشاركة عبر مواقع التواصل الاجتماعي
التعليق على الموضوع بواسطة الفيس بوك



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

هام جداً: قوانين المساهمة في المواضيع. انقر هنا للمعاينة



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

مواقعنا
إعلانات مدفوعة لطلب الإعلان لدينا تواصل معنا واتساب
مواقعنا

اخبار سرايا العاجله الاردن

حي نزال شارع الدستور

سيريال نمبر داونلود مانجر

الرقم التسلسلي internet download manager مدى الحياة

الرقم التسلسلي للداونلود مانجر

رقم تسلسلي
1 - 2 - 3 - 4 - 5 - 6 - 7 - 8 - 9 - 10 - 11 - 12 - 13 - 14 - 15 - 16 - 17 - 18 - 19 - 20
باك لينك مدفوع

تبادل إعلاني نصي معنا على منتدياتنا باك لينك خرافي


نوافذ إعلانية


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

يعتبر موقع منتديات هندسة بلا حدود من المنتديات المشهورة والمهمة ومن المواقع الهندسية العربية على الانترنت ،وحتى الآن عدد الأعضاء المنتسبين له في المنتديات كأكبر تجمع هندسي عربي حتى الآن .ويهدف الموقع إلى نشر المعرفة الهندسية وتقديم كل ماله فائدة للمهندسين والفنيين والمهتمين من خلال أقسامه العلمية والهندسية المتعددة ،بالإضافة إلى وجود أقسام عامة تستقطب الكثير لمختلف النقاشات الهادفة.

جميع الحقوق محفوظة © منتديات هندسة بلا حدود Powered by phpBB ® Copyright © 2012 - 2022

لا مانع من الاقتباس واعادة النشر شريطة ذكر المصدر منتديات هندسة بلا حدود. الآراء والتعليقات المنشورة تعبر عن رأي أصحابها فقط - اقرأ قوانين المنتدى.
تصميم منتديات هندسة بلا حدود نبيل الدم