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

طريقك نحو الإحتراف
 
الرئيسيةالرئيسية  البوابةالبوابة  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخولدخول  

 

 [الدرس الثالث] دورة تعريب قوالب بلوجر (خطوات التعريب)

اذهب الى الأسفل 
2 مشترك
كاتب الموضوعرسالة
Admin
.:: رئيس مجلس إدارة المنتدى ::.
.:: رئيس مجلس إدارة المنتدى ::.
Admin


دولتي : الجزائر
ذكر
مساهماتي : 1759
dsd : 11
إنضمامي : 29/12/2013

[الدرس الثالث] دورة تعريب قوالب بلوجر (خطوات التعريب)  Empty
مُساهمةموضوع: [الدرس الثالث] دورة تعريب قوالب بلوجر (خطوات التعريب)    [الدرس الثالث] دورة تعريب قوالب بلوجر (خطوات التعريب)  Emptyالسبت فبراير 01, 2014 6:34 pm

₪ أدآة آلخنفسآء (firebug) للفآيرفوگس للمسآعدة في آلتعريپ :







لقد شرحت هذه آلأدآة في تدوينآت سآپقة أرچو متآپعتهآ لگي نپدأ آلتطپيق معآً :




[الدرس الثالث] دورة تعريب قوالب بلوجر (خطوات التعريب)  %D8%A7%D9%84%D8%AF%D8%B1%D8%B3%20%D8%A7%D9%84%D8%AB%D8%A7%D9%86%D9%8A[الدرس الثالث] دورة تعريب قوالب بلوجر (خطوات التعريب)  %D8%A7%D9%84%D8%AF%D8%B1%D8%B3%20%D8%A7%D9%84%D8%A3%D9%88%D9%84








لگي نقوم پآلتعريپ پشگل چيد هنآگ 5 مرآحل في هذه آلدورة لتعلم آلتعريپ ، قمت پتقسيمهآ حتى يسهل فهمهآ وتگون گل مرحله منفصله لگي تتچآوزهآ إذآ گآنت لديگ خلفية مسپقة عنهآ وهي گآلتآلي :








♥ آلمرحلة آلأولى ـ تغيير آتچآه آلنص إلى آلچهة آليمنى .


♥ آلمرحلة آلثآنية ـ تعريپ آلگلمآت .


♥ آلمرحلة آلثآلثة تعديل آلهوآمش .


♥ آلمرحلة آلرآپعة : تغيير نوع آلخط .


♥ آلمرحلة آلخآمسة وآلأخيرة : آلتعليقآت ومشگلة آلهوآمش .







سنشرح گل خطوه پآلتفصيل پإذن آلله تعآلى ..









-آلمرحلة آلأولى ـ تغيير آتچآه آلنص إلى آلچهة آليمنى :





هنآگ 3 خطوآت فقط لتغير آتچآه آلنص في هذه آلمرحلة :




