معهد دعم اتش فى اى بى اس لحلول الويب - Powered by vBulletin


 
 
النتائج 1 إلى 3 من 3

الموضوع: بلوك جلب الاخبار آليه ليس يدويا ً

  1. #1
    أدارى
    الصورة الرمزية HVIPS4


    تاريخ التسجيل: Jun 2011
    رقم العضوية: 6
    الدولة: Cairo
    المشاركات: 1,979
    HVIPS4 غير متواجد حالياً

    بلوك جلب الاخبار آليه ليس يدويا ً


    بلوك لجلب الاخبار من بعض الصحف الالكترونية


    كود:
    <head>
    كود:
    
    <script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAAqwO0S03wyo4ecXMWfgl32xTKxgjD8U0twYkS6zQcQYSf-KPw5RQsNEQzTC-O1HWdON6FwOxp0RLMCA"> 
    </script> 
    
    <script type="text/javascript" src="scripts/gfeedfetcher.js"> 
    
    
    
    </script> 
    
    
    <style type="text/css"> 
    
    .labelfield{ /*CSS for label field in general*/ 
    color:#54C094; 
    font-size: 90%; 
    } 
    
    .datefield{ /*CSS for date field in general*/ 
    color:#CC1130; 
    font-size: 90%; 
    } 
    
    #example3 a{ /*CSS specific to demo 3*/ 
    color: #12639A; 
    text-decoration: none; 
    font-weight: bold; 
    } 
    
    #example3 p{ /*CSS specific to demo 3*/ 
    margin-bottom: 2px; 
    } 
    
    code{ /*CSS for insructions*/ 
    color: red; 
    } 
    
    </style> 
    
    
    <head/> 
    <script type="text/javascript"> 
    
    var newsfeed=new gfeedfetcher("example3", "example3class", "_new") 
    
    newsfeed.addFeed("صحيفة الوئام", "http://www.alweeam.com/news/rss-action-feed-m-news-id-1-feed-rss20.xml") //Specify "label" plus URL to RSS feed 
    
    newsfeed.displayoptions("label datetime snippet ") //show the specified additional fields 
    newsfeed.setentrycontainer("p") //Display each entry as a paragraph 
    newsfeed.filterfeed(5, "date") //Show 5 entries, sort by date 
    newsfeed.init() //Always call this last 
    
    </script> 

  2. #2
    أدارى
    الصورة الرمزية HVIPS4


    تاريخ التسجيل: Jun 2011
    رقم العضوية: 6
    الدولة: Cairo
    المشاركات: 1,979
    HVIPS4 غير متواجد حالياً

    رد: بلوك جلب الاخبار آليه ليس يدويا ً


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

    ملاحظات :
    تعمل هذه الطريقة على الأخبار المثبته فقط (( يمكن ان تعمل على الأخبار المعروضة بالرئيسية ولكن بشي من التعقيد والتغيير ))
    يجب أن تحدد الإستايل الذي تعمل عليه .
    قم بعمل نسخة من نموذج 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 من القائمة ونضغط عرض النموذج
    (( لا تنسى عمل نسخة إحتياطية من النموذج على مفكرة عندك في جهاذك قبل التعديل ))

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

    يتابع

  3. #3
    أدارى
    الصورة الرمزية HVIPS4


    تاريخ التسجيل: Jun 2011
    رقم العضوية: 6
    الدولة: Cairo
    المشاركات: 1,979
    HVIPS4 غير متواجد حالياً

    رد: بلوك جلب الاخبار آليه ليس يدويا ً


    بعد ذلك :

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

    كود:
    <!-- 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
    ولو تبي تزيد كرر العملية السابقة

 

ضوابط المشاركة

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