Subcribe to our RSS feeds Join Us on Facebook Join Us on Facebook Join Us on Facebook Follow us on Twitter Add to Circles

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

كينج نت ملك النت | 10/11/2013 |
اليوم سأضع لكم درس بسيط قد يحتاجة البعض وهو كيفية اضافة خلفية للهيدر بأعلى المدونة بطريقة بسيطة وغير معقدة انا اعلم جيدا بأن الطريقة يعرفها الجميع لكن يوجد بعض الأشخاص لا يعرفون هذه الطريقة ويبحثون عن هذه الطريقة لتجميل وتزين المدونة وكل ذلك من اجل اجذاب الزائر للمدونة فهذا الدرس يختلف عن طريقة وضع صورة بأعلى المدونة فهذا الدرس يمكنك من وضع خلفية بمحيط  الــ 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://lh3.googleusercontent.com/-2IiAeneWRxs/UldmF5g8MjI/AAAAAAAACBk/fjQspRQmZus/h600/background.png);
}
كما تلاحظ تم وضع الكود المحدد باللون الاصفر قبل رمز القوس 
ارجو بأن هذا المثال اصبح واضح امام الجميع بالأخير اضغط حفظ 
اذهب الأن الى مدونتك لتشاهد النتيجة .

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

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

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

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

الأرشيف