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

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

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

742
views

Published on

Published in: Technology

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
742
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1.  
  • 2. كيفية تعديل الأنماط في المدونة
  • 3.  
  • 4.
    • للبدء بتعديل أنماط المدونة قم باتباع الخطوات التالية بعد إنشاء مدونة :
    • الدخول إلى قسم المدونات في حسابك
    • قم بالضغط على خصائص الخاصة بالمدونة المطلوبة
    • قم بالضغط على حرر التصميم
    • ثم اضغط على
    • سيظهر لديك مربع يحتوي على أكواد برمجية HTML وهذا المربع يدعى كود النمط
  • 5.
    • في هذا المربع نجد أقسام رئيسية في المدونة هي التالية :
    • Main Areas النقاط الرئيسية بالمدونة : حجم الصفحة، خلفية المدونة ككل، لون الخط وحجمه
    • Blog Header رأس المدونة
    • Blog Sidebar العمود الجانبي للمدونة
    • Footer ذيل المدونة
    • Profile Area مربع التعريف بالشخصية
  • 6.
    • Main Area النقاط الرئيسية للمدونة
    • هذا الجزء يحدد خصائص الخلفية للمدونة :
        • Margin الحواشي وتقاس ب pxl
        • color لون الخط ويكون عبارة عن كود
        • Background لون الخلفية يكون كذلك عبارة عن كود
        • Font نوع الخط
    • لأكواد ألوان الخطوط والخلفية نعطيك موقعاً كمثال توضيح لا تحديد، فللمستخدم حرية الاختيار :
    • http://www.computerhope.com/htmcolor.htm
    • وفي حال رغبتك بإيجاد مواقع أخرى، قم بكتابة ”كود HTML للألوان“ في محركات البحث مثل Google .
  • 7.
    • Blog Header رأس المدونة
    • في هذا الجزء تستطيع التحكم برأس المدونة :
        • اللون
        • صورة الخلفية
        • حواشي الرأس
        • عنوان المدونة
        • حجم عنوان المدونة
        • حاشية العنوان
        • لون الخط
    • لتغيير اللون استعمل الأكواد نفسها الموجودة في النقطة السابقة
    • لتغيير الخلفية :
      • قم بتحميل الصورة المطلوبة إلى إدارة الملفات في قسم مواقع
      • انسخ عنوان الصورة الذي يظهر في المتصفح مثال : http://support.jeeran.com/add_html.JPG
      • ضع العنوان الذي نسخته مكان عنوان الصورة بعد background: url بين القوسين
      • فيصبح العنوان background: url(http://support.jeeran.com/add_html.JPG);
  • 8.
    • Blog Sidebar العمود الجانبي للمدونة
    • القسم الأول لحجم العمود الجانبي ولونه
    • Sidebar-box لحجم الإطار وتنسيق
    • الكلمات .
    • Sidebar ul il لخلفية العمود إذا كنت
    • تريدها أن تكون صورة
  • 9.
    • Footer ذيل المدونة
    • لتغيير خلفية ذيل المدونة
    • قم بنسخ عنوان الصورة ال URL بعد background-image: url
    • Height لتحديد ارتفاع الذيل
  • 10.
    • Profile Area مربع التعريف بالشخصية
    • Profile –box h1
          • Font size حجم الخط
          • Font weight عريض أو مائل أو مخطط
          • Color لون الخط
    • Profile -image الصورة الشخصية
          • Border حجم الإطار
          • Width عرض الصورة
  • 11.
    • Profile -image –box صندوق الصورة الشخصية
          • Width عرض الصورة
          • Padding الفراغات
          • Background Image: url لنسخ عنوان الصورة لتظهر في خلفية صندوق الصورة الشخصية .
          • Background –repeat لتحديد إن كنت تريد للخلفية أن تتكرر أم لا
          • Background –position موقع الخلفية .
  • 12.
    • أسفل الكود الخاص بالأنماط ستجد عدة خيارات هي التالية
    • تستطيع استعراض التغييرات لترى التغييرات التي قمت بتعديلها قبل حفظها .
    • بعد حفظ التغييرات قد ترغب باسترجاع الكود الأصلي للمدونة لإلغاء التعديلات .
    • أو قد ترغب بالرجوع عن التعديل قبل حفظ التغييرات
  • 13.  
  • 14.  

×