السبت، 27 يونيو 2009

تغيير لون الخلفية و الخطوط لمدونة البلوجر

ولتغيير الالوان فى مدونتك يجب عليك اولا تحديد اللون الذى تريدة , وفى الدرس السابق يوجد جدول بأكواد وأسماء الالوان الأمر الذى يسهل عليك اختيا... thumbnail 1 summary



ولتغيير الالوان فى مدونتك يجب عليك اولا تحديد اللون الذى تريدة , وفى الدرس السابق يوجد جدول بأكواد وأسماء الالوان الأمر الذى يسهل عليك اختيار اللون الذى تجدة مناسب .
أولا اذهب الى Template ثم “Edit HTML”.

وابحث عن الكود التالى :




#header-wrapper {

width:660px;

margin:0 auto 10px;

border:1px solid $bordercolor;



وبعد ذلك ستجد سطرا إضافيا وهو :




background:#B38481;



هذا الكود باللون الأزرق ربما تود تغييرة بأى من أكواد الألوان التى تفضل .

وبذلك تكون قد غيرت لون خلفية الرأس لمدونتك ولا تنسى أن تحفظ العمل بـ Save Template ثم بعد ذلك refresh لمدونتك وسترى النتيجة .

بالطبع يمكنك فعل ذلك بسهولة أكثر وذلك بإتباع الخطوات التالية :

اذهب الى Layout ثم اختار Fonts and Colors كما بالصورة :






حيث يمكنك اختيار الوان جديدة لكل ما يلى

Page Background Color لون خلفية الصفحة
Text Color لون خط المدونة
linl color لون الروابط
Blog Title Color لون عنوان البلوج
Blog Description Color لون وصف البلوج
Post Title Color لون عنوان المقال
Border Color لون الحواف
Sidebar Title Color لون عنوان الشريط الجانبى
Sidebar Text Color لون النص للشريط الجانبى
Visited Link Color لون الروابط التى قمت بزيارتها

وبذلك تكون قد اخترت الالوان بكل سهولة من مربعات الالوان المتاحة فى الجدول او انك تختار كود اللون وتضعة فى خانة Edit color hex code

ومع مراعاة تنسيق الالوان بما يريح عينيك اتمنى لك قضاء مدونة رائعة بألوان زاهية .

والدرس القادم فى تغيير الخطوط وأحجامها .
إلى اللقاء

هناك 6 تعليقات

  1. معلش عندى مشكله اخرى فى القالب عاوز اغير لون الجزء اللى فيه بكتب المقال الى لون اخر ولكن مش نافع
    وحضرتك قايل فى الرابط السابق هلقى كود كده مثلا:
    background:#B38481;

    ولكن انا لقيت كود الخلفيه كده :
    background: url() no-repeat left top;

    ارجو التفاعل بسرعه لو سمحت.

    ردحذف
  2. لتغيير لون المنطقة الأساسية أو The Main Section

    ممكن يكون قصد حضرتك الخطوة الاخيرة فى هذا الموضوع
    http://dalilblog.blogspot.com/2009/06/blog-post_7745.html

    ردحذف
  3. جميل ..

    طب أنا كنت عاوزة أعرف ازاى أغير لون التعليقات على المواضيع اللى بأنزلها

    لأنى غيرت لون الخلفية الى اللون الاسود فبقت التعليقات مش ظاهرة لانهابرضو

    مكتوبة بالاسود ... فكنت عاوزة أغير لونها للأبيض علشان تظهر !

    يا ترى ممكن ؟؟

    ردحذف
  4. لو سمحت عايز اغير لون
    Blog Title Color لون عنوان البلوج
    Blog Description Color لون وصف البلوج
    وكل ماجي اغيره وبمشي حسب الخطوات اللي انت كتبتها بس برضه مش بيتغير
    مش عارف بقه انا تعبت ومش راضي يتغير
    مش عارف السبب ايه يمكن علشان التمبليت اللي انا حاطه للبلوج جاهز ومش بيسمح بالتغير فيه بس انا فيرت العنوان قبل كدا ومش راضي يقبل اي شئ مني تاني
    يا ريت ترد عليه بليييييز
    http://tripshelper.blogspot.com/

    ردحذف
  5. أخى احمد قالبك رائع والذى افترض انة سيكون مدونة عن السياحة فى مصر , والمنطقة اللى هتغير فيها هى :

    #header {
    color:#FFFFFF;
    margin:5px;
    padding-top:23px;
    text-align:left;
    }
    #header h1 {
    font-family:arial;
    font-size:40px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
    line-height:normal;
    margin:5px 5px 0;
    text-transform:none;
    }
    #header a {
    color:#FFFFFF;
    text-decoration:none;
    }
    #header a:hover {
    color:#666666;
    }
    #header .description {
    color:#FFFFFF;
    font-family:arial;
    font-size:16px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
    letter-spacing:0.2em;
    line-height:normal;
    margin:0 5px 5px;
    max-width:700px;
    padding:0 20px 15px;
    text-transform:none;
    }

    حيث ستغير الللون أدنى كلمة #header وقيمتة (ffffff)للون المراد.
    وتغير اللون فى الوصف أدنى كلمة #header .description وقيمتة ايضا (ffffff)للون المراد.
    تحياتى

    ردحذف