1 . تغيير آتچآه آلنص في آلعنوآن آلرئيسي لهيدر آلمدونة و آلچزء آلخآص پوصف آلمدونة ( #header-wrapper ) .




2 . تغيير آتچآه آلنصوص پشگل گآمل عن طريق آلغلآف آلخآرچي للمدونة (#Outer wrapper) .




3 . تغيير آتچآه آلقآئمة آلعلوية للمدونة .






سنشرح گل خطوة پآلتفصيل قدر آلإمگآن :











أولآً : تغيير آتچآه آلنص في آلعنوآن آلرئيسي لهيدر آلمدونة :




سنستخدم آلأمر ( text-align: right ) لتغيير آتچآه آلنص ، مآ عليگ سوى آلتوچه إلى :




" لوحة آلتحگم آلرئيسية " ثم " تصميم " ثم " تحرير HTML ".








[الدرس الثالث] دورة تعريب قوالب بلوجر (خطوات التعريب)  %25D8%25A7%25D9%2584%25D8%25AE%25D8%25B7%25D9%2588%25D8%25A9+1









ثم نضع علآمة عند مرپع توسيع قوآلپ عنآصر وآچهة آلمستخدم ..






[الدرس الثالث] دورة تعريب قوالب بلوجر (خطوات التعريب)  %25D8%25AA%25D9%2588%25D8%25B3%25D9%258A%25D8%25B9







وپعد ذلگ نضغط من لوحة آلمفآتيح على (ctrl + f ) لگي نستخدم محرگ پحث خآص پآلمتصفح ليسآعدنآ على آلپحث عن آلأگوآد ..








[الدرس الثالث] دورة تعريب قوالب بلوجر (خطوات التعريب)  %25D8%25A8%25D8%25AD%25D8%25AB










آلآن ألصق في محرگ آلپحث هذآ آلأمر :




اقتباس :

#header {


ثم آضغط من لوحة آلمفآتيح على Enter ليتم آلپحث ، طپعآً عندمآ تقوم پلصق آلأمر سيگون معگوس ، لذآ لآ تهتم لگون آلرموز أصپحت معگوسة فهذآ لن يعيق عملگ ، ولآ تنسى آختيآر زر " أپرز آلگل " في آلشريط لگي تظهر لگل آلأوآمر مظلله پلون پنفسچي ، ستچد آلگود آلتآلي پعد آلضغط على آنتر :





آضغط على آلصورة لتگپيرهآ








[الدرس الثالث] دورة تعريب قوالب بلوجر (خطوات التعريب)  %25D9%2587%25D9%258A%25D8%25AF%25D8%25B121










آقتپآس :
#header{color: $pagetitlecolor;text-align :right;}








[الدرس الثالث] دورة تعريب قوالب بلوجر (خطوات التعريب)  %25D9%2587%25D9%258A%25D8%25AF%25D8%25B1+3









• ثآنيآً : تغيير آتچآه آلنصوص پشگل گآمل عن طريق آلغلآف آلخآرچي للمدونة :




آلغلآف آلخآرچي ( Outer wrapper # ) : هو آلذي يضم گلآً من آلهيدر (header) ومنطقة آلتدوينآت (post) پمآ في ذلگ آلتعليقآت (comments) وآلقآئمة آلچآنپية للمدونة (sidebar) وآلفوتر (footer) ، هذه صورة توضيحية :






[الدرس الثالث] دورة تعريب قوالب بلوجر (خطوات التعريب)  %25D8%25A7%25D9%2584%25D8%25BA%25D9%2584%25D8%25A7%25D9%2581+%25D8%25A7%25D9%2584%25D8%25AE%25D8%25A7%25D8%25B1%25D8%25AC%25D9%258A










يگفي أن نلصق گود خآصية محآذآة آلنص لچهة آليمين حتى تتحول آلنصوص في آلمدونة إلى آليمين ، وآلآن آپحث في قآلپگ عن :

Outer wrapper # لگي تقوم پلصق خآصية محآذآة آلنص لليمين گمآ هو موضح هنآ پآللون آلأحمر :







#outer-wrapper{






font: $bodyfont;




margin:0 auto;





text-align: right;





width:960px;






}









[الدرس الثالث] دورة تعريب قوالب بلوجر (خطوات التعريب)  %25D8%25A7%25D9%2584%25D8%25BA%25D9%2584%25D8%25A7%25D9%2581+%25D8%25A7%25D9%2584%25D8%25AE%25D8%25A7%25D8%25B1%25D8%25AC%25D9%258A+%25D8%25A8%25D8%25B9%25D8%25AF+%25D8%25AA%25D8%25BA%25D9%258A%25D9%258A%25D8%25B1+%25D8%25A7%25D8%25AA%25D8%25AC%25D8%25A7%25D9%2587+%25D8%25A7%25D9%2584%25D9%2586%25D8%25B5+%25D9%2581%25D9%258A+%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1















• ثآلثآً : تغيير آتچآه آلقآئمة آلعلوية للمدونة :






[الدرس الثالث] دورة تعريب قوالب بلوجر (خطوات التعريب)  %25D8%25A7%25D8%25AA%25D8%25AC%25D8%25A7%25D9%2587+%25D8%25A7%25D9%2584%25D9%2586%25D8%25B5+%25D8%25AB%25D8%25A7%25D9%2584%25D8%25AB%25D8%25A7







آلقآئمة آلعلوية هي آلتي تحمل صفحآت آلمدونة مثل ( آلرئيسية – من نحن – آتصل پي .. إلخ ) ، لهذه آلقآئمة مسميآت مختلفة في گود آلقآلپ لذآ من آلأفضل آستخدآم أدآة firebugلتحديدهآ من أچل آچرآء آلتغييرآت عليهآ ، فگل مصمم وضع لهآ آسمآً من آختيآره ، وهذه پعض آلمسميآت أو لنقل آلأوآمر أفضل :






[الدرس الثالث] دورة تعريب قوالب بلوجر (خطوات التعريب)  %25D8%25AB%25D8%25A7%25D9%2584%25D8%25AB%25D8%25A7








آلقوآئم تستخدم آلعنصر ul ولآپد لهآ من فقرآت پدآخلهآ ، وهذه آلفقرآت يرمز لهآ پـ li ، لذآ فإن گلمة ( من نحن – آتصل پنآ .. إلخ ) هي آلفقرآت ، أگثر آلقوآلپ يتم تغيير آتچآههآ لليمين من خلآل آلفقرآت li ، وپعض آلقوآلپ تضطر أن تغير آتچآه آلقآئمة ul لتگون في آليمين ، لذآ يچپ أن يقع آختيآرگ أولآً على آلأوآمر آلتي تحتوي على li أو آترگ آلمهمة لأدآة آلخنفسآء فهي ستقوم پذلگ پدقة .
هذه آلمرة سنستخدم خآصية float لأننآ گمآ ذگرنآ آلقوآئم نستخدم معهآ دآئمآً خآصية آلتعويم ، وليس خآصية محآذآة آلنص گمآ گنآ نفعل پآلسآپق .





آلآن آپحث عن هذآ آلأمر في آلقآلپ crosscol .PageList li, .footer .PageList li (طپعآً أخذت آلأمر پمسآعدة آلخنفسآء) ثم من float غير آلقيمة left وآستپدلهآ پـ right :








.crosscol .PageList li, .footer .PageList li{






background: none repeat scroll 0 0 transparent;




float: right;





list-style: none outside none;





margin:0;





padding:0.75em;






}







آلنتيچة :






[الدرس الثالث] دورة تعريب قوالب بلوجر (خطوات التعريب)  %25D8%25A7%25D9%2584%25D9%2586%25D8%25AA%25D9%258A%25D8%25AC%25D9%2587+%25D9%2584%25D9%2584%25D9%2581%25D9%2584%25D9%2588%25D8%25AA














طپعآً قد تچد قوآلپ لآ تحتوي على هذه آلأوآمر گمآ ذگرت وذلگ لأن مصمم آلقآلپ آختآر لهآ أسمآء أخرى ، فآلحل هو آستخدآم أدآة firebug آلخآص پمتصفح آلفآيرفوگس لإيچآد آلمرپع آلخآص پآلهيدر وآلخآص پآلغلآف آلخآرچي للقآلپ ، عندهآ لن توآچه مشآگل في آختلآف آلمسميآت .





آلآن آستطيع أن أقول لگ أنگ آنچزت 99% من خطوآت آلتعريپ وهي آلأهم پقي 
تعريپ آلگلمآت وپعض آلهوآمش وهذآ أمرهآ سهل چدآً .








آعتذر من آلچميع على آلتأخير في طرح آلدرووس
آتمنى إلتمآس آلعذر لي >.<
وآي آستفسآر آتمنى طرحه وإذآ گآن هنآگ فقره غير وآضحه لآ تتردد في آلسؤآل حتى أقوم پآلتعديل عليه





في أمآن آلله ورعآيته
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://shila-elmou7tarifin.forumth.com
بلمامون
.:: عضو مجلس إدارة المنتدى ::.
.:: عضو مجلس إدارة المنتدى ::.
بلمامون


دولتي : الجزائر
ذكر
مساهماتي : 436
dsd : 0
إنضمامي : 21/05/2014
عمري : 60

[الدرس الثالث] دورة تعريب قوالب بلوجر (خطوات التعريب)  Empty
مُساهمةموضوع: _da3m_13   [الدرس الثالث] دورة تعريب قوالب بلوجر (خطوات التعريب)  Emptyالإثنين يونيو 23, 2014 10:24 pm

موضوع رائع بوركت
[الدرس الثالث] دورة تعريب قوالب بلوجر (خطوات التعريب)  4
[الدرس الثالث] دورة تعريب قوالب بلوجر (خطوات التعريب)  128711691410
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
[الدرس الثالث] دورة تعريب قوالب بلوجر (خطوات التعريب)
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» [الدرس الأول] دورة تعريب قوالب بلوجر (المستلزمات + مقدمة)
» [الدرس الثاني] دورة تعريب قوالب بلوجر (الأوامر الخاصة بالتعريب)
» الدرس الثالث من دورة تحويل استيلات من vb الى احلى منتدى تومبيلات | طريقة الجديدة في التحويل استيلات
» قوالب بلوجر معربة احترافية
» الدرس الثالث: العناصر والوسوم

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى شلة المحترفين :: دعم وتطوير المدونات :: قوالب جاهزة وسكريبتات-
انتقل الى: