رئيسية المعهد
رئيسية المعهد  تواصل معنا  حقوق الملكية الفكرية  اربط مدونتك بنا  محول أكواد أدسنس

 

معرض قوالب معهد خبراء بلوجر - دليل مدونات بلوجر - موقع نشر بلوجر - اضافات بلوجر




العودة   معهد خبراء بلوجر > الدعم الفني > إضافات وأدوات بلوجر


إضافة رد
نسخ الرابط
نسخ للمنتديات
 
أدوات الموضوع انواع عرض الموضوع
قديم 03-03-2014, 10:22 PM   #1
Blog-Add
مدون نشيط
 
تاريخ التسجيل: Feb 2014
المشاركات: 124
افتراضي اضافة سلايد شو maxxiz - اضافات بلوجر

أنا : Blog-Add




السلام عليكم ورحمه الله وبركاته

معنا اليوم اضافة سلايد شو من اجمل السلايد شو وهي سلايد شو maxxiz المعروفة

الشرح :

اذهب الي صفحة القالب ثم تحرير HTML وابحث عن : ]]></b:skin>

واضف الكود التالي أعلاه :

كود PHP:
.featuredpost.box_skitter.box_skitter_home.maxxiz-theme{padding:4pxbackground-color:#FDFDFD; box-shadow:0 1px 5px #BDBDBD; -moz-box-shadow:0 1px 5px #BDBDBD; -webkit-box-shadow:0 1px 5px #BDBDBD; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; height:350px; position:relative; z-index:88; margin-bottom:15px}
.box_skitter_home.maxxiz-theme .prev_button
.
box_skitter_home.maxxiz-theme .next_button
.
box_skitter_home.maxxiz-theme .info_slide_dots{background-color:#F3F3F3; background:-moz-linear-gradient(top,#FFF 0%,#F3F3F3 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#FFF),color-stop(100%,#F3F3F3)); background:-webkit-linear-gradient(top,#FFF 0%,#F3F3F3 100%); background:-o-linear-gradient(top,#FFF 0%,#F3F3F3 100%); background:-ms-linear-gradient(top,#FFF 0%,#F3F3F3 100%); background:linear-gradient(top,#FFF 0%,#F3F3F3 100%); transition:background-color linear .3s; -moz-transition:background-color linear .3s; -webkit-transition:background-color linear .3s; -o-transition:background-color linear .3s; outline:0}
#autorslidertop{padding:4px; border:1px solid #DDD; background-color:white; box-shadow:0 1px 5px rgba(0,0,0,.15); -moz-box-shadow:0 1px 5px rgba(0,0,0,.15); -webkit-box-shadow:0 1px 5px rgba(0,0,0,.15); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
.box_skitter ul{display:none}
.
box_skitter .container_skitter{overflow:hiddenposition:relativewidth:100% !importantheight:100% !importantmax-width:100%}
.
box_skitter .image{overflow:hiddenmax-width:100%; max-height:100%; height:350px}
.
box_skitter .image a{display:blockheight:350px}
.
box_skitter .image img{display:nonewidth:100%; height:100%; max-height:100%}
.
box_skitter .box_clone{position:absolutetop:0left:0width:100pxoverflow:hiddendisplay:nonez-index:20}
.
box_skitter img{max-width:none}
.
box_skitter .box_clone img{position:absolutetop:0height:350pxleft:0z-index:19max-width:710pxwidth:710px}
.
box_skitter .prev_button{position:absolutetop:50%; left:35pxz-index:100width:42pxheight:42pxoverflow:hiddentext-indent:-9999emmargin-top:-25px}
.
box_skitter .next_button{position:absolutetop:50%; right:35pxz-index:100width:42pxheight:42pxoverflow:hiddentext-indent:-9999emmargin-top:-25px}
.
box_skitter .info_slide{position:absolutetop:15pxleft:15pxz-index:100background:#000; color:#FFF; font:padding:5px 0 5px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; opacity:0.75}
.box_skitter .info_slide .image_number{background:#333; float:left; padding:2px 10px; margin:0 5px 0 0; cursor:pointer; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px}
.box_skitter .info_slide .image_number_select{background:#c00; float:left; padding:2px 10px; margin:0 5px 0 0}
.box_skitter .container_thumbs{position:relativeoverflow:hiddenheight:50px}
.
box_skitter .info_slide_thumb{-moz-border-radius:0; -webkit-border-radius:0border-radius:0overflow:hiddenheight:45pxtop:autobottom:-5pxleft:-5pxpadding:5pxopacity:1.0}
.
box_skitter .info_slide_thumb .image_number{overflow:hiddenwidth:70pxheight:40pxposition:relative}
.
box_skitter .info_slide_thumb .image_number img{position:absolutetop:-50pxleft:-50px}
.
box_skitter .box_scroll_thumbs{padding:0 10px}
.
box_skitter .box_scroll_thumbs .scroll_thumbs{position:absolutebottom:60pxleft:50pxbackground:#ccc; background:-moz-linear-gradient(-90deg,#555,#fff); background:-webkit-gradient(linear,left top,left bottom,from(#555),to(#fff)); width:200px; height:10px; overflow:hidden; text-indent:-9999em; z-index:101; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; cursor:pointer; border:1px solid #333}
.box_skitter .info_slide_dots{position:absolutebottom:-40pxz-index:151padding:5px 0 5px 5px; -moz-border-radius:50px; -webkit-border-radius:50pxborder-radius:50px}
.
box_skitter .info_slide_dots .image_number{background:#333; float:left; margin:0 5px 0 0; cursor:pointer; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; width:18px; height:18px; text-indent:-9999em; outline:0; overflow:hidden}
.box_skitter .info_slide_dots .image_number_select{background:#c00; float:left; margin:0 5px 0 0}
.box_skitter .label_skitter{z-index:80position:absolutebottom:0left:0display:none}
.
loading{position:absolutetop:50%; right:50%; z-index:10000margin:-16px -16pxcolor:#FFF; text-indent:-9999em; overflow:hidden; background:#FFF no-repeat left top; width:32px; height:32px}
.label_skitter{z-index:150position:absolutebottom:0left:0color:#FFF; display:none; opacity:0.9}
.label_skitter p{padding:5pxmargin:0}
.
info_slide *{}
.
box_skitter .progressbar{background:#000; position:absolute; bottom:5px; left:10px; height:5px; width:940px; z-index:99; border-radius:20px}
.preview_slide{display:noneposition:absolutez-index:999bottom:40pxleft:-40pxwidth:100pxheight:50pxborder:3px solid #FFF; background:rgba(0,0,0,.5); -moz-box-shadow:rgba(0,0,0,0.7) 0 0 10px; -webkit-box-shadow:rgba(0,0,0,0.7) 0 0 10px; box-shadow:rgba(0,0,0,0.7) 0 0 10px; overflow:hidden}
.preview_slide ul{width:100pxheight:50pxpadding:0overflow:hiddenmargin:0; list-style:nonedisplay:blockposition:absolutetop:0left:0}
.
preview_slide ul li{width:100pxheight:55pxoverflow:hiddenfloat:leftmargin:0padding:0position:relativedisplay:block}
.
preview_slide ul li img{position:absolutetop:0left:0height:55pxwidth:100px}
#overlay_skitter{position:absolute; top:0; left:0; width:100%; z-index:9998; opacity:1; background:#000}
.box_skitter_home{background-image:url(http://2.bp.blogspot.com/-DCmjx6RoZr4/USE6_AtfkoI/AAAAAAAAIew/Kymik1Hv4sY/s1600/anim_loading_sm_082208.gif); background-position:center center; background-repeat:no-repeat}
.box_skitter_home.maxxiz-theme .prev_button
.
box_skitter_home.maxxiz-theme .next_button
.
box_skitter_home.maxxiz-theme .info_slide_dots{border:1px solid #FFF; box-shadow:0 1px 3px #BDBDBD; -moz-box-shadow:0 1px 3px #BDBDBD; -webkit-box-shadow:0 1px 3px #BDBDBD; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0}
.box_skitter_home.maxxiz-theme .info_slide{}
.
box_skitter_home.maxxiz-theme .info_slide_dots{    bottom:-14px;     height:30px;     padding:0px 4px;     z-index:99}
.
box_skitter_home.maxxiz-theme .info_slide_dots span{transition:background linear .3s; -webkit-transition:background linear .3s; -moz-transition:background linear .3sbackground-image:url(http://2.bp.blogspot.com/-wlQ0ByipI94/USJMy6cTt4I/AAAAAAAAIhI/0ZQk2Nw-F-Y/s1600/light-overlay.png); background-repeat:repeat-x; background-position:left -13px; background-color:#d1d1d1; color:#777; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border-bottom:1px solid #FFF; display:block; width:10px; height:10px; text-indent:-9999px; float:left; margin:10px 6px 0 6px}
.box_skitter_home.maxxiz-theme .info_slide_dots span:hover{background-color:#777}
.box_skitter_home.maxxiz-theme .info_slide_dots span.image_number_select{background-color:#1ABFC6; border:none; width:14px; height:14px; margin:8px 3px 0 3px; box-shadow:inset 1px 0 0 rgba(0,0,0,.1),inset -1px 0 0 rgba(0,0,0,.1),inset 0 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.1); -webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.1),inset -1px 0 0 rgba(0,0,0,.1),inset 0 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.1); -moz-box-shadow:inset 1px 0 0 rgba(0,0,0,.1),inset -1px 0 0 rgba(0,0,0,.1),inset 0 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.1)}
.box_skitter_home.maxxiz-theme .prev_button
.
box_skitter_home.maxxiz-theme .next_button{display:blockwidth:75pxheight:22pxline-height:30pxtext-decoration:nonefont-size:10pxtext-transform:uppercasetransition:none; -webkit-transition:none; -o-transition:none; -moz-transition:nonetext-indent:0bottom:-11pxtop:autocolor:#777; z-index:98; cursor:pointer}
.box_skitter_home.maxxiz-theme .prev_button:hover
.
box_skitter_home.maxxiz-theme .next_button:hover
.
box_skitter_home.maxxiz-theme .prev_button:active
.
box_skitter_home.maxxiz-theme .next_button:active{opacity:!important}
.
box_skitter_home.maxxiz-theme .next_button{right:25.5%; padding-right:5pxtext-align:rightline-height:22pxopacity:!important}
.
box_skitter_home.maxxiz-theme .next_button span{padding-right:20pxbackground:url(http://3.bp.blogspot.com/-0sdXIJ1gg7E/USJMx9yN_NI/AAAAAAAAIg8/_c5LEVNSzyU/s1600/nav-next.png) no-repeat left top; background-position:right center; padding-bottom:1px; display:block}
.box_skitter_home.maxxiz-theme .prev_button{left:25.5%; padding-left:5pxtext-align:leftline-height:22pxopacity:!important}
.
box_skitter_home.maxxiz-theme .prev_button span{padding-left:20pxbackground:url(http://4.bp.blogspot.com/-z8Ap4NNJRac/USJMxgHGlDI/AAAAAAAAIg4/wblKthAlpyQ/s1600/nav-prev.png) no-repeat left top; background-position:left center; padding-bottom:1px; display:block}
.box_skitter_home.maxxiz-theme .label_skitter{width:90%; padding:0left:50%; margin-left:-45%; bottom:10%; text-align:rightheight:autocolor:white}
.
box_skitter_home.maxxiz-theme .label_skitter .inner{padding:5px 8px 5pxbackground:#1ABFC6; border-right:5px solid white; border-left:5px solid white}
.box_skitter_home.maxxiz-theme .label_skitter p{padding:0margin-top:5pxmargin-bottom:5pxfont-size:11pxtext-shadow:0 1px 0 rgba(0,0,0,0.3)}
.
box_skitter_home.maxxiz-theme .label_skitter strong{margin-top:0line-height:20px !importantfont-size:15pxtext-shadow:0 1px 0 rgba(0,0,0,.3); color:white}
.
box_skitter_home.maxxiz-theme .label_skitter a{color:#fff; text-decoration:none; font-family:arial,tahoma; font-size:17px; text-shadow:1px 1px #00D2D9}
.box_skitter_home.maxxiz-theme .label_skitter a:hover{color:#00D2D9}
.box_skitter_home.maxxiz-theme .info_slide_thumb{background-color:#FFF}
.box_skitter.maxxiz-theme .info_slide_thumb .image_number{margin:5px}
.
box_skitter .container_skitter .date
.
box_skitter .container_skitter .cm{font-size:8px}
.
box_skitter .container_skitter .date span{margin-right:3px}
#autoslidenya .widget-content, 
#manualslidenya1 .featuredarea{margin:0; padding:2px}
#manualslidenya1 .featuredarea{margin:0 0 15px} 

ثم ابحث عن : </head> واضف اعلاه الكود التالي :

كود PHP:
<script type="text/javascript" src="http://yourjavascript.com/3102224223/slideshow-jalal-maxxiz.js"></script>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'></script> 
ثم ابحث عن : <div id='main-wrapper'> واضف اسفله الكود التالي :

كود PHP:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<
div class='clear'/>
<
div id='featpost'/>
<
script type='text/javascript'>
jQuery(&quot;#featpost&quot;).AutofeaturedPost({
blogURL: &quot;رابط مدونتك/&quot;,
MaxPost:10,
tagName: &quot;اسم القسم&quot;
});
</script>
<div class='clear'/>
</b:if> 
مع وضع رابط مدونتك + اسم القسم المراد عرض مواضيعه واحفظ العمل

الدعم العربي


التعديل الأخير تم بواسطة Blog-Add ; 03-03-2014 الساعة 10:27 PM
Blog-Add غير متواجد حالياً   رد مع اقتباس

مركز رفع موسوعة العربية
إضافة رد

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)
مواضيع ذات صلة, مواقع الاجتماعية, ابتسامات بلوجر, maxxiz, سلايد شو


الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
اضافة سلايد شو رباعية - اضافات بلوجر Blog-Add إضافات وأدوات بلوجر 0 02-11-2014 05:01 PM
اضافة ابتسامات لبلوجر - اضافات بلوجر Blog-Add إضافات وأدوات بلوجر 0 02-10-2014 03:22 PM
اضافة سلايد شو في خلفية المدونة - اضافات بلوجر Blog-Add إضافات وأدوات بلوجر 0 02-10-2014 03:14 PM
اضافة بنرات عشوائية - اضافات بلوجر Blog-Add إضافات وأدوات بلوجر 0 02-09-2014 08:36 PM
اضافة شريط صور متحركة - اضافات بلوجر Blog-Add إضافات وأدوات بلوجر 0 02-06-2014 07:01 PM





لتصفح أفضل وللاستفادة القصوى من خصائص المعهد ننصحكم باستعمال :

Powered by vBulletin® Copyright ©2000 - 2024 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012 Google
أعلن على المعهد : اتصل بنا - منتدي كنوز - الدعم العربي - قوالب بلوجر - او او انيمي
رئيسية المعهد
الساعة الآن 10:27 AM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته
التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك
(ويتحمل كاتبها مسؤولية النشر)