Post Top Ad

Your Ad Spot

الجمعة، 29 يونيو 2012

وضع خلفية ثابتة لمدونات بلوجر - خلفية بجوانب المدونة

شرح وضع خلفية ثابتة لمدونات بلوجر طريقة جميلة وجذابة وتلفت انتباه الزوار وتعطى جمالا لشكل القالب فهذه الطريقة نراها كثيرا بالمنتديات الفى بى تجد بأن محتوى المنتدى به الاقسام والمواضيع وبجوانب المنتدى تجد الخلفية سواء صورة او لون اخر غير القالب ارجو بأن فهمتو ماذا اقصد به . طريقة مميزة بالفعل وقد تعجبك كما ترون بصورة هذه التدوينة توضح اكثر ماذا اقصد فالخلفية السوداء تدل على محتوى المدونة والخلفية الخضراء المزخرفة تدل على الخلفية الثابتة وهى الذى نريدة بأن تكون بالمدونة اعتقد الكل يريد هذه الطريقة ولقد بحثت كثيرا بالمدونات ولكن للاسف لم ارى اى شرح لهذه الخاصية ولذلك فقررت ان اضع لكم هذه الطريقة لكى تعطى للمدونة شكل جديد ورائع وجذاب تعالو معا نتعرف على هذه الطريقة فهى ابسط ما تتخيل وليست معقدة كما يعتقد البعض هى فقط مجرد تركيز وستقوم بتركيبها بنجاح فى البداية توجهة الى لوحة تحكم المدونة ومنها قم بالذهاب الى خاصية القالب وقبل ما نقوم بالتعديل على القالب يجب ان تأخذ نسخة احتياطية كما تعودنا وهى ضرورية لتفادى اى اخطاء وبالنسبة للمبتدين لمن لايعرفون طريقة اخذ نسخة احتياطية ادخلو الى هنا الان تعرفنا على طريقة اخذ النسخة الاحتياطية قم الان بالتعديل وانت مطمئن بعد ما قمنا بالدخول على القالب قم الأن بالضغط على زر تحرير HTML















الأن اضغط على زر متابعة












الان ضع علامة على خاصية توسيع القالب كما واضح بالصورة التالية :














الأن قم بالضغط على ازرر CTRL + F من لوحة المفاتيح الكيبورد لظهور خاصية البحث :

الأن ابحث عن هذا الكود :

body{
background

ملحوظة قد لا تجد هذا الكود بهذا الشكل قد يكون بهذا الشكل

 body{background

فى كلتا الحالات لا يوجد اى فرق بينهما وستجد هذا الكود قبل
  /* Header------------------------------------*/
الان تم الوصول الى الكود المطلوب وهو body{background
ماذا نفعل الأن ؟
ستجدون رابط صورة بجانب الكود الذى بحثنا عنه على سبيل المثال بهذا الشكل :

url(https://lh3.googleusercontent.com/-NByqFvotUis/T-zTPH6yPeI/AAAAAAAAAcM/bJkklgCBbQU/h120/black.gif)
الأن هذه الصورة معطلة وهى خاصة بالخلفية الثابتة والى نريدها بالمدونة الان سنقوم بوضع رمز لها لكى يتم تفعيلها وتظهر الخلفية بالمدونة كما اقصد بجوانب المدونة سنضع بجانب رابط الصورة هذا الرمز fixed
 سنضع هذا الرمز بعد الأقواس اى بعد القوس الأخير الخاص برابط الصورة .
للوتضيح اكثر كما واضح بالكود التالى لقد قمت باضافة fixed بجانب رابط الصورة المشار باللون الاحمر ركزو ماذا فعلت
وضعت هذا الرابط فى اخر القوس 

url(https://lh3.googleusercontent.com/-NByqFvotUis/T-zTPH6yPeI/AAAAAAAAAcM/bJkklgCBbQU/h120/black.gif) fixed
وصورة توضيحية توضح لنا اكثر ماذا فعلت ستجدون رابط الصورة المشار باللون الاصفر
ووضع الرمز المشار باللون السماوى بنهاية رابط الصورة اى بعد القوس الاخير :





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

فى الاخير لن اقول غير لا خير فى كاتم علم واذا واجهتك اى مشكلة او اى استفسار ضع لى رد واتمنى لكم التوفيق .

هناك 14 تعليقًا:

  1. مشكوووووووور على الاضافة الجديدة واحلى تقيم

    ردحذف
  2. شكرا لك على المشاركة واتمنى بان تكون الاضافة اعجبتك واعجبت الجميع

    ردحذف
  3. فكرة جميلة شكرا لك

    ردحذف
  4. شكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكراشكرا:):):)

    ردحذف
  5. طريقة سهلة لعمل الروت في 5 دقائق
    http://www.bkolelalwan.com/2015/11/blog-post_9.html

    ردحذف
  6. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
  7. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
  8. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
  9. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
  10. يرجو دخول مدونتى
    http://everydaytechnology111.blogspot.com.eg/

    ردحذف

قال تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )

Post Top Ad