سوال خود را بپرسید

توضیحات بخش

rss
سوال و جواب برای متخصصان و علاقه مندان به برنامه نویسی در همه زبان ها و همه پلت فرم ها

آمار بخش

کاربران 29
سوال ها 71
پاسخ ها 80
نظر سنجی ها 0

برترین کاربر ها

بیشترین تگ ها

2

تغییر اندازه هدر و پس زمینه وبلاگ

هدر و بک گراند وبلاگ رو تغییر دادم اما هدر چون کوچیک تره دوبار تکرار شده و بک گراند هم چون خیلی بزرگ تر شده فقط نصفش مشخصه. می شه اندازه هاش رو تغییر داد؟ نمی خوام هدر رو از صفر طراحی کنم حتی اگه کوچیک تر از الانش بشه مشکلی نداره.
پاسخ به سوال
1110بازدید

پاسخ ها (1)

1
برای جلوگیری از تکرار، باید از no-repeat استفاده کنید برای مثال در هدر برای جلوگیری از دوبار تکرار شدن عکس می توانید کد زیر را بنویسید
<div id="header" style='background:url("آدرس عکس") no-repeat center'>

در این مثال عکس فقط یکبار نمایش داده می شود و البته در مرکز هدر. در صورتی که می خواهید در سمت چپ نمایش داده شود به جای center از left و در صورتی که می خواهید از سمت راست نمایش داده شود از right استفاده کنید.

در مورد بک گراند عکسی که انتخاب کردید چون بزرگتر است به ناچار بخشی از آن نمایش داده نمی شود. برای اینکه تمام عکس نمایش داده شود می توانید از
background-size: contain;

استفاده کنید که تمام عکس را به نمایش در می آورد. گزینه های دیگری هم برای سایز بک گراند وجود دارد که می توانید آن ها را هم امتحان کنید:
background-size: cover;
background-size: 100% 100%;

برای مثال کد زیرتصویر بک گراند را کامل نمایش می دهد:

<div class="post" style='background:url("آدرس عکس") no-repeat center;background-size:contain' >
پاسخ به سوال
تعداد حروف 0