الويب العربي

الويب العربي (http://www.arabwebtalk.com/index.php)
-   مجتمع ديموفنف (http://www.arabwebtalk.com/forumdisplay.php?f=73)
-   -   طريقة إضافة الأخبار المنزلقة ((ديناميكية)) بدون ما تضيفها أنت (http://www.arabwebtalk.com/showthread.php?t=108363)

أبو عمر2 21-04-2009 10:39 AM

طريقة إضافة الأخبار المنزلقة ((ديناميكية)) بدون ما تضيفها أنت
 
المرفقات 1
سبق ان طرح الأخ spneeds موضوع _ وأخيرا ً شرح بالصور كيفية تفعيل الأخبار بديناميكة كالمواقع الكبرى مجانا

طرح فيه طريقة عرض الأخبار المنزلقة وتكون الأخبار مضافة في الكود
وبعد الإطلاع على الموضوع والإستفادة منه
ومشاهدة بعض المواضيع من مواقع أخرى
. تم التعديل على الأكواد لكي يتناسب الكود مع الأخبار المثبته ولا نحتاج لإضافة التعديل على الكود كل مرة لإضافة الأخبار .
أرجو ان تتابعو معي خطوة خطوة لكي تنجح الطريقة .

ملاحظات :
تعمل هذه الطريقة على الأخبار المثبته فقط (( يمكن ان تعمل على الأخبار المعروضة بالرئيسية ولكن بشي من التعقيد والتغيير ))
يجب أن تحدد الإستايل الذي تعمل عليه .
قم بعمل نسخة من نموذج ccontent قبل العمل لكي تستعيدها إذا لم تنجح معك الطريقة .
تم تطبيق الطريقة ونجحت معي 100% في هذا الموقع جمعية البر الخيرية بوادي بن هشبل

1-قم بتحميل المرفقات وفك الضغط عنها.
إرفع الملف
jquery-1.2.2.pack.js
والملف
featuredcontentglider.js
بداخل المسار التالي
/public_html/scripts/
أو
/www/scripts/
كلها نفس بعض الثاني هو إختصار للأول
ليصبح مسار الملفين في موقعك ما يلي
"http://www.albr-wh.org/scripts/jquery-1.2.2.pack.js"
"http://www.albr-wh.org/scripts/featuredcontentglider.js"

مع ملاحظة تغيير أسم الموقع

الأن نرفع الملف الثالث وهو هذا الملف
featuredcontentglider.css
قبل ما ترفعه نحدد اسم الإستايل إلى شغال عليه وتبي تطبق الأخبار المنزلقة عليه
أنا اسم الإستايل عندي
almgarah
إذا برفع الملف على المسار التالي
/www/styles/almgarah/
أو
/public_html/styles/almgarah/

الان رفعنا كل الملفات التي نحتاجها

2- الخطوة الثانية من لوحة التحكم نذهب إلى إعدادات إنفنتي ))) إعدادات الأخبار )))
عدد الأخبار المثبتة الإجمالي (( حدد عدد الأخبار التي تريد أن تثبتها ولو كنت مثبت أخبار أكثر من هذا العدد فلن يتم عرض أخبار أكثر من هذا الخبر ))
عدد الأحرف الإجمالي لنبذة الخبر المثبت (( هذا الخيار سوف يضبط حجم مربع الخبر انا جعلته 200 حرف))


طريقة تثبيت الخبر :
بعد ذلك لابد ان يكون لديك أخبار مثبته وذلك عن طريق التعديل على الأخبار
البرامج الملحقة )) مكتبة الأخبار )) عرض الأقسام )) ثم إضغط على مشاهدة في القائمة محتوى )) تحت كلمة إجراء إضغط على رمز التعديل لأحد الأخبار لديك )) في الخيار تثبيت الخبر إختر نعم وفي الخيار الذي يليه حدد تاريخ متقدم عن تاريخ اليوم مثلا شهر للأمام .
طبق هذا التعديل على أكثر من خبر أو أضف خبر جديد وضع نعم عند تثبيت الخبر , وعد التاريخ إلى تاريخ متقدم شهر إلى الامام مثلا .

3- الخطوة الثالثة :
الان نتوجة من لوحة التحكم إلى
النماذج والقوالب
نماذج العرض
قائمة الإستايلات
إضغط على تحرير للإستايل الذي تريد تطبيق الأخبار المنزلقة عليه والذي رفعنا الملف في الخطوة الاولى على مساره
ثم نختار النموذج ccontent من القائمة ونضغط عرض النموذج
(( لا تنسى عمل نسخة إحتياطية من النموذج على مفكرة عندك في جهاذك قبل التعديل ))

