أضافات برمجية لمجلة جملة 75 Joomla Modules

Complete List:

Joomlaspan Google AdSense 2.0 mod_adsense_joomlaspan_2.0
Mambospan Google AdSense 3.0 mod_adsense_mambospan_3.0
Ajaxtabs JP 1.6 mod_ajaxtabsjp
Bookmark Us mod_bookmarkus
Catches 38 mod_catches
Category Content 39 mod_catcontent
Module - Content Categories mod_categories
Content Module mod_content
Content Links mod_content_links

Content Item mod_contentitem
Countdown Module mod_countdown
D4J Content Listing v1.0 mod_d4j_content_listing
D4J TransMenu v1.3 mod_d4j_transmenu
D4J Instant Search v1.6 mod_instant_search
Daily Quote mod_dailyquote
Date mod_date
AJAX Dynamic RSS Reader mod_dbrss
DGM News Ultra mod_dgm-news_ultra
Display News mod_dn
iClude mod_en_iclude
eQuotes mod_equotes
Latest Events mod_eventlist
EventList Calendarmodule mod_eventlistcal
Exhibitions archive mod_exh_archive
FDF Files Downloader mod_files_del
Flash Banner - Accessible mod_flashbanneraccess
Flash Content mod_flashcontent
The Flash Module mod_flashmod
Flash Rotator mod_flashrotator
FlexContent mod_flexcontent
Graphical Visitors Counter mod_graphical_counter
GRnews by DataHellas mod_grnews
Html Module mod_html
icms mod_icms
Image of the Day mod_imageofday
Insert Static Content mod_insertscontent
JA CoolAds Module mod_ja_coolads
JA Header Module mod_ja_header
JA Trans Menu V2.0 mod_ja_transmenu
Flexible Login Form mod_js_flex_login
AJAX Header Rotator mod_jw_ajaxhr
Ultimate AJAX Newsflash mod_jw_ajaxnf
Fading Scroller mod_jw_cifs
Jx Screenshots mod_jxscreenshots
Load Additional Content mod_lac
Site last updated mod_last_updated
Latest Edit mod_latestedit
Latest News XTD mod_latestnewsxtd
Latest News Enhanced mod_latestnews_enhanced
Latest News by Category mod_latestnewsbycat
Latest News (group by day) mod_latestnews_extbyday
Lost time calculator mod_lost_time
LxMenu mod_lxmenu
MosNewsWriter mod_mosnewswriter
Multi Banner mod_multibanner
Newsflash Pro mod_newsflashscroller_pro
News Master mod_nms_pro
PhotoShow mod_photoshow
Quick Question mod_quick_question
QuickNav mod_quicknav
Random Quote mod_randquote
Latest Updates mod_ravenswood_latest
RD Section Blog mod_rd_section_blog
Section Overview mod_sectionoverview
Show users IP Address mod_show_ip
Show Submenu Enhanced mod_show_submenu_enh
Site Counter mod_site_counter
Sorted Items mod_sorteditems
SurfTimer mod_surftimer
SW :: Google Ads mod_sw_ads
SW :: Freelinks mod_sw_freelinks
Tab Module mod_tabmodul
Visitors Counter mod_visitors_counter
What's New mod_whatsnew
Yazarlar Modülü mod_yazarlar للمزيد joommla

تسلم غلآي ولاهنت

حياك

ياليت اخوي لوعندك شرح اكثر للمجلة

لاني ركبتها ومشكلتها بالقوالب واللغه

جميل ويعطيك الف عافيه

وش سؤالك بالظبط

سؤالي عن تعريب الاستايلات وتعريب الاضافات البرمجية

ومشكلة الترميز

المدخل لتعريب القوالب

السلام عليكم ورحمة الله وبركاته ,
أرجو أن يكون الجميع بألف صحة و سلامة
تعتبر عملية قولبة جملة أو Templating عملية صعبة نسبياً خاصة بالنسبة لشخص مبتدى
لذلك فكرت فى عمل هذا الموضوع ليكون بمثابة دليل مبسط أطرح فيه أفكارى بخصوص هذا العمل و بدون استخدام برامج خارجية مثل Dreamweaver أو غيرها
فقط كل ما تحتاج هو محرر نصوص متطور مثل Notepad++ و برنامج تحرير صور مثل GIMP أو فوتوشوب المستخدم بكثرة فى عالمنا العربى
فى البداية مم يتكون القالب ؟
يتكون القالب من ملفات و مجلدات تكون فى أغلب الأحوال كالتاالى ,
index.php و هذا هو أساس القالب و جسر الربط بين مكونات القالب المختلفة و بدونه لا يكون القالب و هو ملف مكتوب بلغة php يتم فيه إصدار التعليمات لجملة حول تمثيل الصور و الأحرف و ما إلى ذلك
template_thumbnail.png هذه الصورة المصغرة للقالب , و معمتها هى عرض صورة للقالب للمعاينة قبل الاستخدام وهى غير ذات أهمية فى عملية البرمجة مطلقاً و يمكن حذفها و سيعمل القالب
templateDetails.xml هو ملف معلوماتى من الطراز الأول , حيث يقوم بإخبار جملة بملفات القالب جميعها كى تتعامل معها بشكل منطقى , كذلك يحفظ به صانع القالب حقه , و لن تستخدمه إلا إذا كنت تنوى عمل قالب منذ البداية
هذه كانت الملفات , ننتقل إلى المجلدات ,
/images يتضمن هذا المجلد جميع الصور المستخدمه لعرض القالب
/css لخبراء لغة css يحتوى هذا المجلد على ملف وحيد بامتداد css غالباً , و لغة css هى التى تتحكم فى طريقة عرض الأحرف و حجمها و المؤثرات عليها و ما إلى ذلك

