كيفية تعديل انماط المدونة
Upcoming SlideShare
Loading in...5
×
 

كيفية تعديل انماط المدونة

on

  • 1,130 views

 

Statistics

Views

Total Views
1,130
Views on SlideShare
1,129
Embed Views
1

Actions

Likes
0
Downloads
5
Comments
0

1 Embed 1

http://www.slideshare.net 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    كيفية تعديل انماط المدونة كيفية تعديل انماط المدونة Presentation Transcript

    •  
    • كيفية تعديل الأنماط في المدونة
    •  
      • للبدء بتعديل أنماط المدونة قم باتباع الخطوات التالية بعد إنشاء مدونة :
      • الدخول إلى قسم المدونات في حسابك
      • قم بالضغط على خصائص الخاصة بالمدونة المطلوبة
      • قم بالضغط على حرر التصميم
      • ثم اضغط على
      • سيظهر لديك مربع يحتوي على أكواد برمجية HTML وهذا المربع يدعى كود النمط
      • في هذا المربع نجد أقسام رئيسية في المدونة هي التالية :
      • Main Areas النقاط الرئيسية بالمدونة : حجم الصفحة، خلفية المدونة ككل، لون الخط وحجمه
      • Blog Header رأس المدونة
      • Blog Sidebar العمود الجانبي للمدونة
      • Footer ذيل المدونة
      • Profile Area مربع التعريف بالشخصية
      • Main Area النقاط الرئيسية للمدونة
      • هذا الجزء يحدد خصائص الخلفية للمدونة :
          • Margin الحواشي وتقاس ب pxl
          • color لون الخط ويكون عبارة عن كود
          • Background لون الخلفية يكون كذلك عبارة عن كود
          • Font نوع الخط
      • لأكواد ألوان الخطوط والخلفية نعطيك موقعاً كمثال توضيح لا تحديد، فللمستخدم حرية الاختيار :
      • 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 h1
            • Font size حجم الخط
            • Font weight عريض أو مائل أو مخطط
            • Color لون الخط
      • Profile -image الصورة الشخصية
            • Border حجم الإطار
            • Width عرض الصورة
      • Profile -image –box صندوق الصورة الشخصية
            • Width عرض الصورة
            • Padding الفراغات
            • Background Image: url لنسخ عنوان الصورة لتظهر في خلفية صندوق الصورة الشخصية .
            • Background –repeat لتحديد إن كنت تريد للخلفية أن تتكرر أم لا
            • Background –position موقع الخلفية .
      • أسفل الكود الخاص بالأنماط ستجد عدة خيارات هي التالية
      • تستطيع استعراض التغييرات لترى التغييرات التي قمت بتعديلها قبل حفظها .
      • بعد حفظ التغييرات قد ترغب باسترجاع الكود الأصلي للمدونة لإلغاء التعديلات .
      • أو قد ترغب بالرجوع عن التعديل قبل حفظ التغييرات
    •  
    •