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

 
قديم 08-12-2012, 02:36 AM   #1
admin
مدير عام
 
الصورة الرمزية admin
 
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
Thumbs up شرح تركيب سلايدر احترافي لمدونات بلوجر

أنا : admin




السلام عليكم
أعجبني السلايدر المطروح على مدونة ذؤيب وقررت أن أجربه فلاحظت خطأ بسيط وهو أنه يتوجه أوتوماتيكيا من اليسار إلى اليمين وهذا بطبيعة الحال لا يناسب المدونات العربية
والحمد لله من الأمس وأنا أحاول حل هذه المشكلة وتمكنت منها الآن (أخذ مني ذلك وقتا طويلا نظرا لخبرتي المحدودة جدا بالجافاسكربت فأرجو احترام هذا الوقت ولو بضغطة زر على أعجبني للفيسبوك)

أولا مشاهدة مثال حي عن السلايدر : مدونة تجريبية

صورة عن السلايدر :



شرح التركيب :

اذهب إلى تحرير HTML وعلم على توسيع قوالب عناصر واجهة المستخدم ثم ابحث عن </head> وأضف قبلها مباشرة الكود التالي :

كود PHP:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<
script src='https://bloggerexp.googlecode.com/svn/trunk/coin-slider.min.js' type='text/javascript'/> 

الآن ابحث عن ]]></b:skin> وأضف قبلها مباشرة أيضا الكود التالي :

كود PHP:
/*
 Coin Slider jQuery plugin CSS styles
 http://workshop.rs/projects/coin-slider
*/


.coin-slider overflowhiddenzoom1positionrelative; }
.
coin-slider atext-decorationnoneoutlinenonebordernone; }

.
cs-buttons font-size0pxpadding10pxfloatright; }
.
cs-buttons a margin-right5pxheight10pxwidth10pxfloatrightborder1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active background-color#B8C4CF; color: #FFFFFF; }

.cs-title text-align:rightwidth550pxpadding:10pxbackground-color#000000; color: #FFFFFF; }

.cs-next
.
cs-prev background-color#000000; color: #FFFFFF; padding: 0px 10px; } 

القيمة
550px تُمثِل عرض مستطيل العناوين

الآن اضغط حفظ وتوجه إلى التخطيط (عناصر الصفحة) والصق الكود التالي في أداة HTML/JavaScript فوق مربع التدوينات، لا تنس تغيير ما يناسبك :

كود PHP:
<div id='coin-slider'>
 <
a href="رابط الموضوع الأول">
  <
img src="رابط صورة الموضوع الأول" />
  <
span>عنوان الموضوع الأول</span>
 </
a>
 <
a href="رابط الموضوع الثاني">
  <
img src="رابط صورة الموضوع الثاني" />
  <
span>عنوان الموضوع الثاني</span>
 </
a>
 <
a href="رابط الموضوع الثالث">
  <
img src="رابط صورة الموضوع الثالث" />
  <
span>عنوان الموضوع الثالث</span>
 </
a>
 <
a href="رابط الموضوع الرابع">
  <
img src="رابط صورة الموضوع الرابع" />
  <
span>عنوان الموضوع الرابع</span>
 </
a>
</
div>
<
script type="text/javascript">
 $(
document).ready(function() {
  $(
'#coin-slider').coinslider({ width570height250navigationtruedelay5000 });
 });
</script> 

لاحظ أخي أن القيمة 570px تُمثِل العرض الحقيقي للسلايدر ويفضل أن تكون أكبر من القيمة السابقة (الخاصة بعرض مستطيل العناوين) بفارق 20px

لا تنس أن تُزِيحَ الأداة فوق مربع رسائل المدونة الإلكترونية ثم اضغط حفظ :



غير مسجل لا أسامح بنقل الإضافة دون ذكر المصدر.

غير مسجل إذا أعجبتك الإضافة لا تبخل علينا بالنقر على زر أعجبني للفيسبوك أسفله.

الدعم العربي

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

مركز رفع موسوعة العربية
قديم 08-12-2012, 03:03 AM   #2
yosefssss
مدون نشيط
 
الصورة الرمزية yosefssss
 
تاريخ التسجيل: Apr 2012
الدولة: mecca
المشاركات: 253
افتراضي رد: شرح تركيب سلايدر احترافي لمدونات بلوجر

أنا : yosefssss




مجهود رائع و عمل جميل يستحق الإعجاب والثناء
__________________
مدونة تهتم بآخر البرامج الكاملة و الألعاب و التطبيقات و أجمل العروض الحصرية
http://flash-techno.blogspot.com
من مواضيع yosefssss

الدعم العربي

yosefssss غير متواجد حالياً   رد مع اقتباس
قديم 08-12-2012, 03:53 AM   #3
admin
مدير عام
 
الصورة الرمزية admin
 
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
افتراضي رد: شرح تركيب سلايدر احترافي لمدونات بلوجر

أنا : admin




اقتباس:
المشاركة الأصلية كتبت بواسطة yosefssss مشاهدة المشاركة
مجهود رائع و عمل جميل يستحق الإعجاب والثناء
شكرا على الإعجاب والمرور

الدعم العربي

admin غير متواجد حالياً   رد مع اقتباس
قديم 08-14-2012, 01:46 AM   #4
سمر التائبين
مدون جديد
 
تاريخ التسجيل: Aug 2012
المشاركات: 21
افتراضي رد: شرح تركيب سلايدر احترافي لمدونات بلوجر

أنا : سمر التائبين