سؤال يطرح نفسه عند عمل تعديلات على قالب موجود على السيرفر مباشرة , لنفرض أنك قمت بنعديل صورة ضمن مجلد /images و أردت استبدالها , فلماذا يرفض السيرفر ذلك ؟
هذه إحدى الأشياء التى تجعل المستخدم على وشك أن يفقد أعصابه و لكنها فى الحقيقة ميزة أمنية هامة , فجملة تقوم بحماية تلك الملفات من الوصول إليها بطرق غير شرعية , تماماً إذا أردت حذف ملف من على ويندوز و هو مفتوح بواسطة أى برنامج
هذا هو ما دفعنى لكتابة الموضوع من الأساس , لأنى فوجئت بنفس السؤال من صديق أوروبى و على مستوى من المعرفة التقنية يفوق بمرات و مرات مستوى أخيكم المتواضع
المهم , عند التعديل على قالب , ماذا أفعل ؟
أولا يجب أن يكون لديك سيرفر محلى لأن ذلك سيخلصك من مشكلة التصاريح و تعقيدات نظام الملفات على لينكس المستخدم على السيرفرات , و بعد انتهاء التعديل على القالب تقوم بضغط جميع الملفات فى ملف مضغوط بامتداد zip تماماً كما ترى فى القوالب التى تحصل عليها , و أخيراً ترفع الملف إلى جملة من لوحة التحكم

Re: المدخل لتعريب القوالب
« Reply #1 on: April 16, 2006, 07:45:47 PM »
كيف أقوم بتعريب قالب ؟
تعريب القالب عملية سهلة ولكنها تحتاج إلى وقت و اختبار , لذلك فالأفضل أن تتم على سيرفر محلى كما ذكرنا سابقاً , و يكون الدافع لها هو إعجابك بأحد القوالب الغربية و رغبتك فى تحويله لتستخدمه على موقعك العربى , أليس كذلك ؟
هذا طبعاً من حقك حيث أن كل ذلك تحت اتفاقية البرامج مفتوحة المصدر , و لكن ذلك لا يبرر إزالة الحقوق , على الأقل من ملف xml
ندخل فى الجد ,
سوف تحتاج كما ذكرنا إلى محرر نصوص متطور مثل نوتباد ++ لفتح ملفات index.php و template.css
أولاً : قم بفتح ملف index.php ستجد فى أعلى الملف الكود التالى :

Code:
<html xmlns="http://www.w3.org/1999/xhtml">
قم باستبداله بالكود التالى

Code:
<html xmlns="http://www.w3.org/1999/xhtml" dir="rtl">
و لاحظ الكود الجديد لتجد dir="rtl" قد أضيفت و هى الكفيلة بعكس اتجاه القالب 180 درجة ليصبح من اليمين إلى اليسار
قبل أن نترك ملف index.php لحاله , قم بالبحث عن الكلمات التالية
iso-8859-1
أو
utf-8
فإذا وجدت أيا منهما قم باستبدالها ب windows-1256 حيث هذا هو ترميز عرض الحروف العربية لأن الترميزات السابقة خاصة بعرض الحروف اللاتينية

أخيراً , حتى ننهى التعامل مع ملف index.php إذا كانت خبرتك فى لغة php جيدة فسيمكنك اللعب بالكود سواء بالحذف أو الاستبدال أو حتى بالإضافة لكى تعدل طريقة ظهور القالب
فضلاً راجع هذا الرابط حول مدلولات ما تجده فى ملف index.php
http://www.joomlart.com/tutorials/te...bo_layout.html

Re: المدخل لتعريب القوالب
« Reply #2 on: April 16, 2006, 07:46:21 PM »
الآن ننتقل إلى ملف css بعد الانتهاء من ملف index.php قم بحفظه و فتح ملف css
على النقيض من ملف index.php و الذى لم يكن بالضرورة فهم ما يجتويه واجباً , أؤكد أنه قبل الشروع فى تعديل ملف css يجب عليك الإحاطه بكامل محتوياته حتى تعلم جيداً ماذا تفعل و لا تتسبب فى ضياع مجهودك بسبب خطأ صغير
فى البداية يتكون ملف css من عدة فقرات قياسية , كل فقرة منها ترتبط بجزء من القالب
لذلك فعند تعاملك مع احدى الفقرات , انس بقية الملف و تعامل معها كأنها ملف منفصل و هكذا حتى تعدل على بقية الفقرات
مثلا , هذه تعتبر فقرة

