|
|
|
|
أدوات الموضوع | انواع عرض الموضوع |
03-20-2013, 06:54 PM | #1 |
مدون نشيط
تاريخ التسجيل: Jul 2012
الدولة: Algeria,Adrar
المشاركات: 178
|
أسهل و أروع سلايدر شو لمدونة بلوجر حصريا على معهد خبراء بلوجر
بسم الله و سلام عليكم بمناسة العودة للمعهد بعد الغياب الطويل و هذا خارج عن السيطرة اليوم عدت لكم و معي اضافة جديدة و حصرية على منتدنا الغالي الإضاافة هي سلايدر شو خاص بمدونات بلوجر سهل التركيب ليس له علاقة بقالب المدونة يعمل بشكل و تحفة مميزة لمعاينة السلايدر شو من هنا و هده صورة للإضافة نأتي لطريقة التركيب كل ما عليك هو انشاء أداة من نوع HTML و وضع فيها الكود التالي
كود بلغة HTML:
<style type="text/css"> #slides *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box} #slides ul,#slides li{padding:0;margin:0;list-style:none;position:relative} #slides ul{height:250px} #slides li{width:49.9%;height:100%;position:absolute;display:none} #slides li:nth-child(1), #slides li:nth-child(2), #slides li:nth-child(3), #slides li:nth-child(4){display:block} #slides li:nth-child(1){left:0;top:0} #slides li:nth-child(2){left:50.1%;width:24.8%;height:49.8%} #slides li:nth-child(3){left:75.2%;width:24.8%;height:49.8%} #slides li:nth-child(4){left:50.1%;top:50.2%;height:49.9%} #slides a{display:block;width:100%;height:100%;overflow:hidden} #slides img{display:block;width:100%;height:100%;border:0;padding:4px;background-color:#0097BD;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px} #slides .overlayx{width:100%;height:100%;position:absolute;z-index:2;background-image:url(http://softglad.at.ua/images/fadebg.png);background-position:50% 50%;background-repeat:repeat-x;border:4px solid #00BD79;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px} #slides h4{position:absolute;bottom:30px;margin:0;font-size:18px;font-family:Arial;left:0;padding:0 10px;color:white;z-index:3;line-height:20px;font-weight:normal} #slides li:nth-child(2) h4,#slides li:nth-child(3) h4{font-size:13px;line-height:15px} #slides .label_text{font-size:9px;color:white;bottom:10px;z-index:3;left:10px;font-family:Verdana,Geneva,sans-serif;position:absolute} #slides li:nth-child(2) .autname,#slides li:nth-child(3) .autname{display:none} #slides .overlayx,#slides li{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out} #slides li:hover .overlayx{-ms-filter:"progid:DXImageTransform.Microsoft. Alpha(Opacity=10)";filter:alpha(opacity=10);-khtml-opacity:0.1;-moz-opacity:0.1;opacity:0.1} #buttons{margin: 5px auto;text-align: center;background:#00BD79;width: 10%;} #buttons a{display:inline-block;text-indent:-9999px;width:15px;height:25px;position:relative} #buttons a::before{content:"";width:0;height:0;border-width:8px 7px;border-style:solid;border-color:transparent #535353 transparent transparent;position:absolute;top:50%;margin-top:-8px;margin-left:-10px;left:50%} #buttons a#nextx::before{border-color:transparent transparent transparent #535353;margin-left:-3px} @media only screen and (max-width:600px){ #slides ul{height:600px} #slides li:nth-child(1){width:100%;height:49.8%} #slides li:nth-child(2){top:50.2%;height:24.8%;left:0;width:49.8%} #slides li:nth-child(3){left:50.2%;top:50.2%;width:49.8%;height:24.8%} #slides li:nth-child(4){left:0;top:75.3%;height:24.8%;width:100%} } </style> <div id="featuredpost"></div> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script> <script src="http://softglad.at.ua/widgets/slider.js" type="text/javascript"></script> <script type='text/javascript'> //<![CDATA[ $(document).ready(function () { FeaturedPost({ blogURL:"http://wepnew.blogspot.com/", MaxPost:8, idcontaint:"#featuredpost", ImageSize:300, interval:5000, autoplay:true, tagName:false }); }); //]]> </script> و تمتع بالإضافة و شكرا لاتنسوا زيارة مدونتي من هنا
__________________
مدونتي http://ba3din.blogspot.com |
03-23-2013, 07:07 PM | #2 |
مدون جديد
تاريخ التسجيل: Apr 2012
المشاركات: 91
|
رد: أسهل و أروع سلايدر شو لمدونة بلوجر حصريا على معهد خبراء بلوجر
__________________
|
03-23-2013, 09:27 PM | #3 |
مدون جديد
تاريخ التسجيل: Apr 2012
المشاركات: 91
|
رد: أسهل و أروع سلايدر شو لمدونة بلوجر حصريا على معهد خبراء بلوجر
__________________
|
03-24-2013, 02:04 AM | #4 |
مدون نشيط
تاريخ التسجيل: Jul 2012
الدولة: Algeria,Adrar
المشاركات: 178
|
رد: أسهل و أروع سلايدر شو لمدونة بلوجر حصريا على معهد خبراء بلوجر
عند اضافة رابط موقع داخل الكود لا تنسى في بداية الرابط http:// و نهايته/
__________________
مدونتي http://ba3din.blogspot.com |
03-24-2013, 02:25 PM | #5 |
مدون جديد
تاريخ التسجيل: Apr 2012
المشاركات: 91
|
رد: أسهل و أروع سلايدر شو لمدونة بلوجر حصريا على معهد خبراء بلوجر
__________________
|
03-25-2013, 12:08 AM | #6 |
مدون نشيط
تاريخ التسجيل: Jul 2012
الدولة: Algeria,Adrar
المشاركات: 178
|
رد: أسهل و أروع سلايدر شو لمدونة بلوجر حصريا على معهد خبراء بلوجر
__________________
مدونتي http://ba3din.blogspot.com |
03-25-2013, 09:43 AM | #7 |
مدون جديد
تاريخ التسجيل: Mar 2013
المشاركات: 27
|
رد: أسهل و أروع سلايدر شو لمدونة بلوجر حصريا على معهد خبراء بلوجر
__________________
|
03-26-2013, 09:40 AM | #8 | |
مدون جديد
تاريخ التسجيل: Mar 2013
المشاركات: 27
|
رد: أسهل و أروع سلايدر شو لمدونة بلوجر حصريا على معهد خبراء بلوجر
اقتباس:
بالتوفيق ان شاء الله
__________________
|
|
03-26-2013, 09:55 AM | #9 |
مدون جديد
تاريخ التسجيل: Apr 2012
المشاركات: 91
|
رد: أسهل و أروع سلايدر شو لمدونة بلوجر حصريا على معهد خبراء بلوجر
__________________
|
03-26-2013, 11:39 AM | #10 |
مدون جديد
تاريخ التسجيل: Mar 2013
المشاركات: 27
|
رد: أسهل و أروع سلايدر شو لمدونة بلوجر حصريا على معهد خبراء بلوجر
انا باستخدم صور مقاس 320 241 جرب المقاس دا وشوف لو نفع معاك كمان وفي محاولة اخيرة جرب نوع الصور jpg بالتوفيييييق
__________________
|
مواقع النشر (المفضلة) |
الكلمات الدلالية (Tags) |
لمدونة, أروع, أسهل, سلايدر |
الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1) | |
|
|
المواضيع المتشابهه | ||||
الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
تحميل قالب بلوجر Medi1Tv للبث المباشر ~ روابط شغالة حصريا على معهد خبراء بلوجر | admin | قوالب بلوجر عربية ومعربة | 21 | 02-15-2014 07:23 AM |
حصريا على معهد خبراء بلوجر ,اضافة جميلة للبلوجر | abdilahsez | إضافات وأدوات بلوجر | 5 | 04-04-2013 11:25 PM |
قالب الفيس بوك 2013 معرب حصريا علي معهد خبراء بلوجر | مصري وافتخر | قوالب بلوجر عربية ومعربة | 2 | 01-06-2013 07:46 PM |
شرح تقسيم مواضيع بلوجر إلى فقرات وإضافة فهرس برابط كل فقرة حصريا على معهد خبراء بلوجر | admin | دروس بلوجر | 7 | 08-07-2012 02:23 AM |
قالب غرباء حصريا على معهد خبراء بلوجر | عماد عادل | قوالب بلوجر عربية ومعربة | 4 | 07-19-2012 03:35 PM |
الساعة الآن 04:25 PM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو
تعاوني بين الأعضاء فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر) |