بارك الله في جهودكم ,,وأنا معجبة بالمعهد المفيد حقاً
سأجرب الطريقة رغم أني مستجدة في الموضوع
ولكني أسأل إن كنت أريد أن أضع سلايدر للصور فقط دون روابط،، أقصد صور تذكارية أو سياحية دون أن يحولني الضغط على الصورة الى رابط معين
ولكم جزيل الشكر والتقدير
__________________

من مواضيع سمر التائبين

الدعم العربي

سمر التائبين غير متواجد حالياً   رد مع اقتباس
قديم 08-14-2012, 02:54 AM   #5
admin
مدير عام
 
الصورة الرمزية admin
 
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
افتراضي رد: شرح تركيب سلايدر احترافي لمدونات بلوجر

أنا : admin




اقتباس:
المشاركة الأصلية كتبت بواسطة سمر التائبين مشاهدة المشاركة
بارك الله في جهودكم ,,وأنا معجبة بالمعهد المفيد حقاً
سأجرب الطريقة رغم أني مستجدة في الموضوع
ولكني أسأل إن كنت أريد أن أضع سلايدر للصور فقط دون روابط،، أقصد صور تذكارية أو سياحية دون أن يحولني الضغط على الصورة الى رابط معين
ولكم جزيل الشكر والتقدير

اكتف بوضع الرمز # مكان الرابط

الدعم العربي

admin غير متواجد حالياً   رد مع اقتباس
قديم 08-20-2012, 03:16 AM   #6
سمر التائبين
مدون جديد
 
تاريخ التسجيل: Aug 2012
المشاركات: 21
افتراضي رد: شرح تركيب سلايدر احترافي لمدونات بلوجر

أنا : سمر التائبين




أنا لم أفلح في الأمر ياولدي ولذلك حذفته بعد أن باءت محاولاتي بالفشل
بيد أني لاأعتبره من أولوياتي ولكنه شيء كان سيضفي جمالاً على المدونه
بارك فيكم وجزاكم خيرا على جهودكم
__________________

من مواضيع سمر التائبين

الدعم العربي

سمر التائبين غير متواجد حالياً   رد مع اقتباس
قديم 08-20-2012, 03:34 AM   #7
admin
مدير عام
 
الصورة الرمزية admin
 
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
افتراضي رد: شرح تركيب سلايدر احترافي لمدونات بلوجر

أنا : admin




اقتباس:
المشاركة الأصلية كتبت بواسطة سمر التائبين مشاهدة المشاركة
أنا لم أفلح في الأمر ياولدي ولذلك حذفته بعد أن باءت محاولاتي بالفشل
بيد أني لاأعتبره من أولوياتي ولكنه شيء كان سيضفي جمالاً على المدونه
بارك فيكم وجزاكم خيرا على جهودكم
ما المشكلة بالضبط ؟

الدعم العربي

admin غير متواجد حالياً   رد مع اقتباس
قديم 08-20-2012, 03:39 AM   #8
سمر التائبين
مدون جديد
 
تاريخ التسجيل: Aug 2012
المشاركات: 21
افتراضي رد: شرح تركيب سلايدر احترافي لمدونات بلوجر

أنا : سمر التائبين




أنا وضعت الرمز الذي أشرتَ اليه بدلا من الرابط ووضعت روابط الصور في محلها ووضعت عناوين للصور في محلها أيضاً
فظهرت لي بعد التطبيق مربعات صغيرة تتحرك على شكل سلايد وكذلك عناوين الصور
ولم تظهر الصور
__________________

من مواضيع سمر التائبين

الدعم العربي

سمر التائبين غير متواجد حالياً   رد مع اقتباس
قديم 08-20-2012, 03:48 AM   #9
admin
مدير عام
 
الصورة الرمزية admin
 
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
افتراضي رد: شرح تركيب سلايدر احترافي لمدونات بلوجر

أنا : admin




ضيفيني أدمن على مدونتك وسأركب لك السلايدر
ايميلي سيصلك برسالة خاصة

الدعم العربي

admin غير متواجد حالياً   رد مع اقتباس
قديم 08-20-2012, 04:37 PM   #10
سمر التائبين
مدون جديد
 
تاريخ التسجيل: Aug 2012
المشاركات: 21
افتراضي رد: شرح تركيب سلايدر احترافي لمدونات بلوجر

أنا : سمر التائبين




تمت الإضافة
__________________

من مواضيع سمر التائبين

الدعم العربي

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

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

الكلمات الدليلية (Tags)
مدونات بلوجر, blogger, بلوجر, تركيب, سلايدر, سلايدشو, slider, slideshow


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

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

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



المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
صندوق الإشتراك عن طريق البريد الإلكتروني لمدونات بلوجر (شكل احترافي) ilyass kéng إضافات وأدوات بلوجر 1 03-20-2013 12:47 PM
قالب احترافي مميز 2013 لمدونات بلوجر tafelalt قوالب بلوجر عربية ومعربة 1 01-15-2013 04:35 AM
قالب تايم كوست احترافي لمدونات بلوجر العماد قوالب بلوجر عربية ومعربة 2 12-30-2012 07:20 PM
شرح إضافة سلايدر تشغيل ذاتي "أوتوماتيكي" لمدونات بلوجر admin إضافات وأدوات بلوجر 4 07-16-2012 09:20 PM
مساعدة في تركيب سلايدر "ذؤيب" على المدونة ال شاوي ياس طلبات تعديل القوالب 5 06-14-2012 05:28 PM





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

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