Code:
div#header_r {
height: 90px;
background: url(../images/mw_header_blue_t_r.png) 100% 0 no-repeat;
padding-left: 370px;
padding-right: 30px;
padding-top: 25px;
overflow: hidden;
text-align: left;
}
لاحظ انها تبدأ بالقوس { و تنتهى ب { و هذا ما يساعدك عليه برنامج Notpad++
قام المطورون بوضع صيغه قياسية لما يجب أن تكون عليه تلك الفقرات , تجد شرحها هنا
http://www.joomlart.com/tutorials/te...5_minutes.html
و هذا الرابط أيضاً
http://www.joomlaos.de/CSS_Guide.html
حيث لا يمكن أن يخرج أى قالب عن هذه الأطر القياسية , و هذا هو سبب وجود العديد من القوالب لجملة أو لمامبو فى ما سبق
فمثلا إذا وجدت فى ملف css فقرة بعنوان a:mainlevel:link فهذا يعنى أنك ستتعامل مع القائمة الرئيسية أو أى قائمة للموقع
لنتقدم أكثر لندرك ماذا يجب تغييره حتى يتم تعريب القالب ,
أول الأوامر التى يجب ملاحظتها و هى من أهم الأوامر هى

Code:
float :
حيث يعمل هذا الأمر على التحكم فى محاذاه عنصر معين مثل القوائم و المحتوى و ما إلى ذلك
يتم وضع الأوامر left أو right أو center
فمثلاً و كما ستجد فى القوالب الغربية يكون الأمر

Code:
float : left;
فقم بتغيير كلمة left إلى right و لا تنس إضافة الفاصلة المنقوطة بعد كل أمر

ثانى الأوامر هو
Code:
font-family:
من منا يكره الخط الذى يتم عرض المحتوى به فى القالب الافتراضى ؟
هذا لا لشىء إلا بسبب أن من يصنع القالب قد قام وضع الخط arial أو sans serif و هذا مناسب للانجليزية و لكن ليس لعين المستخدم العربى عند عرض لغته الأم ,
لذلك سوف تجد هذا الأمر

Code:
font-family: Arial, Helvetica, sans-serif;
فقم بتغييره إلى

Code:
font-family: Tahoma, Arial, Helvetica, sans-serif;
لاحظ اننا أضفنا خط تاهوما و هو الأفضل لعين المستخدم العربى و هو المستخدم فى المنتدى أيضا
و لاتقم بحذف بقية الخطوط الأخرى , حيث لا نضمن وجود خط Tahoma عند الجميع , من باب الاحتياط ليس أكثر
ثالث تلك الأوامر هو
Code:
text-align:
و هو يختلف عن الأمر float : فى أن الأخير مهمته محاذاه العنصر مثل القائمة أو الموديل أو المحتوى , بينما الأول وظيفته محاذاة النص بداخل العنصر
أيضاً يقبل إضافة left أو right أو center
هذه الأوامر التى تتعلق بالتعريب ,
لاحظ جيداً أنه قد يتوجب عليك إضافتها لإحدى الفقرات , حيث قد لا تكون موجودة بالضرورة و تتعامل معها جملة على أنها يسار بشكل افتراضى و تذكر أنها تضاف فى سطر جديد بين بداية و نهاية الفقرة
توجد اوامر أخرى مثل

Code:
color:
و أمامه يوضع كود اللون بصيغة اتش تى ام ال

Code:
background:
إذا أردت وضع خلفية للنص مثل صورة أو لون و يقبل كود اللون أو رابط الصورة

Code:
padding:
هذا الأمر يدخل ضمن اوامر المحاذاه و لكن المحاذاه غير المطلقة , تعلم أنه عندما تكتب أمام أمر المحاذاه right فإنها ستجعل المحاذاه لأفصى اليمين , و لكنك لا تريد ذلك بالتحديد , فيمكنك جعل المحاذاه لليمين قليلا
و يوضع أمام هذا الأمر من واحد إلى 4 أوامر يتم الفصل بينها بمسافة عادية كل منها يكون على صورة رقم بجواره px حيث تمثل px عدد بكسلات الشاشة عند العرض
و بالطبع وجود أربعة أكواد لتنظيم المحاذاه أعلى و أسفل و يمينا و يساراً , باختصار استخدم هذا الأمر لتخصيص العنصر الذى تعمل عليه على ذوقك و كما تحب بعيداً عن الخيارات المطلقة
بهذا نكون قد أنهينا ما يتعلق بملف css مع ملاحظة أنه عند التعديل يجب عليك تعديل فقرة و التأكد من نتيجة عملك فوراً و بعدها تكمل لفقرة أخرى
لا يشترط أن تعمل على كل الفقرات , و لكن إذا فهمت ما فى الرابط الأخير , فستعرف جيداً أين الفقرات المطلوبة للتعديل
هذا ما يتعلق بتعريب القوالب , لاتنس أن تحزم الملفات بعد الانتهاء من العمل عليها و تجربتها فى ملف مضغوط و ترفعه
أخيراً أرجو أن يكون الشرح واضح و مؤدى للغرض و لا تنسونا من صالح دعائكم