اسلوب عرض صفحات RSS

كل ما يهم مطور المواقع ... لغات برمجة المواقع .. سكربتات .. مناقشات ..
مغلق
الباهي
عضو نشيط
مشاركات: 141
اشترك في: 19 سبتمبر 2004, 12:20

اسلوب عرض صفحات RSS

مشاركة بواسطة الباهي »

السلام عليكم

لاحظت ان صفحات الاذاعة البريطانية التي تعتمد RSS:

http://newsrss.bbc.co.uk/rss/arabic/news/rss.xml

تظهر بشكل منسق وجميل وليس فيه شفرات الاسطر كما هو الحال عليه في موقعنا الحبيب مفيد.كوم.

بصراحة الطريقة مثيرة وتستحق النظر. خصوصاً دون الحاجة الى استخدام قارئا للأخبار.

هل من الممكن ان نعرف الطريقة؟
Weber
عضو نشيط
مشاركات: 167
اشترك في: 29 ديسمبر 2004, 11:21
مكان: KSA

مشاركة بواسطة Weber »

السر في المصدر والحمدلله مفتوح :wink:

كود: تحديد الكل

<?xml-stylesheet title="XSL_formatting" type="text/xsl" href="/shared/bsp/xsl/rss/arabic.xsl"?>
اخي العملية تنسيق stylesheet مثل CSS للـHTML فهو XSL للـXML

للاستزادة

http://www.w3.org/TR/xsl

http://www.xml.com/pub/a/2001/01/17/xsl-fo/index.html

ثم لاحظ الان اذا وصلت الى XSL

http://newsrss.bbc.co.uk/shared/bsp/xsl/rss/arabic.xsl

ستجد انه الان استعان بـCSS

كود: تحديد الكل

<link rel="stylesheet" href="/shared/bsp/xsl/rss/css/arabic_xsl.css" type="text/css" /> 
مثال من بداية الملف arabic_xsl.css

كود: تحديد الكل

/* css for RSS xsl */

