|
|
|
|
أدوات الموضوع | انواع عرض الموضوع |
08-02-2013, 03:37 PM | #1 |
مدون جديد
|
شريط سلايد شو مميز زاتى التشغيل
كثيرا جدا من يبح عن تلك الاضافة الرائعة من السلايد شو لن اطيل عليكم دى صورة الشريط ودى صورتة فى موقع من تصميمى الخاص [IMG]https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F1.bp.blogspot.com%2F-_IBmcM8iTIg%2FUfZ_jJ0vPsI%2FAAAAAAAAB8I%2FGdwtHnlY JsQ%2Fs1600%2F1.jpg&container=blogger&gadget=a&rew riteMime=image%2F*[/IMG] دى معاينة الشريط معاينة طريقة التركيب الدخول على القوالب ثم صفحة تعديل القالب والبحث عن كود بلغة HTML:
]]></b:skin>
كود بلغة HTML:
#carousel{width:950px;height:185px;margin-bottom:0px;position:relative;display:block} #carousel .container{position:absolute;left:49px;width:895px;height:185px;overflow:hidden;background:url(http://2.bp.blogspot.com/-i9rfuXWNIjo/T5LAemTP3XI/AAAAAAAAArY/r7FcfxzgZpk/s1600/scroller-bg.png) repeat center} #carousel #previous_button{position:absolute;width:49px;height:185px;background:url(http://3.bp.blogspot.com/-APGScJbAlLM/T5LDZ9LDgkI/AAAAAAAAAr4/vGy7EquPGME/s1600/prev.png) center;z-index:100;cursor:pointer;border-right:1px solid #ccc} #carousel #previous_button:hover{background:url(http://3.bp.blogspot.com/-4wNqeM6eRvY/T5LGCrdA9iI/AAAAAAAAAsE/4rjwULz47WU/s1600/prev.png) center} #carousel #next_button{position:absolute;right:0;width:49px;height:185px;background:url(http://1.bp.blogspot.com/-pSHFy8ff1R0/T5LDZHkHIzI/AAAAAAAAArw/PCfZ762nK3E/s1600/next.png) center;z-index:100;cursor:pointer;border-left:1px solid #ccc} #carousel #next_button:hover{background:url(http://2.bp.blogspot.com/-vSaPjyDhEMI/T5LGB-g1_lI/AAAAAAAAAsA/wyUPBLWY15E/s1600/next.png) center} #carousel ul{width:100000px;position:relative;margin-top:10px} #carousel ul li{background:#fff url(http://3.bp.blogspot.com/-NsKF7TyEX7I/T418sIGTo7I/AAAAAAAAAnc/OdQmhV73piY/s1600/main.png) repeat-x top;display:inline;float:left;text-align:center;font-weight:700;font-size:.9em;line-height:1.2em;border:1px solid #ccc;width:145px;height:150px;margin:0 4px 20px 7px;padding:6px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} #carousel ul li:hover{filter:alpha(opacity=75);opacity:.75;} #carousel ul li a.slider_title{color:#222;display:block;margin-top:5px} #carousel ul li a.slider_title:hover{color:#cd1713} #carousel a img{display:block;background:#fff;margin-top:0} وبعدين ندور على كود بلغة HTML:
</head>
ونضع فوقها الكود التالى كود بلغة HTML:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/> <script src='http://yourjavascript.com/265232511102/carousellite.js' type='text/javascript'/> <script type='text/javascript'> //<![CDATA[ imgr = new Array(); imgr[0] = "http://2.bp.blogspot.com/-uitX7ROPtTU/Tyv-G4NA_uI/AAAAAAAAFBY/NcWLPVnYEnU/s1600/no+image.jpg"; showRandomImg = true; aBold = true; summaryPost = 140; summaryTitle = 25; numposts1 = 15; label1 = "news"; function removeHtmlTag(strx,chop){ var s = strx.split("<"); for(var i=0;i<s.length;i++){ if(s[i].indexOf(">")!=-1){ s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); } } s = s.join(""); s = s.substring(0,chop-1); return s; } function showrecentposts(json) { j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0; img = new Array(); document.write('<ul>'); for (var i = 0; i < numposts1; i++) { var entry = json.feed.entry[i]; var posttitle = entry.title.$t; var pcm; var posturl; if (i == json.feed.entry.length) break; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { posturl = entry.link[k].href; break; } } for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') { pcm = entry.link[k].title.split(" ")[0]; break; } } if ("content" in entry) { var postcontent = entry.content.$t;} else if ("summary" in entry) { var postcontent = entry.summary.$t;} else var postcontent = ""; postdate = entry.published.$t; if(j>imgr.length-1) j=0; img[i] = imgr[j]; s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5); if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d; //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : ''; var month = [1,2,3,4,5,6,7,8,9,10,11,12]; var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]; var day = postdate.split("-")[2].substring(0,2); var m = postdate.split("-")[1]; var y = postdate.split("-")[0]; for(var u2=0;u2<month.length;u2++){ if(parseInt(m)==month[u2]) { m = month2[u2] ; break; } } var daystr = day+ ' ' + m + ' ' + y ; var trtd = '<li class="car"><div class="thumb"><a href="'+posturl+'"><img width="145" height="100" class="alignnone" src="'+img[i]+'"/></a></div><p><a class="slider_title" href="'+posturl+'">'+posttitle+'</a></p></li>'; document.write(trtd); j++; } document.write('</ul>'); } //]]> </script> غير الاعدادات التلية numposts1 = 15; عددد المواضيع الى حابب تعرضعا فى السلايد label1 = "news"; تغيير كلمة news الى القسم الى حابب تعرضة فى السلايد شو ثم من داخل القالب ايضا ابحث عن كود بلغة HTML:
<div id='main-wrapper'>
كود بلغة HTML:
<b:if cond='data:blog.pageType != "item"'> <div id='carousel'> <div id='previous_button'/> <div class='container'> <script> document.write("<script src=\"/feeds/posts/default/-/"+label1+"?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");</script> <div class='clear'/> </div> <div id='next_button'/> </div> <script type='text/javascript'> (function($) { $(document).ready(function(){ $("#carousel .container").jCarouselLite({ auto:4000, scroll: 1, speed: 800, visible: 5, start: 0, circular: true, btnPrev: "#previous_button", btnNext: "#next_button" }); })})(jQuery) </script> </b:if> عموما الاضافة معاكم وانا تحت امركم فى مساعدتكم فى تركيب القالب تحياتى وسلامى
__________________
تكبير صفحات وتسويق اليكترونى لزيارة صفحتى على الفيس https://www.facebook.com/wagyehfared تصميم مواقع وحجز دومينات وربطها بمدونات بلوجر01011440800 |
08-06-2013, 11:05 PM | #2 |
مدون جديد
تاريخ التسجيل: Jul 2013
المشاركات: 31
|
رد: شريط سلايد شو مميز زاتى التشغيل
__________________
۞ رَبِّ أَوْزِعْنِي أَنْ أَشْكُرَ نِعْمَتَكَ الَّتِي أَنْعَمْتَ عَلَيَّ وَعَلَى وَالِدَيَّ وَأَنْ أَعْمَلَ صَالِحًا تَرْضَاهُ وَأَدْخِلْنِي بِرَحْمَتِكَ فِي عِبَادِكَ الصَّالِحِين ۞ موقعي http://www.enas.us/ |
08-12-2013, 06:11 PM | #3 |
مدون جديد
تاريخ التسجيل: Jul 2013
المشاركات: 16
|
رد: شريط سلايد شو مميز زاتى التشغيل
__________________
|
08-20-2013, 10:39 AM | #4 |
مدون جديد
تاريخ التسجيل: Aug 2013
المشاركات: 25
|
رد: شريط سلايد شو مميز زاتى التشغيل
__________________
|
08-21-2013, 01:59 PM | #5 |
مدون جديد
تاريخ التسجيل: Jul 2013
المشاركات: 14
|
رد: شريط سلايد شو مميز زاتى التشغيل
__________________
|
08-21-2013, 04:04 PM | #6 |
مدون جديد
تاريخ التسجيل: Jul 2013
المشاركات: 8
|
رد: شريط سلايد شو مميز زاتى التشغيل
|
08-27-2013, 09:39 PM | #7 |
مدون جديد
|
رد: شريط سلايد شو مميز زاتى التشغيل
اشكركم جدا وان شاء الله انتظرو الجديد اما الى ركبة ولم يعمل عندة يجب ان يتاكد انة ركبة صح ومعلومى الشريط يعمل على قوالب خاصة وليست معظم القوالب ابحث عن قالب يشتغل علية الشريط
__________________
تكبير صفحات وتسويق اليكترونى لزيارة صفحتى على الفيس https://www.facebook.com/wagyehfared تصميم مواقع وحجز دومينات وربطها بمدونات بلوجر01011440800 |
08-29-2013, 05:34 PM | #8 |
مدون جديد
تاريخ التسجيل: Aug 2013
المشاركات: 13
|
رد: شريط سلايد شو مميز زاتى التشغيل
__________________
|
08-31-2013, 08:44 PM | #9 |
مدون جديد
تاريخ التسجيل: Aug 2013
المشاركات: 19
|
رد: شريط سلايد شو مميز زاتى التشغيل
__________________
|
09-01-2013, 03:29 PM | #10 |
مدون جديد
تاريخ التسجيل: Aug 2013
المشاركات: 19
|
رد: شريط سلايد شو مميز زاتى التشغيل
__________________
|
مواقع النشر (المفضلة) |
الكلمات الدلالية (Tags) |
مميز, التشغيل, سلايد, زاتى, شريط |
الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1) | |
|
|
المواضيع المتشابهه | ||||
الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
سلايد شو زاتى 2014 | الهجان | قوالب بلوجر عربية ومعربة | 4 | 09-02-2013 11:48 AM |
الاضافة 2 من شريط سلايد شو زاتى | الهجان | قوالب بلوجر عربية ومعربة | 0 | 08-02-2013 04:15 PM |
الاضافة 2 من شريط سلايد شو زاتى | الهجان | قوالب بلوجر عربية ومعربة | 0 | 08-02-2013 04:13 PM |
شريط سلايد شو مميز زاتى التشغيل | الهجان | قوالب بلوجر عربية ومعربة | 0 | 08-02-2013 03:39 PM |
شريط سلايد شو مميز زاتى التشغيل | الهجان | إضافات وأدوات بلوجر | 0 | 08-02-2013 03:38 PM |
الساعة الآن 06:14 AM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو
تعاوني بين الأعضاء فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر) |