 |
|
| حصآدنـا المتميز ~` | |||||||||||||||||||||||||||||||
| نبضَ سكانآ لِ شهرنآ ~ | قلمنـآ لآ يتوقف عنّ العطآء ~ | ||||||||||||||||||||||||||||||
|
| ||||||||||||||||||||||||||||||
| شاطر |
 الخميس 10 سبتمبر 2015, 8:20 am | المشاركة رقم: 1 | |||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|  موضوع: }{ سِلْسِلَــــة دُرُوسْ تَمْبلَـــــرْ # Tumblr ~ الشَّـــاامِل! }{  }{ سِلْسِلَــــة دُرُوسْ تَمْبلَـــــرْ # Tumblr ~ الشَّـــاامِل! }{ } [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] بسم الله الرحمن الرحيم اهلا ً وسهلا ً بالجميع في - الشامل لـ موقع Tumblr - هذا الموضوع يحتوي على كل شيء يخص موقع تمبلر وهو موضوع متجـدد بإذن الله .. تعـــرّف على موقع Tumblr الشهـــــير .. في الدرس السابق :- [url=http://www.in3kas.net/t443-topic]دورة التمبلــــر ، درس # 1 ][ تعلـّــم اسـاسيــات الـ Tumblr ][ ..[/url] من اجمل الموآقع التي تعرفت عليها في حياتي .. [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] اتحداك اذا ندمت على معرفتـه بعد تجربتــه .. [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] يحتـآج لـ شرح .. وتمحيص .. وتركيـز .. ومتابعة اولا ً بـ اول .. ولمن يهمـه الامــر .. اكملـت سلسلـة الدروس هذه بعدمـآ انقطعـت عنها فترة بسبب ظروفي .. استقبلــت الكثير من الرسائل في موقـع تمبلـر .. طلبات لـ اكمال الشرح من بعد الدرس # 1.. [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] وصُدِمـت بعدد المتابعين .. وعدد زوار الموضـوع! .. لذلك اترك بيـن يديكم شرحي لـ باقي الدروس .. وسيكون متجـدد درسا ً بدرس ان شاء الله .. لان تمبلر معرووووف بسلسلة دروسه التي لا تنتهي .. وافكـآره اللانهآئيـــة .. [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] وهذا الموضوع هو فهرس لـ كل الدروس مُعَنونة ً .. حسب اقسام تمبلر .. وهو ينقسم الى ثلاثة اقسام .. قسم " شرح الانفــــو او السآيدبار واضافاته " قسم " شرح التــدوين او البوست واضافاته " قسم " شرح المدونة عدا الانفو والتدوين " سأحاول ان اغطي كل شيء في الشرح وسأسهب .. حتى تصل المعلومة والفائدة لـ المبتدأ وحتى المحتـرف .. لذلك قد تمل من الاعادة والفلسفة في الشرح .. [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] تعلّمنا في الدرس السابق طريقة التسجيل في الموقـــع و اساسيات عالـم التمبلـــر الجميـل .. ومن هنا سنتعلم " كيف تصنع مدونتك وتعدّل عليها " .. من ايـن اعدّل عليهـآ ؟ .. وكيـف؟ مـآ هي الاكـوآد ؟ .. ومـآ هي الاضـآفـآت المتـآحة لي ؟ وكيف اضيـف هـذه الاضافـآت ؟ كمـآ اخذنـآ في الدرس السـآبق ..
الصـورة تمثـل .. شكـل مدونتـك الحـآلي اذا لم تعدّل عليها قبلا كما تظهر لك ولزوآرك .. عند الدخول اليهـآ تبدو بهـذآ الشكل خآليــة من اي اضـآفآت او تنسيقـآت .. حفظنـآ في المـرة المـآضية مصطلحـآت مهمـة ومـآذا نعنـي بهـآ .. وهي تمثّـل "منـآطق معينة" في هذه الصفحـة .. - السـآيدبآر او الانفــــو - - التدوينــة او البوسـت - - الهيـدر - - الافتـآر - وهـي مبينـة في الصـورة اعـلآه .. احفظهـآ اذا لم تحفظهـآ بعـد .. فسنستخدمهـآ في الدروس بكثـرة في الاقسام الثلاثة من السلسلة .. هـذه الثـلاث اقسـآم لهـآ شـرح مطـــوّل .. والتـركيـز فيهـآ سيكـون عـآلي! .. لاننـآ سنهتـم بكـل تفصيلـة .. واي شـيء او اي ملاحظة لا تغفل عنها .. واذا لـم تطبـق بالشكـل الصحيـح ستفشـل في النتيجـة النهـآئية .. كل مـآ سأضعـه مجـرّب وهـو صحيـح 100% .. واي سؤآل انآ بالخدمــــة ^_^ .. على بركة الله , بدأنا ~ [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] . [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] . الموضوع الأصلي : }{ سِلْسِلَــــة دُرُوسْ تَمْبلَـــــرْ # Tumblr ~ الشَّـــاامِل! }{ // المصدر : مجتمع انعكاس| ،© أقلام شكسبيرية وريشة دافنشية ®' // الكاتب: Tafook alwasf
| |||||||||||||||||||||||||||||||||
| | ||||||||||||||||||||||||||||||||||
| الخميس 10 سبتمبر 2015, 8:25 am | المشاركة رقم: 2 | ||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| موضوع: رد: }{ سِلْسِلَــــة دُرُوسْ تَمْبلَـــــرْ # Tumblr ~ الشَّـــاامِل! }{ }{ سِلْسِلَــــة دُرُوسْ تَمْبلَـــــرْ # Tumblr ~ الشَّـــاامِل! }{ [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] قبل ان نبدأ بالدخول الى الفهـرس .. سأعطـي درسـا ً مبدأيـا ً .. لكنـه في غآيـــة الاهميـــة .. لن ادرجـه ضمـن الفهـرس حتـى يـرآه الجميـــع بـدون ان تختـآر شـيء في الفهـرس .. كمـآ قلنـآ الدرس مهـم.. مع ان الدرس يفتـرض ان يكون في قسـم شرح التدويــن .. لكن انـآ مصـرة ان اضعه في اول شرحي حتى لو تضمنـت جزئية تغييـرات خصائص الصفحـة العـآمة واضافـآتهآ .. هنـآ سأشــرح لكم : .. ( تعريـف الكـود ) .. و .. ( كيف تغيّــر لون النص والحجم والنـوع ليكون التغييـر دآئم .. لـ " التدوينات " ) .. [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] .. ( تعريـف الكـود ) .. مـآ معنى كلمـة كود ؟ بدلا ً من كتآبـة الصفحـة بلغتنـآ المفهـومة ( الصـور / النصوص ... إلخ ) .. نكتـب الصفحة بلغـة يفهمهـآ الجهـآز .. تسمـى لغـة HTML .. اجهـزة الحـوآسيب لا تفهـم مـآ نكتـبه بالعربية او بالانجليزيـة .. او الصـور ! او اي شيء آخــر .. لـكن لكل شـيء بلغتنـآ له رمز خـآص بالجهآز .. مثلا ً لو ان لون النص احمـر .. الجهـآز يفهم ان لون النص احمـر من خلال رموز توضع قبل وبعد النص.. التي تحمل اللون الاحمر .. ! مثـآل .. انا اسمي سارة كيف عرفت ان لون النص هنا احمر؟ لانك ترى بعينك ان لونها احمر طبعا ً .. [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] الجهـآز لا يملك عينين .. [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]كيف سيعرف ان عبآرة " انا اسمي سارة " مكتوبة بالاحمر؟؟؟ لان عبارة " انا اسمي سارة " بلغة الـ HTML .. تكون هكذا .. </p> <p align="center"><font color="[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]"><span lang="ar-jo">انا اسمي سارة </span></font></p> قبل العبارة يوجد رموز وبعدها رموز .. وهو ما يفهمه الجهاز .. توجد لغات اخرى يفهمها الجهاز غير HTML .. مثل لغة " الجآفـآ " .. لن نخوض في التعقيدات .. المهم ان نتعرّف على الطريقة التي نحوّل نصوصنا المفهومة وصورنا واي شيء اخر الى رموز .. والطرق كثيرة وسهلة .. لست مجبرا ً على حفظ لغة الجهاز وتعلمهـآ ..! تخيل لو عليك تعلمهـآ كم رمزا ً ستحفظ .. [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] الطـرق سأشرحهـآ فيما بعد في دروس اقسـآم التدوين والانفــو ^_^ .. [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] .. ( [size=13]كيف تغيّــر لون النص والحجم والنـوع ليكون التغييـر دآئم .. لـ " التدوينات " ) ..[/size] لو جآءتك رسـآلة ونشرتهـآ بـ صفحتـك .. لون الخط والحجم و النوع وإلخ ماذا سيكـون؟؟ او مثلا اردت ان تكتب بشكل سريع وتنشر .. ولا تملك وقت لتنسيق النص .. او انك تحب كللل تدويناتك بطابع واحد .. كلها نفس التنسيق .. ولا تحب ان تغير في كل مرة .. اذا ً كيـف ترسو على تنسيق واحد؟ وتكتب نصا بسرعة وتنشره بدون ان تكلف نفسك عناء التنسيق في كل مرة ؟.. -> هنا الشــــرح لهذه الاسئلـــة .. واغلـب الاعضاء يضيفــون هذه الخـآصيــة =) .. نبدأ .. من صفحـة الـ Dashboard .. اضغـط على اسم مدونتك في الاعلى! ( من الازرار الرئيسية ) .. =) يعني اذهب الى لوحة تحكم مدونتــك ^_^ .. بعدهـآ اضغـط على customize theme .. كما في الصـورة ..
فيظهــر لك مـآ يلـي ..
اضغـط على Edit HTML .. كمـآ شرحنـآ في الدرس السـآبق ان هـذآ الزر سنستعملـه دآآآئمـا ً .. تذكـروه .. المهم يظهــر لك صفحة كلهـــآ اكوآد! .. هذه الاكوآد كلهـآ تمثل اكوآد صفحتـك .. يوجد شريـط scroll طبعا ! .. لـ اللي مآ انتبـه الصفحـة طويـلة! .. ونبحـث عن كـود معيّن الآن ..ستقول لي .. انا كمن يبحث عن شعرة في كومة من قش! .. صحيح ولكن توجد خاصية بحث في المتصفح .. [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] اضغط على ctrl + f مهما كـآن نوع متصفحــك .. يظهـر لك مربـع بحث .. انسخ الكود التالي والصقه في مربع البحث : [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] .post .copy {
كما في الصورة .. واضفط موافق .. او ok .. يفتـرض الآن وصلت لما نبحث عنه .. اذا حصل شيء خطأ معك ولم تجد الكود وهي تحدث احيانا ً لخطأ فعلته عشوائيا ً .. اليك هذه الطريقــة .. الاكوآد مكتـوبة ضمن اسطـر مرقمة .. السطـر الموجود فيـه هذا الكود هـو 142 ^_^ .. اذا لعبت بالاكواد قبـلا ً وغيّـرت سيكون الكود في سطر اخر لكن ربما قريب من 142 .. المهم .. ابحث عن سطر رقم 142 ..بسهولة ستصلــه =) .. الآن بعد ان وصلت للكـــود .. امسح الاربع اسطــر الموجودة تحت الكود اللذي بحثت عنـه كما في الصـورة ..
وبدلا ً عنهـآ انسخ هـذه الاكواد كما هي والصقهــآ بدلا ً عنهــآ .. text-align: center; padding: 20px; color: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]; font-size: 16px; line-height: 30px; font-family: arial; سأشــرح الكود لانــك ستعـدل عليــه كمـآ يلائمك .. لسـت ملـزم بأي شـيء ^_^ .. * السطـر الاول .. text-align .. بدل كلمــة center .. اي وسـط .. تستطيـع ان تكتـب left او right .. يمين او يســآر .. مكـآن النـص =) *السطـر الثـآني .. padding .. الرقم اتركــووه 20 .. امـآ color .. فـ يمكن ان تغيـروا اللـون .. كيـف؟ هـذآ الرمـز 0000# ..يمثّـل كود لـون معيّـن .. اظنه اللـون الابيض.. اذا اردت لون آخـر عليـك ان تضـع كود اللـون اللـذي تحبـه .. من ايـن ستحصـل على اكـوآد الالـوآن التـي تريـد ؟؟ من هـذآ المـوقـع ^_^ .. [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] وللحصـول على اللـون والكـود مع آليـة التحكـم .. انظـر للصـورة
* السطـر الثـآلث .. حجم النـص.. للتعديـل غيّـر رقم 16 ^_^ .. اذا مآ عـآرف كم حجـم النـص اللي تريده .. تحتـآج رؤيـة لمـآ تعدّل عليـــه .. اذا ً عليك بعد كل تغييـــر ..ان تضغـط في الاعلى على update preview .. وتنظـر للخـط في التدويـن مـآ حصـل له من تغييـرات ادخلتهــآ .. وعندهـآ ستقـرر اذا تغييـرآتك كمـآ تريد ام تحتـآج تعديـل .. * السطــر الرآبع .. line-hight .. هـذآ يمثـل تعـريض التدويـن .. * السطـر الخـآمس .. font-family .. حبيب الشعـــب .. [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] تغييــر نـوع الخـط .. مكتوب arial .. ممكن تغير للي تحب .. tahoma .. times .. إلــخ من الخطـوط انا افضـّل tahoma .. [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] وبعدهـآ اضغــط uptade preview .. لاخذ نظـرة اخيـرة على التعديـــل كما قلنا =) ..
ثم اضغـط appearance .. للعودة ..
ثم اضغـط save ..
اذا لم تضغط على save كل شغلـك بلا فآئدة .. [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] هذا الدرس البسيـط .. اغلب الدروس القادمة حتكون شبيهة به ! .. روح edit HTML .. [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]لاقي الكود .. عدّل عليـه .. احفظ شغلك .. وهكذا .. اغلبه نفس النمط ^_^ / وبكذا انتهينا من هالجزئية .. لنبدأ معـكم بسلسلة الدروس والفهارس لها .. [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] الموضوع الأصلي : }{ سِلْسِلَــــة دُرُوسْ تَمْبلَـــــرْ # Tumblr ~ الشَّـــاامِل! }{ // المصدر : مجتمع انعكاس| ،© أقلام شكسبيرية وريشة دافنشية ®' // الكاتب: Tafook alwasf
| ||||||||||||||||||||||||||||||||||||||||
| | |||||||||||||||||||||||||||||||||||||||||
| الأحد 20 سبتمبر 2015, 2:32 pm | المشاركة رقم: 3 | ||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| موضوع: رد: }{ سِلْسِلَــــة دُرُوسْ تَمْبلَـــــرْ # Tumblr ~ الشَّـــاامِل! }{ }{ سِلْسِلَــــة دُرُوسْ تَمْبلَـــــرْ # Tumblr ~ الشَّـــاامِل! }{ كالعادة إبداع رائع وطرح يستحق المتابعة شكراً لك بإنتظار الجديد القادم دمت بكل خير الموضوع الأصلي : }{ سِلْسِلَــــة دُرُوسْ تَمْبلَـــــرْ # Tumblr ~ الشَّـــاامِل! }{ // المصدر : مجتمع انعكاس| ،© أقلام شكسبيرية وريشة دافنشية ®' // الكاتب: جوي غير ..}
| ||||||||||||||||||||||||||||||||
| | |||||||||||||||||||||||||||||||||
| الأحد 20 سبتمبر 2015, 4:42 pm | المشاركة رقم: 4 | ||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| موضوع: رد: }{ سِلْسِلَــــة دُرُوسْ تَمْبلَـــــرْ # Tumblr ~ الشَّـــاامِل! }{ }{ سِلْسِلَــــة دُرُوسْ تَمْبلَـــــرْ # Tumblr ~ الشَّـــاامِل! }{ أسعد الله قلبك وأمتعه بالخير دوماً أسعدني كثيراً مرورك وتعطيرك هذه الصفحه وردك المفعم بالحب والعطاء دمتِ بخير وعافيه [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] الموضوع الأصلي : }{ سِلْسِلَــــة دُرُوسْ تَمْبلَـــــرْ # Tumblr ~ الشَّـــاامِل! }{ // المصدر : مجتمع انعكاس| ،© أقلام شكسبيرية وريشة دافنشية ®' // الكاتب: Tafook alwasf
| ||||||||||||||||||||||||||||||||
| | |||||||||||||||||||||||||||||||||
| مواقع النشر (المفضلة) |
| (( مَا يَلْفِظُ مِنْ قَوْلٍ إِلَّا لَدَيْهِ رَقِيبٌ عَتِيدٌ)) | |
|---|---|
| |
|