إفتح المرفقات ونسخ محتويات المفكرة التي تحمل الإسم الكود الاول وضعة في أول النموذج


بعد ذلك :

إبحث عن هذا الكود :

كود:

<!-- START BLOCK : stknews -->
وضع قبله هذا السطر

كود:

<div id="canadaprovinces" class="glidecontentwrapper">
وضع بعده هذا السطر

كود:

<div class="glidecontent" style="position: absolute; left: 10px; top: 13px; width: 470px; height: 170px">
السطر السابق هو الطبقة التي تنزلق ويمكن التعديل على حجمها من خلال الكود السابق

الأن إحذف الكود التالي :
كود:

<b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>
ضع مكانه هذا العبارة:
كود:

</div>

الخطوة الاخيرة :
بعد العبارة
كود:

<!-- END BLOCK : stknews -->
وسع المكان بالضغط على إنتر كم مره لكي لا تتلخبط

ثم ضع هذا الكود :

كود:

</div>
<div id="p-select" class="glidecontenttoggler">
<a href="#" class="prev">السابق</a>
<a href="#" class="toc">1</a>
<a href="#" class="toc">2</a>
<a href="#" class="toc">3</a>
<a href="#" class="toc">4</a>
<a href="#" class="toc">5</a>
<a href="#" class="toc">6</a>
<a href="#" class="toc">7</a>
<a href="#" class="toc">8</a>
<a href="#" class="toc">9</a>
<a href="#" class="toc">10</a>
<a href="#" class="next">التالي</a>
</div>

هذا الكود هو الخاص بعدد الأرقام التي تظهر تحت شاشة الخبر المنزلق
يظهر شكلها هكذا
السابق 1 2 3 4 5 6 7 8 9 10 التالي

تظهر الأرقام التي على عدد الأخبار المثبته لديك
لو كان عدد الأخبار المثبته اكثر من 10 لن يظهر أرقام أكثر
فقط من 1 إلى 10
للزيادة من الكود السابق قم بنسخ السطر

كود:

<a href="#" class="toc">10</a>
وإلصقة في سطر جديد بعد إلي نسخته
وعدل الرقم الذي بداخلة من 10 إلى 11
ولو تبي تزيد كرر العملية السابقة
أتمنى لكم التوفيق مع تحيات أخوكم أبو عمر
تم تجربة الموضوع على موقع

جمعية البر الخيرية باوادي بن هشبل

جزاهم الله خير وأدعوكم للتبرع لصالح الجمعية و زيارة موقعها ومشاهدة إنجازات الجمعية
ملاحظة الموقع تحت التطوير

أعتذ عن إجابة الأسئلة التي لا أعرفها فأنا عليمي وعتبي على من كان يعرف طريقة هذا الموضوع ولم يطرحها لنا وجعلني احاول إسبوع كامل


صحيفة سدير 21-04-2009 11:47 AM

ابو عمر يجزاك ربي الجنة

تفصيل جميل وشرح مميز

نحاول تطبيق العمل

وذا هذا شغلك وانت عليمي اجل بالاحتراف كيف


شكرا لكـ

fnon.net 21-04-2009 12:24 PM

بارك الله فيك يا بو عمر


شرح وافي وكافي بيض الله وجهك

dawwas 21-04-2009 01:53 PM

الله يجزاك الف خير اخوي

جاري العمل والتطبيق

alnsmh-host.com 21-04-2009 02:57 PM

جزاك الله خير الجزاء

dawwas 21-04-2009 03:42 PM

تم العمل والحمدلله

انظر هـنـــا


بارك الله فيك يا أخي

أول حب 21-04-2009 04:10 PM

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

أبو عمر ,, لك كل الشكر و التحية لمجهودك الرائع

و فعلا العتب على من كان يعلم و يخفى علمه و لن نقول أكثر من ذلك :)

و أتمنى التوفيق للجميع

كل الود :)

أبو عمر2 21-04-2009 04:28 PM

شكرا لمروركم والحمد لله ان ما فيه أحد حتى الأن واجهته أي مشكلة .

spneeds 21-04-2009 07:40 PM

أبو عمر2 الرائع
بداية أشكرك بكلماتك نحوي
وأسجل اعجابي معرفتك بالطريقة المباشرة ياغالي
وجاري التجربة على الموقع
واصل عزيزي التطوير
أشكرك من الأعماق ، يعطيك العافية ولا حرمنا الأجر
احترامي
spneeds


