نارنجی گراف

کد ها و جاوا اسکریپت های کاربردی بیان

نارنجی گراف

کد ها و جاوا اسکریپت های کاربردی بیان

درباره بلاگ

سلام
این وبلاگ درست شده است تا کد های کاربردی و زیبا کننده ی وبلاگ را بصورت رایگان در اختیار شما قرار دهد
از اونجایی ک من شخصا خودم هر موقعه کدی رو خواستم مجبور بودم برم تو سایت های خارجی و کلی دنبالش بگردم تا پیدا کنم به این فکر رسیدم هرچی ک بلدم ب شما هم یاد بدم
در ضمن شما هم اگه کد عجیب غریب داشتید میتونید بدید ب من تا نشر کنم واسه بقیه دوستامون استفاده کنن 😘
امید وارم کدهامون مورد پسندتون باشه

بایگانی
۱۱ خرداد ۹۶ ، ۰۲:۴۶

کد تغییر بک گراند و هدر وبلاگ

قالب > ویرایش CSS قالب فعلی

کد زیر رو به body اضافه کنید ...

و داخل پرانتر لینک عکسی که میخواین تو پس زمینه قالبتون قرار بگیره رو بذارید ...


بهتره از تصاویری استفاده کنین که الگو هستن و تکرار میشن ...
ولی اگه خواستین عکسی استفاده کنین که تکرار نشه این کد رو در ادامه کد بالا وارد کنین تا تصویر پس زمینه قالب تکرار نشه ...
body {
background: url(http://bayanbox.ir/view/7755955799473286638/96345.png) no-repeat;
}


حالا تغییر تصویر هدر قالب :)

قالب > ویرایش CSS قالب فعلی
اینبار این کد رو پیدا کنین header ...
البته تو قالبایی که قبلا طراحی کردم اسمش رو گذاشته بودم header-top !
اینجا دیگه خودش کد بک گراند رو داره داخلش فقط کافیه شما لینک تصویر داخل پرانتر رو تغییر بدین و لینک عکسی که میخواین تو هدر قرار بگیره رو جایگزین کنید ...

.header {
background: url(http://bayanbox.ir/view/5207068158693719412/3826208.png);
}


اینجا یه نکته داره اونم این که اگه عکسی که میخواین تو هدر قرار بدین الگو نیست و تکرار شونده نیست !
باید عرضش رو هم اندازه با عرضی که برایِ هدر تعریف شده قرار بدین ...
ارتفاعش رو هم همینطور ...
اکثر قالب ها عرضِ هدر ۸۰۰ هست و ارتفاعش هم ۲۰۰ ...
یعنی ۸۰۰ پیکسل در ۲۰۰ پیکسل ...
حالا یا فوتوشاپ یا با هر نرم افزار دیگه ای عرض و ارتفاع تصویرتون به این اندازه ها تغییر بدین بعد عکستون رو آپلود کنین و لینکش رو داخل پرانتز قرار بدین ...
اگرم خواستین ارتفاع هدر قالب رو تغییر بدین تا عکس با ارتفاع بیشتری اونجا قرار بدین اندازه کد زیر رو تغییر بدین ...

.header {
background: url(http://bayanbox.ir/view/5207068158693719412/3826208.png);
height: 200px; /*این ارتفاع هدر هست میتونین به هر اندازه که میخواین تغییرش بدین*/
}


منبع erfanwd

نظرات  (۰)

هیچ نظری هنوز ثبت نشده است

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی