رفتن به مطلب

عوض کردن هدر در پوسته ی Gordon - گوردون


پست های پیشنهاد شده

سلام - به سادگی انجام میشه به شرطی که محبت کنید یه لینک آنلاین از سایتتون و یا از اصل پوسته بدید

لینک به ارسال

در فایل style.css در بخش header#masthead عبارت زیر را


header#masthead { border-bottom: 10px solid rgb(170, 170, 170); height: 120px; }

به عبارت زیر تغییر بدید


header#masthead { border-bottom: 10px solid rgb(170, 170, 170); height: 120px; background: url(../../images/hbg.jpg); }

hbg.jpg نام تصویر دلخواه و ../../images/hbg.jpg نشانی تصویر بر روی هاست شماست

لینک به ارسال

در فایل style.css در بخش header#masthead عبارت زیر را


header#masthead { border-bottom: 10px solid rgb(170, 170, 170); height: 120px; }

به عبارت زیر تغییر بدید


header#masthead { border-bottom: 10px solid rgb(170, 170, 170); height: 120px; background: url(../../images/hbg.jpg); }

hbg.jpg نام تصویر دلخواه و ../../images/hbg.jpg نشانی تصویر بر روی هاست شماست

الان یه نگاه به وبلاگم بندازید

http://hamidmashayekhi.com/

لینک به ارسال

تغییری نکرده - اون تغییرات رو انجام بدید درست میشه

من تغییرات رو انجام دادم .

تغییر کرده

در واقع هدر اومده منتها هدر رفته زیر پوسته ی صفحه ی اصلی

مثل اینکه اندازه اش درست نیست . !!!

یه بار دیگه نگاه کنید .

لینک به ارسال

الان تصویر دیده میشه - فقط سایزش باید 1000 در 130 باشه

این اندازه که خیلی کوچیکه !!!

اگه بخوام این تصویر رو اندازه ی این سایز بکنم که خراب و دفورمه میشه

نمیشه همین اندازه ی خودش با کمی تغییر باشه ؟؟

لینک به ارسال

در همون عبارت دوم که در پست هفتم دادم مقدار height (ارتفاع) رو به میزان دلخواه تغییر بدید

لینک به ارسال

در همون عبارت دوم که در پست هفتم دادم مقدار height (ارتفاع) رو به میزان دلخواه تغییر بدید

من این عبارت رو به مقدار مورد نیاز تغییر دادم اما فکر کنم اشتباه کردم .

چون سه تا هدر پشت سر هم ایجاد شد .


header#masthead { border-bottom: 10px solid rgb(170, 170, 170); height: 878px; background: url(http://hamidmashayekhi.com/wp-content/uploads/2012/10/444.jpg); }

لینک به ارسال

به این صورت تغییر بدید


header#masthead { border-bottom: 10px solid rgb(170, 170, 170); height: 120px; background: url(../../images/hbg.jpg) no-repeat; }

البته با توجه به سایز تصویر فعلی زیاد جالب نمیشه

هدر شما سایزش همونیه که در بالا گفتم - مناسب تر اینه که تصویری با اون سایز تهیه کنید

لینک به ارسال

به این صورت تغییر بدید


header#masthead { border-bottom: 10px solid rgb(170, 170, 170); height: 120px; background: url(../../images/hbg.jpg) no-repeat; }

البته با توجه به سایز تصویر فعلی زیاد جالب نمیشه

هدر شما سایزش همونیه که در بالا گفتم - مناسب تر اینه که تصویری با اون سایز تهیه کنید

ارتفاعش خوب شد

ولی از طول کم آوردیم :D

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...