body{background-color:#fff;border:0px;margin:10px;font-family: "Simplified Arabic", "Arabic Transparent", "Traditional Arabic", "Arial (Arabic)", "Times New Roman (Arabic)", "AGA Arabesque", "NaskhTT", "Akhbar MT", "Courir New (Arabic)", "Decotype Naskh",  "Mudir MT",  "Simplified Arabic fixed", "Tahoma (Arabic)", "Andalus", "Monotype Koufi", "Decotype Naskh Extension", "Decotype Naskh Special", "Decotype Naskh Swashed", "Decotype Naskh Variants", "Decotype Naskh Thuluth", "Simplified Arabic backslanted", "Traditional Arabic Backslanted", Arial, Helvetica, sans-serif;font-size:90%;font-weight:bold;color:#000000;line-height:19px;}
.o{direction:rtl;}
form{margin:0px;padding:0px;}
h2{margin:0px;padding:5px 0px;font-size:140%;}
p{margin:0px;padding:5px 0px;}

a:link{text-decoration:none;font-size:100%;color:#000099;}
a:visited{text-decoration:none;font-size:100%;color:#6666CC;}
a:active{text-decoration:none;font-size:100%;color:#000099;}
a:hover{font-size:100%;color:#000099;text-decoration:underline;}

a.item:link{font-weight:bold;}
a.item:visited{font-weight:bold;}
a.item:active{font-weight:bold;}
a.item:hover{font-weight:bold;}
هل ترى item ؟

كلها مسئلة تنسيق (انماط) :)
الباهي
عضو نشيط
مشاركات: 141
اشترك في: 19 سبتمبر 2004, 12:20

مشاركة بواسطة الباهي »

نفعنا الله بعلم ومعرفتك اخي العزيز.

والله لا اعرف كيف اشكرك على هذا الايضاح.

فتحت ملف rss.xsl ولم اعرف كيف لي باجراء التغييرات المطلوبة. هذه واحدة.

والثانية لم اجد ملف بصيغة css ضمن ملفات الهاك.

علماً انني استخدم الهاك rssfeed_2.2.4.

السؤال الان. كيف لي بتجاوز هذا المشكل؟

اكرر شكري وامتناني لك على هذا الاهتمام.

كما ارجو الا اكون مزعجاً فيما عدت به من استفسار.
الباهي
عضو نشيط
مشاركات: 141
اشترك في: 19 سبتمبر 2004, 12:20

مشاركة بواسطة الباهي »

يا ليت اخي العزيز تتكرم وترد علي.
Geek
عضو جديد
مشاركات: 40
اشترك في: 25 مارس 2006, 03:32

مشاركة بواسطة Geek »

عزيزي الباهي

المسئلة بسيط ركز فقط في الدرس التالي

http://www.w3.org/Style/styling-XML

اولاً تنشى ملف التنسيق css حسب معطيات ملف الrss !! اي نفرض ان به معطيين اثنين واحد title لعنوان الموضوع والاخر des لوصف الموضوع وانت تريد العنوان بخط tahoma ولون الخط اسود وله خلفية بيضاء فتضع التالي

كود: تحديد الكل

TITLE { font-family: tahoma; background: white; color: black }
اما الوصف فتريده بنفس الخط لكن لونه احمر وحجمة اكبر فتضع التالي

كود: تحديد الكل

DES { font-family: tahoma; font-size: x-large; color: red }
الان تربط ملف الCSS بملف الRSS وذلك بوضع

كود: تحديد الكل

<?xml-stylesheet href="my-style.css" type="text/css"?>
حيث my-style.css هو ملف التنسيق الذي انشئتة !! تضعه مباشر بعد سطر البادئة وهو مشابة للتالي

كود: تحديد الكل

<?xml version="1.0" encoding="UTF-8"?>
موفق
الباهي
عضو نشيط
مشاركات: 141
اشترك في: 19 سبتمبر 2004, 12:20

مشاركة بواسطة الباهي »

الاخ العزيز Geek

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

تتبعت ما تكرمت واشرت به علي ولكن دون اي تغيير.

الذي قمت به هو التالي:

انشاء ملف تحت اسم my-style.css ووضعته في هذا المسار:

/macarabia.net/forum/templates

اي في ذات المجلد الذي فيه rss.xsl

الى هنا هل الامر صحيح؟

ولم انس التالي:

كود: تحديد الكل

<?xml version="1.0" encoding="utf-8" ?>
<?xml-stylesheet href="my-style.css" type="text/css"?>


عموماً اخي العزيز اليك الملف في المرفق.

مرة اخرى الف شكر وشكر على هذا الجهد الكريم في محاولة تقديم المساعدة.
GoOoO
عضو جديد
مشاركات: 51
اشترك في: 06 يناير 2006, 04:38

مشاركة بواسطة GoOoO »

اخواي الباهي عندك خيارات ثانية اسهل

1- الخدمات المستضافة Hosted Services

http://www.feedburner.com

وهذا مثال عربي: http://feeds.feedburner.com/serdal

http://www.rss2html.com

http://www.newsgator.com

2- سكربتات

rss2html.php - http://www.feedforall.com/free-php-script.htm

RSSmesh - http://www.feedforall.com/rssmesh.htm
الباهي
عضو نشيط
مشاركات: 141
اشترك في: 19 سبتمبر 2004, 12:20

مشاركة بواسطة الباهي »

الاخ العزيز GoOoO اشكرك من الاعماق على هذه المحاولة في المساعد فيما اشكل علي.

كما اشكرك على الجهد والمتابعة.

اخي كنت افضل بعد أذنك الانطلاق من الهاك المركب عندي، وعلى حسب خطوات الاخوة الاحبة جزاهم الله خير:
Weber
Geek


والذي اكتشفته امر غريب فيما يخص ملف rss.xsl اذ ان وجود هذا الملف من عدمه سياً، امر غريب، هو ما اكتشفته، وعن طريق الصدفة. احذفه اغير مكانه النتيجة واحدة، لا ادري ماذا حصل.

اقصد النتيجة واحدة ان الهاك يعمل بشكل جيد وممتاز، طبعاً ينقصه ما جئت احاول ان اطور به.

الملف العجيب هو:
rss.xsl
والذي ينبغي ان يكون في المسار التالي copy templates/rss.xsl to templates/rss.xsl

يمكن حل لغز هذا الملف يعدينا الى التفكير بحل ما اشكل علينا.

عنوان الهاك:
http://naklon.info/rss/about.htm
الباهي
عضو نشيط
مشاركات: 141
اشترك في: 19 سبتمبر 2004, 12:20

مشاركة بواسطة الباهي »

يا جماعة الخير.

الا من مجيب يجيب علينا.
مغلق