الدرس الثآلث : تغيير حجم avatar + تغيير خلفية Info + تغيير خلفية التدوينه ..!!

السﻼ‌م عليكم ورحمة الله وبركـــآته
صبــآحكم ومسآئكم يآسمين
درسنـــآ الثــآلـث مهم جدا لتنسيق المدونه ويحتآج لتركيز
بحـآل إذا أخطأتو بالحذف ﻵ‌زم تعيدون تركيب الثيم ويروح جهدكم ..
ورآح يتكون من :
* تغييـر حجـم الصـوره الرمزيه وإخفآء اﻷ‌صليه ..
* تغييـر خلفيـة قآئـمة Inf0 ..
* تغييـر خلفيـة التـدوينه ..
* تغييـر حجـم الخـط وتوسيطـه ..
اعتذر لكككم جميعا لاني المفروض احط الدرس امس بس كانت عندنا عزيمه و م قرت ادخل
ف بنزل الدرس الثالث الحين
والدرس الرابع والاخير اليوم بس مدري باأي توقيت

تغييـر حجـم الصـوره الرمزيه وإخفآء اﻷ‌صليه


نروح لوحة اﻹ‌عدآدآت >> إسم المدونه >> Customize appearance





بعدين نروح Theme
إذا كان قائمة الثيم بهآ الشكل إضغطو اللي محدد باللون اﻷ‌حمر عشان نروح لقائمة الهوتميل للثيم




نضغط f3 أو CTRL + F ﻹ‌ظهار قآئمة البحث ونبحث عن هالكود

رمز:
#wrapper #sidebar #top #avatar {




ونمسح كل اللي محدد في الصوره إنتبهو بهآ النقطه ﻻ‌تمسحون شيئ ثآني




بعدين نروووح لقــآئمة Advanced
ونحط هالكود مثل الصور

رمز:

#avatar a img {
height: 0;
width: 0;
}




وبكذآ تكون اﻷ‌فترز تبع الثيم اﻷ‌صلي إختفت
نجي الحين نحط وحده من عندنآ

شوفتو هالكود

رمز:

———


نروح نحطه بقآئمة inf0
ونروح نرفع الصوره الرمزيه من مركز رفع التمبلر هنـــآ
ونآخذ الرابط ونحطه مكآن هالعبآره (( هنـــآ نحط رابط الصوره))

مثل كذآ




ﻻ‌تنسون save +close


ومبروك عليكم الرمزيه الجديده

تغييـر خلفيـة قآئـمة التدوينه


مقآسات الخلفيه







نبحث عن هالكود

رمز:

#wrapper #content .post
رآح نﻼ‌قي تحته background


رآح نﻼ‌قي تحته background
جنبه كود اللون إذا حبينآ نغير اللون نغيرر فقط fff بكود اللون اللي نبيه





أمآ اذا صوره نمسح كل كود اللون ونحط بداله هذا الكود

رمز:
url('هنا رابط الصوره');



((هنا رابط الصوره)) نحط بدآلها رابط المباشر لصوره بعد رفعهآ على التمبلر هنـــــآ


مثل الصوره







ﻻ‌تنســون save +close





ومبرووكـ عليكم

تغييـر حجـم الخـط وتوسيطـه


نبحث عن هالكود

رمز:

#wrapper #content .post .copy {
ونستبدل اللي تحته بالكود هذآ

رمز:

text-align: center;
padding: 20px; color: #0000;
font-size: 16px;
line-height: 30px;
font-family: Tahoma;;
الصوره








شرح الكود :


text-align: center
اللي يهمنآ كلمة center معنآها وسط ,, تقدرون تستبدلونهآ بكلمة يمين او يسآر طبعا بــ E



padding: 20px; color: #0000;
اللي يهمنآ هنآ color اللون ،، لو خط الكتآبه ,, تقدرون تستبدلون اﻷ‌صفار بكود اللون اللي تبون يعني اللي بعد هالرمز #




font-size: 16px
حجم الخط غيرو 16 بأي رقم تبون ﻻ‌زم بـــ E




line-height: 30px
تعريض الخط إذا حآبين تغيرونه غيرو 30 ﻵ‌زم باﻹ‌نجليزي




font-family: Tahoma
نوع الخط او اسم الخط
إذا حبين تغيرونه غيرو إسم Tahoma ﻷ‌ي خط تبون ..




اللي عليكم
تطبيق جميع الدرس ووضع رآبط التمبلر تبعكم

وبكذاا نكووون انهينا الدرسسس الثالث


وباقي لنا الدرس الرابع والاخير


واتمنى اني اشوف تفاعل من الاعضاء المسجلين


ودي

طُلابكْ كسَالى يَا نغم الشتاء :$
أستدعي اولياء امورهم

لا ما حنا كسالى
ولا نسينا دروسها

إن شاء الله راجعين بعد الاحتفال



ألف شكر لك يا نغم الشتاء

بارك الله فيك..

وماقصرتي والله

يعطيك العافيه والف شكر لك ............