Post Top Ad

Your Ad Spot

الجمعة، 11 أكتوبر 2013

كيفية اضافة خلفية فى اعلى المدونة الهيدر Header

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





شرح اضافة خلفية فى اعلى المدونة :
قبل اضافة اى اكواد يجب اخذ نسخة احتياطية قبل وضع اى اكواد ومن هنا درس بسيط يعلمك طريقة اخذ نسخة احتياطية الان ناتى الى الطريقة فى البداية ادخل الى لوحة تحكم مدونتك ومن بعدها اضغط على القالب الأن اضغط على تحرير HTML 
اذهب الى قسم Header المتواجد بقالبك وهو يكون بهذا الشكل :
/* Header
------------------------
اعتقد الكل يعرف هذا الكود الخاص برأس المدونة بعد الوصول الى هذا القسم ابحث عن هذا الكود :
#header-wrapper {
بعد الوصول الى الكود المطلوب سنضع الكود الخاص بظهور الخلفية وهو على النحو التالى :
background: url(ضع رابط الصورة هنا);
الكود السابق هو الكود المسؤل بظهور خلفية بأعلى المدونة 
للتوضيح اكثر مع المثال :
عندما تذهب الى قسم Header ستجد الكود بهذا الشكل مثلا :
#header-wrapper {
width:990px;
height: 123px;
margin:0 auto 0px;
padding: 0px;
}
فقط سنضع الكود الخاص المسؤل بظهور الخلفية هكذا :
#header-wrapper {
width:990px;
height: 123px;
margin:0 auto 0px;
padding: 0px;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0zJ_9fHV342sl9GQWyaVRiExd-QxWx7jNRaljLrgif_Hq5FUB4fRhCZFMfOO-n7969qPOQdRV-JtrtIiwz40j1L0xvEQZBuOXziwPacljav1lPqMxKL_Zug4mwQOKu5CBwqXVJY6zUEE/h600/background.png);
}
كما تلاحظ تم وضع الكود المحدد باللون الاصفر قبل رمز القوس 
ارجو بأن هذا المثال اصبح واضح امام الجميع بالأخير اضغط حفظ 
اذهب الأن الى مدونتك لتشاهد النتيجة .

صورة توضيحية بعد تطبيق هذا الدرس :
كما تلاحظون بالصورة السابقة تم وضع خلفية فى الهيدر 

اى استفسار بخصوص هذا الدرس فقط ضع تعليق 

هناك 5 تعليقات:

  1. بارك الله فيك أخي شكرااااااااااااااا جزيلا

    ردحذف
    الردود
    1. العفو يا اخى الكريم واهلا بتوجدك بالموقع

      حذف
  2. السلام عليكم لدي إستفسار

    ردحذف

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

Post Top Ad