ملاحظة /
أتمنى من ادارة الويب العربي التعديل على موضوعي

http://www.arabwebtalk.com/showthread.php?t=96732

ووضع رابط الأخ أبو عمر

http://www.arabwebtalk.com/showthread.php?p=605962

الشرقي للتصميم 22-04-2009 11:29 PM

جزاك الله خير أخوي أبو عمر ,, شرح واضح

ولكن هناك نقطة اود منك توضيحها ..

عندما أقوم بتركيب الكود كامل أو الكود الأول .. يظهر مربع الأخبار المثبته في أعلى الصفحة من اليسار ..!!!!!

ولا تتحرك المواضيع كالشكل الموجود بموقعك ...!!؟؟؟


إن كنت تستطيع افادتنا اكون لك شاركا ,,

وجزاك الله خيرا اولا وأخيرا :)

albrzaa 23-04-2009 08:34 PM

اخوي لم تضبط معي عملتها يدوي بتطبيق حرفي وايضا عملت استبدال كامل للقالب بالمرفق الكامل ونفس الشيء تظهر فقط اعداد الاخبار المثبتة دون ان تظهر الاخبار

satam2k 24-04-2009 10:26 AM

الله يعطيك العافية على الشرح الجميل

http://www.s6am2k.net/inf/

أبو عمر2 25-04-2009 04:58 PM

الأخوة الذين لم تضبط معهم الطريقة أنا ذكرت كل شي أعرفة ..
الش الذي لم أذكرة انه لو كان موقعك على مجلد فرعي لابد أن تظيف اسم المجلد الفرعي في جميع المسارات .
وما أحب أن أنبه عليه
ان تقوم اولا بثبيت أخبار في الموقع وتشاهدها في واجهة الموقع في الأخبار المثبته.
ثم تقوم بعمل التعديلات التي ذكرنها خطوة خطوة .
الذي لا أعرفه هل الإستايلات تختلف عن بعض ام انها زي بعض ,,, لا ادري فلم اشتغل على ستايل أخر غير إستايل المجرة.
الأخوة الذين لم يركب معهم لو طرحو الخطواة التي إتبعوها لكي نرى هل طبقت بالتمام ام لا .
ام الكود الكامل الذي طرحت فهو كامل كام هو عندي وإنما طرحته لمن اراد ان يتابع الكود كامل بدون تجزئه .

<!-- START BLOCK : stknews -->
كما احب ان أوضح ان عملنا كله يكون بين هذه السطرين ما عدا الكود الكود الأخير المسئول عن الأرقام وكلمة السابق والتالي .

<!-- END BLOCK : stknews -->

شمالي الجوف 27-04-2009 11:47 AM





سويت كل شيءوظبط ميه ميه ربي يوفقك ولكن واجهتني المشكله هذي لا اعلم لماذا تطلع الاخبار المثبته في الجانب العلوي

satam2k 28-04-2009 12:42 AM

اخي شمالي وبعض الاخوه الي واجهتم نفس مشكلته

في الملف الي اسمه الكود الأول عليك بنسخه حسب الشرح مع التعديل عليه من عنوان الموقع الي موجود وهو albr-wh.org إلى عنوان موقعك

علماً التاكد ان تكتبه صح وكذلك في السطر الثالث كتب

albr-wh.org/styles/almgarah/featuredcontentglider.css

ماعليك الا تعديل العنوان مع تعديل اسم مجلد الاستايل حسب ماهو موجود عندك

صاحب الموضوع كاتب almgarah حسب الاستايل الي عنده وانت عليك بتعديله للاستايل المناسب لموقعك

اتمنى ان قدرت ان اوضح لكم المشكله

والشكر موصول لصاحب الموضوع الله يجزاه خير

قلب العنا 28-04-2009 06:57 AM

إقتباس:

اقتباس من مشاركة الشرقي للتصميم (المشاركة 606504)
جزاك الله خير أخوي أبو عمر ,, شرح واضح

ولكن هناك نقطة اود منك توضيحها ..

عندما أقوم بتركيب الكود كامل أو الكود الأول .. يظهر مربع الأخبار المثبته في أعلى الصفحة من اليسار ..!!!!!

ولا تتحرك المواضيع كالشكل الموجود بموقعك ...!!؟؟؟


إن كنت تستطيع افادتنا اكون لك شاركا ,,

