 |
|
|
|
|
|
|||||||
 |
|
|
|
|
أدوات الموضوع | انواع عرض الموضوع |
03-06-2015, 10:46 AM
|
#1 |
|
مدون جديد
 تاريخ التسجيل: Jan 2015
الدولة: موريتانيا- أنواذيبو
المشاركات: 13
|
اضافة معرض الصور بشكل جديد وحصري
 بسم الله الرحمان الرحيم , إخواني الكرام السلام عليكم و رحمة اله تعالى و بركاته . لعلكم لاحظتم أثناء تصفحكم لمدونات أخرى إما عربية أو أجنبية وجود معرض صور يتضمن ( مجموعة من الصور يتم عرضها تلقائيا) اليوم بإذن الله سأشرح لكم كيفية إضافة هذا المعرض في مدونات البلوجر بخطوات سلسة و بسيطة , لكن قبل البدئ في التركيب لابأس في مشاهدة مثال حي على الإضافة معاينة طريقة تركيب الاضافة كل ماعليك فعله هو اضافة الكود التالي مباشرة في آداة HTML/JavaScript كود بلغة HTML:
<style type='text/css'> .btnt-slider { margin: 30px auto; max-width: 850px; padding: 0 20px; } .rslides { list-style: none outside none; margin: 0 auto; max-height: 400px; max-width: 800px; overflow: hidden; padding: 0; position: relative; width: 100%; } .rslides li { -webkit-backface-visibility: hidden; position: absolute; border: 5px solid #555; display: none; left: 0; top: 0; margin: 0; padding: 0; list-style: none; } .rslides img { display: block; height: auto; float: left; width: 100%; border: 0; margin: 0; max-width: 100%; } ul.rslides .rslides_nav { height: 30px; position: absolute; text-indent: -99999px; top: 45%; width: 30px; z-index: 9999; display: none; } ul.rslides:hover .rslides_nav { display: block; } .prev { background: url("http://3.bp.blogspot.com/-2R8tmOI8om8/U3HrZJmrzPI/AAAAAAAAC_U/-ye9JkB8uQg/s1600/arrows.png") repeat scroll 0 0 transparent; float: left; left: 15px; } .next { background: url("http://3.bp.blogspot.com/-2R8tmOI8om8/U3HrZJmrzPI/AAAAAAAAC_U/-ye9JkB8uQg/s1600/arrows.png") repeat scroll right 0 transparent; float: right; right: 15px; } </style> <script type='text/javascript'> /*<![CDATA[*/ $(function() { $(".rslides").responsiveSlides({ auto: true, speed: 500, timeout: 3000, nav: true, pause: true, prevText: "Previous", nextText: "Next", navContainer: "ul.rslides", }); }); /*]]>*/</script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src='https://googledrive.com/host/0B-P4_Fs3S76yQ1RVNnl0bVlLMXM' type='text/javascript'></script> <div class="btnt-slider"> <ul class="rslides"> <li><a href="#"><img alt="" src="+" /></a></li> <li><a href="#"><img alt="" src="+" /></a></li> <li><a href="#"><img alt="" src="+" /></a></li> </ul> </div> # : غيرها برابط مدونتك + : غيرها برابط الصورة المراد عرضها في المعرض أما اذا أحببت اضافة الكثير من الصور ماعليك سوي تكرار الكود التالي <li><a href="#"><img alt="" src="+" /></a></li> في أمان الله المصدر
__________________
التعديل الأخير تم بواسطة مساعد قوالب بلوقر ; 03-06-2015 الساعة 10:50 AM |
|
|
|
|
04-24-2015, 07:19 AM
|
#2 |
|
مدون نشيط
تاريخ التسجيل: Apr 2014
المشاركات: 130
|
رد: اضافة معرض الصور بشكل جديد وحصري
شكرآ جزيلا على المدونه الرائع و المميز واصل تالقك معنا فى المنتدى خبراء بلوجر بارك الله فيك أخى ... ننتظر منك الكثير من خلال إبداعاتك المميزة لك منـــــــ إجمل تحية ــــــــــى
__________________
http://12abjdhoaz.blogspot.com/ صورمشبات http://abjdhoaz200.blogspot.com/ مشبات http://abjdhoaz433.blogspot.com/ ديكورات مشبات http://shomane.blogspot.com/ مشبات . صور مشبات. ديكورات مشبات.صورمشبات,
|
|
|
|
|
| مواقع النشر (المفضلة) |
| الكلمات الدلالية (Tags) |
| لغرض, الصور, اضافة, بشكل, جديد |
| الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1) | |
| أدوات الموضوع | |
| انواع عرض الموضوع | |
|
|
المواضيع المتشابهه
|
||||
| الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
| كود التبادل الاعلاني بشكل جديد وحصري - بلوجر | ebd3h | إضافات وأدوات بلوجر | 0 | 07-19-2014 09:03 PM |
| صندوق المواضيع الأكثر تعليقاً بشكل جديد وحصري Designer4arab | حسين | إضافات وأدوات بلوجر | 0 | 12-08-2013 08:07 PM |
| إضافة أداة كن من متابعى هذه المدونة بشكل جديد وحصرى | luqmanessam | إضافات وأدوات بلوجر | 2 | 01-19-2013 11:00 AM |
| اضافة ترقيم الصفحة بشكل جديد | mostafa alwin | إضافات وأدوات بلوجر | 10 | 12-29-2012 03:22 PM |
|
الساعة الآن 01:56 AM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو
تعاوني بين الأعضاء فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر) |
العرض العادي
