كيفية تعديل انماط المدونة
Post on 15-Dec-2014
3.123 Views
Preview:
DESCRIPTION
TRANSCRIPT
كيفية تعديل كيفية تعديل األنماط في األنماط في
المدونةالمدونة
للبدء بتعديل أنماط المدونة قم باتباع الخطوات التالية بعد إنشاء مدونة:
في حسابكالمدونات الدخول إلى قسم 1.
قم بالضغط على خصائص الخاصة بالمدونة المطلوبة2.
حرر التصميمقم بالضغط على 3.
ثم اضغط على 4.
كود وهذا المربع يدعى HTMLسيظهر لديك مربع يحتوي على أكواد برمجية 5.النمط
في هذا المربع نجد أقسام رئيسية في المدونة هي التالية:
.1Main Areas ،النقاط الرئيسية بالمدونة: حجم الصفحة، خلفية المدونة ككل
لون الخط وحجمه
.2Blog Headerرأس المدونة
.3Blog Sidebarالعمود الجانبي للمدونة
.4Footerذيل المدونة
.5Profile Areaمربع التعريف بالشخصية
Main Areaالنقاط الرئيسية للمدونة
:هذا الجزء يحدد خصائص الخلفية للمدونة Margin الحواشي وتقاس ب pxl colorلون الخط ويكون عبارة عن كود Backgroundلون الخلفية يكون كذلك
عبارة عن كودFontنوع الخط
Y كمثال توضيح ال تحديد، فللمستخدم ألكواد ألوان الخطوط والخلفية نعطيك موقعاحرية االختيار:
http://www.computerhope.com/htmcolor.htm
لأللوان“ في HTMLوفي حال رغبتك بإيجاد مواقع أخرى، قم بكتابة ”كود .Googleمحركات البحث مثل
Blog Headerرأس المدونة
: في هذا الجزء تستطيع التحكم برأس المدونة اللون صورة الخلفيةحواشي الرأس
عنوان المدونة حجم عنوان المدونة حاشية العنوان لون الخط
لتغيير اللون استعمل األكواد نفسها الموجودة في النقطة السابقة
:لتغيير الخلفية مواقعفي قسم إدارة الملفات قم بتحميل الصورة المطلوبة إلى :انسخ عنوان الصورة الذي يظهر في المتصفح مثال
http://support.jeeran.com/add_html.JPG ضع العنوان الذي نسخته مكان عنوان الصورة بعد background: url بين القوسين
;background: url(http://support.jeeran.com/add_html.JPG)فيصبح العنوان
Blog Sidebar العمود الجانبي
للمدونة
القسم األول لحجم العمود الجانبي
ولونه
Sidebar-box لحجم اإلطار وتنسيق
الكلمات.
Sidebar ul il لخلفية العمود إذا
كنت
تريدها أن تكون صورة
Footer ذيل المدونة
لتغيير خلفية ذيل المدونة قم بنسخ عنوان الصورة ال URL بعد background-image: url Heightلتحديد ارتفاع الذيل
Profile Area مربع التعريف بالشخصية
Profile –box h1Font sizeحجم الخط Font weight عريض أو مائل أو
مخططColorلون الخط
Profile -image الصورة الشخصية Border حجم اإلطار Widthعرض الصورة
Profile -image –box صندوق الصورة الشخصية Widthعرض الصورة Paddingالفراغات Background Image: url لنسخ عنوان الصورة لتظهر في
خلفية صندوق الصورة الشخصية.Background –repeat لتحديد إن كنت تريد للخلفية أن تتكرر
أم الBackground –position.موقع الخلفية
أسفل الكود الخاص باألنماط ستجد عدة خيارات هي التالية
التغييرات لترى التغييرات التي قمت بتعديلها قبل حفظها.استعراض تستطيع للمدونة إللغاء باسترجاع الكود األصلي التغييرات قد ترغب حفظبعد
التعديالت. حفظ التغييرات عن التعديل قبل بالرجوعأو قد ترغب
top related