بسم الله الرحمن الرحيم والسلام عليكم ورحمة الله تعالى وبركاته ,
تحياتى لكم نتحدث اليوم عن طريقه لتغيير والتحكم فى تعديل هيدر المدونه اذا كنت تريد تغير مكان وضع الهيدر او تريد
التحكم فى حجمه او تريد تغير اى شئ ما فى الهيدر فلا تقلق هذه التدوينه قدمت من مدونه مدون لتتعلم منها افضل طريقه لفعل هذه.
سأقوم بشرح كيفية تغيير هيدر المدونة والتي يسميها البعض Logo المدونة :
هناك خطوتان لتغيير وتركيب الهيدر اما عن طريق لوحة التحكم بلوقر او عن طريق تحرير القالب واضافة كود الهيدر .
· تركيب هيدر المدونة عن طريق لوحة تحكم البلوقر
ادهب الى لوحة تحكم مدونتك|| تصميم || تحرير عناصر الصفحة
ادهب الى تصميم || في اعلى الصفحة اظغط على تحرير|| رأس الصفحة|| ستظهر نافدة مع عدة خيارات.
الخيار الاول :
يمكنك رفع صورة الهيدر من جهازك
الخيار الثاني:
وضع رابط لصورة الهيدر ان كنت رفعته من قبل على احد مواقع الرفع الصور.
يلزمك الان وضع علامة صح على الخيارات التالية :
· اما ان تكون الصورة فوق عنوان المدونة
· او تكون صورة الهيدر تحت العنوان والوصف
وانا انصحك بالخيار الاول لكي لايؤثر دلك على مظهر تناسق الهيدر مع العنوان والوصف
في الأخير اضغط على حفظ .
· تركيب الهيدر عن طريق تحرير Html
ابحث عن الكود التالي:
#header-wrapper {
هدا نمودج لكود الهيدر:
background: url(http://yourblog.com/image.png) ;
و استبدل وصلة الصورة بمكان الصورة التي صممتها.
ان قمنا بتركيب هيدر المدونة في بعض الاحيان تكون الصورة صغيرة ,لدا يتوجب علينا اضافة خلفية للهيدر ودلك عن طريق الكود التالي:
background: #000000 url(http://www.site.com/image.png) no-repeat top right;
حيث تمثل الرموز التالية في الكود اعلاه ما يلي:
#000000 لون خلفية الهيدر
http://www.site.com/image.jpeg رابط صورة الهيدر
no-repeat لعدم تكرار الصورة في الهيدر
top right لتحديد مكان الصورة يمين او يسار
وفي الاخر يمكنك || حفظ القالب ||
هدا درس بسيط اتمنى ان يعجبك اخي الكريم.
شرح جميل وبسيط
ردحذفhttp://f-tc.blogspot.com/