اسلوب عرض صفحات RSS
اسلوب عرض صفحات RSS
السلام عليكم
لاحظت ان صفحات الاذاعة البريطانية التي تعتمد RSS:
http://newsrss.bbc.co.uk/rss/arabic/news/rss.xml
تظهر بشكل منسق وجميل وليس فيه شفرات الاسطر كما هو الحال عليه في موقعنا الحبيب مفيد.كوم.
بصراحة الطريقة مثيرة وتستحق النظر. خصوصاً دون الحاجة الى استخدام قارئا للأخبار.
هل من الممكن ان نعرف الطريقة؟
لاحظت ان صفحات الاذاعة البريطانية التي تعتمد RSS:
http://newsrss.bbc.co.uk/rss/arabic/news/rss.xml
تظهر بشكل منسق وجميل وليس فيه شفرات الاسطر كما هو الحال عليه في موقعنا الحبيب مفيد.كوم.
بصراحة الطريقة مثيرة وتستحق النظر. خصوصاً دون الحاجة الى استخدام قارئا للأخبار.
هل من الممكن ان نعرف الطريقة؟
السر في المصدر والحمدلله مفتوح
اخي العملية تنسيق 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
مثال من بداية الملف arabic_xsl.css
هل ترى item ؟
كلها مسئلة تنسيق (انماط)
كود: تحديد الكل
<?xml-stylesheet title="XSL_formatting" type="text/xsl" href="/shared/bsp/xsl/rss/arabic.xsl"?>
للاستزادة
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" />
كود: تحديد الكل
/* 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;}
كلها مسئلة تنسيق (انماط)
نفعنا الله بعلم ومعرفتك اخي العزيز.
والله لا اعرف كيف اشكرك على هذا الايضاح.
فتحت ملف rss.xsl ولم اعرف كيف لي باجراء التغييرات المطلوبة. هذه واحدة.
والثانية لم اجد ملف بصيغة css ضمن ملفات الهاك.
علماً انني استخدم الهاك rssfeed_2.2.4.
السؤال الان. كيف لي بتجاوز هذا المشكل؟
اكرر شكري وامتناني لك على هذا الاهتمام.
كما ارجو الا اكون مزعجاً فيما عدت به من استفسار.
والله لا اعرف كيف اشكرك على هذا الايضاح.
فتحت ملف rss.xsl ولم اعرف كيف لي باجراء التغييرات المطلوبة. هذه واحدة.
والثانية لم اجد ملف بصيغة css ضمن ملفات الهاك.
علماً انني استخدم الهاك rssfeed_2.2.4.
السؤال الان. كيف لي بتجاوز هذا المشكل؟
اكرر شكري وامتناني لك على هذا الاهتمام.
كما ارجو الا اكون مزعجاً فيما عدت به من استفسار.
عزيزي الباهي
المسئلة بسيط ركز فقط في الدرس التالي
http://www.w3.org/Style/styling-XML
اولاً تنشى ملف التنسيق css حسب معطيات ملف الrss !! اي نفرض ان به معطيين اثنين واحد title لعنوان الموضوع والاخر des لوصف الموضوع وانت تريد العنوان بخط tahoma ولون الخط اسود وله خلفية بيضاء فتضع التالي
اما الوصف فتريده بنفس الخط لكن لونه احمر وحجمة اكبر فتضع التالي
الان تربط ملف الCSS بملف الRSS وذلك بوضع
حيث my-style.css هو ملف التنسيق الذي انشئتة !! تضعه مباشر بعد سطر البادئة وهو مشابة للتالي
موفق
المسئلة بسيط ركز فقط في الدرس التالي
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 }
كود: تحديد الكل
<?xml-stylesheet href="my-style.css" type="text/css"?>
كود: تحديد الكل
<?xml version="1.0" encoding="UTF-8"?>
الاخ العزيز Geek
في البدء اتقدم منك بخالص الشكر والامتنان على تشريفك هذا وعلى ومحاولة مساعدتي فيما اشكل علي. فالف شكر وشكر.
تتبعت ما تكرمت واشرت به علي ولكن دون اي تغيير.
الذي قمت به هو التالي:
انشاء ملف تحت اسم my-style.css ووضعته في هذا المسار:
/macarabia.net/forum/templates
اي في ذات المجلد الذي فيه rss.xsl
الى هنا هل الامر صحيح؟
ولم انس التالي:
عموماً اخي العزيز اليك الملف في المرفق.
مرة اخرى الف شكر وشكر على هذا الجهد الكريم في محاولة تقديم المساعدة.
في البدء اتقدم منك بخالص الشكر والامتنان على تشريفك هذا وعلى ومحاولة مساعدتي فيما اشكل علي. فالف شكر وشكر.
تتبعت ما تكرمت واشرت به علي ولكن دون اي تغيير.
الذي قمت به هو التالي:
انشاء ملف تحت اسم 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"?>
مرة اخرى الف شكر وشكر على هذا الجهد الكريم في محاولة تقديم المساعدة.
اخواي الباهي عندك خيارات ثانية اسهل
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
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
الاخ العزيز GoOoO اشكرك من الاعماق على هذه المحاولة في المساعد فيما اشكل علي.
كما اشكرك على الجهد والمتابعة.
اخي كنت افضل بعد أذنك الانطلاق من الهاك المركب عندي، وعلى حسب خطوات الاخوة الاحبة جزاهم الله خير:
Weber
Geek
والذي اكتشفته امر غريب فيما يخص ملف rss.xsl اذ ان وجود هذا الملف من عدمه سياً، امر غريب، هو ما اكتشفته، وعن طريق الصدفة. احذفه اغير مكانه النتيجة واحدة، لا ادري ماذا حصل.
اقصد النتيجة واحدة ان الهاك يعمل بشكل جيد وممتاز، طبعاً ينقصه ما جئت احاول ان اطور به.
الملف العجيب هو:
rss.xsl
والذي ينبغي ان يكون في المسار التالي copy templates/rss.xsl to templates/rss.xsl
يمكن حل لغز هذا الملف يعدينا الى التفكير بحل ما اشكل علينا.
عنوان الهاك:
http://naklon.info/rss/about.htm
كما اشكرك على الجهد والمتابعة.
اخي كنت افضل بعد أذنك الانطلاق من الهاك المركب عندي، وعلى حسب خطوات الاخوة الاحبة جزاهم الله خير:
Weber
Geek
والذي اكتشفته امر غريب فيما يخص ملف rss.xsl اذ ان وجود هذا الملف من عدمه سياً، امر غريب، هو ما اكتشفته، وعن طريق الصدفة. احذفه اغير مكانه النتيجة واحدة، لا ادري ماذا حصل.
اقصد النتيجة واحدة ان الهاك يعمل بشكل جيد وممتاز، طبعاً ينقصه ما جئت احاول ان اطور به.
الملف العجيب هو:
rss.xsl
والذي ينبغي ان يكون في المسار التالي copy templates/rss.xsl to templates/rss.xsl
يمكن حل لغز هذا الملف يعدينا الى التفكير بحل ما اشكل علينا.
عنوان الهاك:
http://naklon.info/rss/about.htm