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

الملاحظات

أهلا وسهلا بك في :: Th3-progroup منتدى شلة المحترفين::
أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات، بالضغط هنا.كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه.

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

شاطر

السبت فبراير 01, 2014 6:34 pm
المشاركة رقم:
.:: رئيس مجلس إدارة المنتدى ::.
.:: رئيس مجلس إدارة المنتدى ::.


إحصائية العضو

دولتي : الجزائر
ذكر
مساهماتي : 1759
dsd : 11
إنضمامي : 29/12/2013
معاينة صفحة البيانات الشخصي للعضو http://shila-elmou7tarifin.forumth.com
مُساهمةموضوع: [الدرس الثالث] دورة تعريب قوالب بلوجر (خطوات التعريب)


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


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







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












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








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


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


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


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


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







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









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





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




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




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




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






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











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




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




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

















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













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


















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




اقتباس :

#header {


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





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


















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

















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




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
















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

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







#outer-wrapper{






font: $bodyfont;




margin:0 auto;





text-align: right;





width:960px;






}
























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













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














آلقوآئم تستخدم آلعنصر 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;






}







آلنتيچة :




















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





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








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





في أمآن آلله ورعآيته





توقيع : Admin





الإثنين يونيو 23, 2014 10:24 pm
المشاركة رقم:
.:: عضو مجلس إدارة المنتدى ::.
.:: عضو مجلس إدارة المنتدى ::.


إحصائية العضو

دولتي : الجزائر
ذكر
مساهماتي : 436
dsd : 0
إنضمامي : 21/05/2014
عمري : 53
معاينة صفحة البيانات الشخصي للعضو
مُساهمةموضوع: _da3m_13


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


موضوع رائع بوركت






توقيع : بلمامون








الــرد الســـريـع
..



الذين يشاهدون محتوى الموضوع الآن : 20 ( الأعضاء 3 والزوار 17)


«الموضوع السابق|الموضوع التالي»

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

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة


أعلى 10 إحصائيات
افضل الاعضاء هذا الاسبوعأكثر الاعضاء مشاركهأفضل 10 اعضاء هذا الشهرآخر المشاركات
Admin
1759 عدد المساهمات
kingsoft
457 عدد المساهمات
بلمامون
436 عدد المساهمات
chaima98
396 عدد المساهمات
iness
308 عدد المساهمات
boyDz
222 عدد المساهمات
Oliver R
147 عدد المساهمات
nonomiml
131 عدد المساهمات
lion alg
130 عدد المساهمات
alfahloy
111 عدد المساهمات
كاميرات مراقبة
3 عدد المساهمات
» شركة دي سي اس مصر للاتصالات الحديثة 2017
من طرفكاميرات مراقبة الإثنين يناير 02, 2017 6:01 pm
» تشطيب شقق, تشطيب فيلل, شركة تشطيبات وديكورات 2017
من طرفكاميرات مراقبة الإثنين يناير 02, 2017 5:58 pm
» كاميرات مراقبة, كاميرات المراقبة, كاميرا 2017
من طرفكاميرات مراقبة الإثنين يناير 02, 2017 5:49 pm
» الحق اقووووي عروض كاميرات المراقبة 2016
من طرفكاميرات مراقبة الإثنين نوفمبر 21, 2016 4:12 pm
» أفضل أجهزة حضور وانصراف لضبط مواعيد العاملين 2016
من طرفكاميرات مراقبة الإثنين نوفمبر 21, 2016 4:10 pm
» سنترالات باناسونيك ضمان عااام كامل وأفضل الاسعار 2016
من طرفكاميرات مراقبة الإثنين نوفمبر 21, 2016 4:08 pm
» كاميرات مراقبة, كاميرات المراقبة, كاميرا 2016
من طرفكاميرات مراقبة الإثنين نوفمبر 21, 2016 4:04 pm
» كاميرات مراقبة, كاميرات المراقبة, كاميرا 2016
من طرفكاميرات مراقبة الإثنين نوفمبر 21, 2016 3:47 pm
» الحق اقووووي عروض كاميرات المراقبة 2016
من طرفكاميرات مراقبة السبت نوفمبر 19, 2016 5:52 pm
» أفضل أجهزة حضور وانصراف لضبط مواعيد العاملين 2016
من طرفكاميرات مراقبة السبت نوفمبر 19, 2016 5:36 pm
» سنترالات باناسونيك بضمان معتمد 2016
من طرفكاميرات مراقبة السبت نوفمبر 19, 2016 5:25 pm
» كاميرات مراقبة, كاميرات المراقبة, كاميرا 2016
من طرفكاميرات مراقبة السبت نوفمبر 19, 2016 5:18 pm
» كاميرات مراقبة بحميع أنواعها من شركة دي سي اس مصر 2016
من طرفكاميرات مراقبة السبت نوفمبر 19, 2016 5:15 pm