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

 
قديم 11-20-2012, 08:54 PM   #1
admin
مدير عام
 
الصورة الرمزية admin
 
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
Thumbs up سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

أنا : admin




السلام عليكم وفقا لطلبات الكثيرين يسرني أن أقدم لكم سلايدر / سلايدشو مدونة المحترف حاليا (محترفي الحماية سابقا)

لا أسمح بنقل الموضوع دون ذكر المصدر

معاينة السلايدر بمثال حي :
معاينة
صورة للسلايدر :



شرح التركيب :

أضف الكود التالي مباشرة قبل : ]]></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;}
الآن أضف الكود التالي قبل : </head>

كود HTML:
&lt;script&gt;
/* Script from:http://simplexdesign.blogspot.com/ */
imgr = new Array();
imgr[0] = &quot;http://lh3.ggpht.com/_kViOplhgIHI/TKxBIScZTiI/AAAAAAAAAWE/PM7AQ1lf6ME/noimages.jpg&quot;;
showRandomImg = true;
aBold = true;
summaryPost = 140;
numposts1 =21;
label1 = &quot;إنترنت&quot;;
function removeHtmlTag(strx,chop){var s=strx.split(&quot;&lt;&quot;);for(var i=0;i&lt;s.length;i++){if(s[i].indexOf(&quot;&gt;&quot;)!=-1){s[i]=s[i].substring(s[i].indexOf(&quot;&gt;&quot;)+1,s[i].length)}}s=s.join(&quot;&quot;);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&lt;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&lt;entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k&lt;entry.link.length;k++){if(entry.link[k].rel=='replies'&amp;&amp;entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(&quot;&quot;)[0];break}}
if (&quot;content&quot; in entry) {
var postcontent = entry.content.$t;}
else
if (&quot;summary&quot; in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = &quot;&quot;;
postdate = entry.published.$t;
if(j&gt;imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent    ; a = s.indexOf(&quot;&lt;img&quot;); b = s.indexOf(&quot;src=\&quot;&quot;,a); c = s.indexOf(&quot;\&quot;&quot;,b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&amp;&amp;(b!=-1)&amp;&amp;(c!=-1)&amp;&amp;(d!=&quot;&quot;)) img[i] = d;
var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=[&quot;Jan&quot;,&quot;Feb&quot;,&quot;Mar&quot;,&quot;Apr&quot;,&quot;May&quot;,&quot;Jun&quot;,&quot;Jul&quot;,&quot;Aug&quot;,&quot;Sep&quot;,&quot;Oct&quot;,&quot;Nov&quot;,&quot;Dec&quot;];var day=postdate.split(&quot;-&quot;)[2].substring(0,2);var m=postdate.split(&quot;-&quot;)[1];var y=postdate.split(&quot;-&quot;)[0];for(var u2=0;u2&lt;month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break;
}}
var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '&lt;div class=&quot;contentdiv&quot;&gt;&lt;div class=&quot;sliderPostPhoto&quot;&gt;&lt;a href=&quot;'+posturl+'&quot;&gt;&lt;img width=&quot;155&quot; height=&quot;121&quot; class=&quot;alignnone&quot; src=&quot;'+img[i]+'&quot;/&gt;&lt;/a&gt;&lt;div class=&quot;sliderPostInfo&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;featuredPost&quot;&gt;&lt;h2&gt;&lt;a href=&quot;'+posturl+'&quot;&gt;'+posttitle+'&lt;/a&gt;&lt;/h2&gt;&lt;span&gt;'+daystr+'&lt;/span&gt;&lt;p&gt;'+removeHtmlTag(postcontent,summaryPost)+'...&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;';
document.write(trtd);
j++;
}}
&lt;/script&gt;

مع تغيير إنترنت باسم القسم الذي سيتم عرض مواضيعه عشوائيا
numposts1 =21 : عدد المواضيع المعروضة
وهذا الكود قبل : </body>


كود HTML:
&lt;script src='http://dl.dropbox.com/u/12924430/contentslider.js'&gt;&lt;/script&gt;
&lt;script&gt;
featuredcontentslider.init({
id: &quot;slider1&quot;, //id of main slider DIV
contentsource: [&quot;inline&quot;, &quot;&quot;], //Valid values: [&quot;inline&quot;, &quot;&quot;] or [&quot;ajax&quot;, &quot;path_to_file&quot;]
toc: &quot;#increment&quot;, //Valid values: &quot;#increment&quot;, &quot;markup&quot;, [&quot;label1&quot;, &quot;label2&quot;, etc]
nextprev: [&quot;Previous&quot;, &quot;Next&quot;], //labels for &quot;prev&quot; and &quot;next&quot; links. Set to &quot;&quot; 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)
}
})
&lt;/script&gt;

وأخيرا
ومن القالب أضف الكود التالي بعد <div id='main-wrapper'> :


كود HTML:
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div id='featured'>
<div class='sliderwrapper' id='slider1'>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label1+&quot;?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
</div>
<div class='pagination' id='paginate-slider1'>
</div>
</div>
</b:if>
ملاحظة هامة جدا : نحن في معهد خبراء بلوجر لا نسعى لاستغلال مدوني بلوجر بغرس أكواد لصالحنا كما يفعل البعض
لذلك أتمنى أن تساهموا في نشر الموضوع قدر الإمكان مع ذكر المصدر
لا أسمح بنقل الموضوع دون ذكر المصدر
ولا تنسوا الضغط على زر الإعجاب أسفله

السلايدر إهداء مني ومن الأخ mohssine ait

الدعم العربي

admin غير متواجد حالياً   رد مع اقتباس

مركز رفع موسوعة العربية
قديم 11-20-2012, 09:21 PM   #2
REDA
مدون مميز
 
الصورة الرمزية REDA
 
تاريخ التسجيل: Apr 2012
المشاركات: 441
إرسال رسالة عبر Yahoo إلى REDA
افتراضي رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

أنا : REDA




الله بجد تسلم يا اخى عثمان

الدعم العربي

REDA غير متواجد حالياً   رد مع اقتباس
قديم 11-20-2012, 09:33 PM   #3
REDA
مدون مميز
 
الصورة الرمزية REDA
 
تاريخ التسجيل: Apr 2012
المشاركات: 441
إرسال رسالة عبر Yahoo إلى REDA
افتراضي رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

أنا : REDA




اخى عثمان لم اجد <div id='main-wrapper'>

ما الحل ؟؟

الدعم العربي

REDA غير متواجد حالياً   رد مع اقتباس
قديم 11-20-2012, 10:01 PM   #4
على_2
مدون جديد
 
تاريخ التسجيل: Jun 2012
المشاركات: 8
افتراضي رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

أنا : على_2




تم تركيب
http://mrshare2000.blogspot.com

تسلم يا اخى عثمان

الدعم العربي

على_2 غير متواجد حالياً   رد مع اقتباس
قديم 11-20-2012, 10:29 PM   #5
ayoubsan
مدون جديد
 
تاريخ التسجيل: Oct 2012
المشاركات: 67
Red face رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

أنا : ayoubsan




اخى عثمان لم اجد <div id='main-wrapper'> :

الدعم العربي

ayoubsan غير متواجد حالياً   رد مع اقتباس
قديم 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
A.M.A.M.S
مدون جديد
 
الصورة الرمزية A.M.A.M.S
 
تاريخ التسجيل: May 2012
المشاركات: 87
افتراضي رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

أنا : A.M.A.M.S




سلايدر رائع أخي عثمان
سلمت يداك

الدعم العربي

A.M.A.M.S غير متواجد حالياً   رد مع اقتباس
قديم 11-21-2012, 11:15 AM   #8
admin
مدير عام
 
الصورة الرمزية admin
 
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
افتراضي رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

أنا : admin




لمن لم يجد الكود
يطرح رابط مدونته وإن شاء الله أحدد له الكود المناسب له

الدعم العربي

admin غير متواجد حالياً   رد مع اقتباس
قديم 11-21-2012, 11:35 AM   #9
ayoubsan
مدون جديد
 
تاريخ التسجيل: Oct 2012
المشاركات: 67
Smile رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

أنا : ayoubsan




اخي عتمان هدا هو رابط مدونتي
http://arab-inf.blogspot.com/

الدعم العربي

ayoubsan غير متواجد حالياً   رد مع اقتباس
قديم 11-21-2012, 11:50 AM   #10
بلال حمدان
عضو شرف
 
الصورة الرمزية بلال حمدان
 
تاريخ التسجيل: Aug 2012
المشاركات: 231
افتراضي رد: سلايدر / سلايدشو مدونة المحترف (محترفي الحماية)

أنا : بلال حمدان




رابط مدونتي : http://country-tech.blogspot.com/

الدعم العربي

بلال حمدان غير متواجد حالياً   رد مع اقتباس
إضافة رد

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

الكلمات الدليلية (Tags)
محترفي الحماية, مدونة المحترف, بلوجر, سلايدر, سلايدشو


 
أدوات الموضوع
انواع عرض الموضوع

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

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



المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
طريقة تركيب اضافة سلايدشو مدونة المحترف 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





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

Powered by vBulletin™ Version 3.8.7
Copyright © 2017 vBulletin Solutions, Inc. All rights reserved. منتديات
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012 Google
أعلن على المعهد : اتصل بنا - منتدي كنوز - الدعم العربي - قوالب بلوجر - او او انيمي
رئيسية المعهد
الساعة الآن 09:36 PM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته
التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك
(ويتحمل كاتبها مسؤولية النشر)