 |
|
|
|
|
|
|||||||
 |
|
|
|
|
أدوات الموضوع | انواع عرض الموضوع |
11-20-2012, 08:54 PM
|
#1 |
|
مدير عام
 
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
|
سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)
السلام عليكم وفقا لطلبات الكثيرين يسرني أن أقدم لكم سلايدر / سلايدشو مدونة المحترف حاليا (محترفي الحماية سابقا)
لا أسمح بنقل الموضوع دون ذكر المصدر معاينة السلايدر بمثال حي : معاينة صورة للسلايدر :  شرح التركيب : أضف الكود التالي مباشرة قبل : ]]></b:skin> كود بلغة HTML:
#featured{
margin-bottom:10px;
}
.sliderwrapper{
position: relative;
border-bottom-width: 6px;
height: 124px;
}
.sliderwrapper .contentdiv{
visibility: hidden;
position: absolute;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity: 1;opacity: 1;
padding:15px 15px 15px 0px;
background:#f1f1f1;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 3px #ABABAB;
margin-top:10px;
}
.pagination{
text-align: right;
margin-top: 50px;
padding:5px;
}
.pagination a{
font:11px Arial;
color:#a3a3a3;
padding:4px 8px 4px 8px;
}
.pagination a.selected{
color:#4f4f4f;
}
.pagination .prev,.pagination .next { color:#EAEAEA;
font-size:0px; background:none; padding:0px; }
.featuredPost{
width:410px;
padding:0px 10px 10px 10px !important;
bottom:0;
float:left !important;
margin-right: 54px;
}
.featuredPost a{
color:#515151;
font: 18px "Microsoft Sans Serif";
margin:0;
padding:0;
}
.featuredPost h2{margin:0 0 8px 0;}
.featuredPost span{font-size:11px; margin:0; color:#797979;}
.featuredPost p{font-size:12px; margin:4px 0 0 0; color:#797979;}
.sliderPostPhoto a img{float: right !important;}
.sliderPostPhoto{float: right !important; width:100px !important;}
كود بلغة HTML:
<script>
/* Script from:http://simplexdesign.blogspot.com/ */
imgr = new Array();
imgr[0] = "http://lh3.ggpht.com/_kViOplhgIHI/TKxBIScZTiI/AAAAAAAAAWE/PM7AQ1lf6ME/noimages.jpg";
showRandomImg = true;
aBold = true;
summaryPost = 140;
numposts1 =21;
label1 = "إنترنت";
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 showrecentposts1(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();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;
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 = '<div class="contentdiv"><div class="sliderPostPhoto"><a href="'+posturl+'"><img width="155" height="121" class="alignnone" src="'+img[i]+'"/></a><div class="sliderPostInfo"></div></div><div class="featuredPost"><h2><a href="'+posturl+'">'+posttitle+'</a></h2><span>'+daystr+'</span><p>'+removeHtmlTag(postcontent,summaryPost)+'...</p></div></div>';
document.write(trtd);
j++;
}}
</script>
مع تغيير إنترنت باسم القسم الذي سيتم عرض مواضيعه عشوائيا numposts1 =21 : عدد المواضيع المعروضة وهذا الكود قبل : </body> كود بلغة HTML:
<script src='http://dl.dropbox.com/u/12924430/contentslider.js'></script>
<script>
featuredcontentslider.init({
id: "slider1", //id of main slider DIV
contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
toc: "#increment", //Valid values: "#increment", "markup", ["label1", "label2", etc]
nextprev: ["Previous", "Next"], //labels for "prev" and "next" links. Set to "" to hide.
enablefade: [true, 0.5], //[true/false, fadedegree]
autorotate: [true, 6000], //[true/false, pausetime]
onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
}
})
</script>
وأخيرا ومن القالب أضف الكود التالي بعد <div id='main-wrapper'> : كود بلغة HTML:
<b:if cond='data:blog.pageType == "index"'> <div id='featured'> <div class='sliderwrapper' id='slider1'> <script> document.write("<script src=\"/feeds/posts/default/-/"+label1+"?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>"); </script> </div> <div class='pagination' id='paginate-slider1'> </div> </div> </b:if> لذلك أتمنى أن تساهموا في نشر الموضوع قدر الإمكان مع ذكر المصدر لا أسمح بنقل الموضوع دون ذكر المصدر ولا تنسوا الضغط على زر الإعجاب أسفله السلايدر إهداء مني ومن الأخ mohssine ait
__________________
|
|
|
|
|
11-20-2012, 09:21 PM
|
#2 |
|
مدون مميز
تاريخ التسجيل: Apr 2012
المشاركات: 441
 |
رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)
__________________
|
|
|
|
|
11-20-2012, 09:33 PM
|
#3 |
|
مدون مميز
تاريخ التسجيل: Apr 2012
المشاركات: 441
|
رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)
__________________
|
|
|
|
|
11-20-2012, 10:01 PM
|
#4 |
|
مدون جديد
تاريخ التسجيل: Jun 2012
المشاركات: 8
|
رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)
|
|
|
|
|
11-20-2012, 10:29 PM
|
#5 |
|
مدون جديد
تاريخ التسجيل: Oct 2012
المشاركات: 67
|
رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)
__________________
|
|
|
|
|
11-20-2012, 10:56 PM
|
#6 |
|
عضو شرف
تاريخ التسجيل: Aug 2012
المشاركات: 231
|
رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)
اخى عثمان انا ايضا لم اجد <div id='main-wrapper'> ما الحل ؟؟؟؟؟؟؟؟؟
__________________
مدونة كمبيوتر كوم | دروس بلوجر , اضافات بلوجر و قوالب بلوجر com-pc.blogspot.com
|
|
|
|
|
11-21-2012, 02:34 AM
|
#7 |
|
مدون جديد
تاريخ التسجيل: May 2012
المشاركات: 87
|
رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)
__________________
مدونـــــــــــــــــــاتـــــــــــــي http://muslimcd.blogspot.com http://tube-muslimcd.blogspot.com
|
|
|
|
|
11-21-2012, 11:15 AM
|
#8 |
|
مدير عام
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
|
رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)
لمن لم يجد الكود
يطرح رابط مدونته وإن شاء الله أحدد له الكود المناسب له
__________________
|
|
|
|
|
11-21-2012, 11:35 AM
|
#9 |
|
مدون جديد
تاريخ التسجيل: Oct 2012
المشاركات: 67
|
رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)
__________________
|
|
|
|
|
11-21-2012, 11:50 AM
|
#10 |
|
عضو شرف
تاريخ التسجيل: Aug 2012
المشاركات: 231
|
رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)
__________________
مدونة كمبيوتر كوم | دروس بلوجر , اضافات بلوجر و قوالب بلوجر com-pc.blogspot.com
|
|
|
|
|
| مواقع النشر (المفضلة) |
| الكلمات الدلالية (Tags) |
| محترفي الحماية, مدونة المحترف, بلوجر, سلايدر, سلايدشو |
| الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1) | |
| أدوات الموضوع | |
| انواع عرض الموضوع | |
|
|
المواضيع المتشابهه
|
||||
| الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
| طريقة تركيب اضافة سلايدشو مدونة المحترف Th3pf | Dr Help | إضافات وأدوات بلوجر | 8 | 12-13-2013 12:09 PM |
| اريد قالب مدونة محترفي الحماية الجديد | seddek | طلبات الدعم الفني | 5 | 12-04-2013 05:24 PM |
| الطريقة الصحيحة لإضافة سلايدر / سلايدشو مدونة المحترف (محترفي الحماية) | Dr Help | إضافات وأدوات بلوجر | 1 | 09-29-2013 07:23 PM |
| عرض عاجل و حصري: القالب الحقيقي لمدونة محترفي الحماية (المحترف) | youness017 | قوالب بلوجر مدفوعة | 2 | 02-03-2013 04:14 PM |
| رسالة إلى محترفى الحماية | Aero | المنتدى الإشهاري | 1 | 08-15-2012 01:52 PM |
|
الساعة الآن 12:01 PM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو
تعاوني بين الأعضاء فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر) |
العرض العادي