وجزاك الله خيرا اولا وأخيرا :)


اول شي نشكر اخونا ابو عمر على ابداعه
نفس المشكله عند اخوي الشرقي للتصميم وكان التنفيذ على استايل ابعاد
ياريت احد يفيدنا وين الخطاء رغم انه تم تطبيق الشراح كما هو

لكم كل الشكر

karakas 28-04-2009 12:33 PM

المرفقات 1
عطفاً على كلام الأخ المبدع أبو عمر .... سأضيف الى كلامه شيئاً من التفصيل ...

عندما تفتتح نموذج ccontent للتعديل , ستجد كود الأخبار المثبتة افتراضباً قبل اضافة قالب التحريك , ستجده كالتالي :

كود:

<!-- START BLOCK : stknews -->
<div id="xsnazzy">
<b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b>
<div class="xboxcontent">
<div class="rnewstitle">{caption}</div>
<span style='float:left'>&nbsp;{picture}&nbsp;</span><div class="author">&nbsp;&nbsp;{date} م</div><div class="news">&nbsp;{text}&nbsp;
<br><br>
<div id="newsicons"><span style='float:right'><img border="0" src="infimages/newscomment.gif" alt="التعليقات">  {comnum}  |  <img border="0" src="infimages/newssend.gif" alt="إرسال">  {greet}  |  <img border="0" src="infimages/newsviews.gif" alt="الزيارات">  {views}</span><span style='float:left'>{readmore}</span></div>
</div>
</div>
<b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>
</div>
<!-- END BLOCK : stknews -->

هذا الكود هو المسؤول عن اظهار الأخبار التي تقوم بتثبيتها من لوحة التحكم ....

الآن , قبل سطر <!-- START BLOCK : stknews --> أضف الكود الذي في الملف المرفق ...


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

كود:

<div class="glidecontent">
ثم قبل السطر <!-- END BLOCK : stknews --> أضف الكود التالي :
كود:

</div>
وبعده أضف الكود التالي :
كود:

</div>

<center>
<div style="width:50%;">
                     
<div id="p-select" class="cssbuttonstoggler" style="text-align:center;">
                       
 <a href="#" class="next"><span>التالي</span></a>
                       
 <a href="#" class="toc"><span>1</span></a>
 <a href="#" class="toc"><span>2</span></a>
 <a href="#" class="toc"><span>3</span></a>
 <a href="#" class="toc"><span>4</span></a>
 <a href="#" class="toc"><span>5</span></a>
 <a href="#" class="toc"><span>6</span></a>
 <a href="#" class="toc"><span>7</span></a>
 <a href="#" class="toc"><span>8</span></a>
 <a href="#" class="toc"><span>9</span></a>
 <a href="#" class="toc"><span>10</span></a>
                       
 <a href="#" class="prev"><span>السابق</span></a>
                       
 </div>
</div>
</center>
<br>

الآن بالنسبة للملف featuredcontentglider.css المرفق مع القالب , يفضّل رفعه الى مجلد images في الستايل الذي تعمل عليه لتفادي مشاكل البيرميشن . ليصبح مسار الملف (اذا كان ستايل المجرة مثلاً) :

public_html/styles/almgarah/images

هكذا ... ستظهر الأخبار المثبتة ديناميكياً في القالب ....

و الشكر الجزيل للأستاذ المبدع أبو عمر

karakas 28-04-2009 01:04 PM

المرفقات 1
ولعيونكم .... في المرفقات الكود معدل و جاهز .... كل ما عليك عمله هو استبدال كود الأخبار المثبتة الافتراضي في نموذج CCONTENT بالكود المرفق في ملف CODE.txt بالمرفقات .

أيضاً يمكنك استبدال الأرقام بأزرار جميلة تعطي مظهراً أجمل للبلوك .. كله بالمرفقات

أبو عمر2 28-04-2009 06:14 PM

أشكركم جميعا والله وقصرتم أثريتم الموضوع وطورتوه
وأعتذر لمن سأل ولم أجواب لأني لم اتوصل إلى حل لمشكلاهم ..

قلب العنا 28-04-2009 07:50 PM

المرفقات 1
مشكور ايضا اخوي karakas

وحاولت بكل الطرق ماضبطت معي ياليت لو تعدلي على نموذج ccontent برفقه اذا ممكن


جميع الأوقات بتوقيت مكة المكرمة. الساعة الآن » 07:44 AM.

Powered by vBulletin
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Copyright © ArabWebTalk.Com 2004-2012