تبلیغات شما در این مکان, ماهانه 10.000 تومان
YourSite.Com تبلیغات شما
تبلیغات شما در این مکان, ماهانه 10.000 تومان
YourSite.Com سرورها
سرورها، فروش فضای وب و دامنه و اعطای نمایندگی فروش
تبلیغات شما
تبلیغات شما در این مکان, ماهانه 10.000 تومان
YourSite.Com تبلیغات شما
تبلیغات شما در این مکان, ماهانه 10.000 تومان
YourSite.Com تبلیغات شما
تبلیغات شما در این مکان, ماهانه 10.000 تومان
YourSite.Com کمپ خبری
اخبار ورزشی ، حوادث ، جهان سیاست ، دنیای فرهنگ و هنر
News.MyCamp.Ir طراحی وب سایت
طراحی گرافیک سایت
AzinWeb.Com تبلیغات شما
تبلیغات شما در این مکان, ماهانه 10.000 تومان
YourSite.Com فال حافظ
نیت کنید و با اشاره فال حافظ بگیرید . قدرت گرفته از تک طرح
Fal.Taktarh.Com تبلیغات شما
تبلیغات شما در این مکان, ماهانه 10.000 تومان
YourSite.Com تبلیغات شما
تبلیغات شما در این مکان با نماش گوگل پلاس شما ماهانه 20.000 تومان
YourSite.Com تبلیغات شما
تبلیغات شما در این مکان, ماهانه 10.000 تومان
YourSite.Com تبلیغات شما
تبلیغات شما در این مکان, ماهانه 10.000 تومان
YourSite.Com تبلیغات شما
تبلیغات شما در این مکان با نماش گوگل پلاس شما ماهانه 20.000 تومان
YourSite.Com
با استفاده از این باکس فال حافظ بگیرید , ابتدا نیت کنید
شاید بهتر باشد برای شادی روح حافظ، صلوات یا فاتحه ای نثار نماییم
براي نمايش فال بر روي اعلان رو به رو کليک کنيد
پس زمینه تمام صفحه در تمام مرورگرها
- موضوع : استایل نویسی
- ۵ نظر
- 1,373 بازدید
- تاریخ ارسال : آذر ۶م, ۱۳۹۰
اگر دقت کرده باشید در خیلی وبسایت ها بخصوص وبسایت های خوانندگان یا افراد مشهور قالبی مثل تصویر بالا طراحی میشه که در اون از یک تصویر به عنوان پس زمینه تمام صفحه استفاده میکنند. امروز قصد داریم با چند خط کد به دو شکل CSS 3 و CSS Cross-Browser این کار رو انجام بدیم. با ما همراه باشید
روش اول: با استفاده از CSS 3
html {
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
*نکته: این روش فقط در بعضی از مرورگرها قابل اجراست
روش دوم: با استفاده از قابلیت Microsoft AlphaImageLoader
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg.jpg', sizingMethod='scale')";
*این روش در تمام نسخه های مرورگر اینترنت اکسپلورر قابل اجراست
برای بهترین حالت نمایش میتونید هر دو کد رو استفاده کنید
background: url(bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg.jpg', sizingMethod='scale')";
|
Ali گفته :
آذر ۸م, ۱۳۹۰ در ۷:۱۰ ب.ظ سلام ، میشه کد آماده رو بزارید ؟! |
|
احمد گفته :
آذر ۱۴م, ۱۳۹۰ در ۳:۱۷ ب.ظ ممنون |
|
shahram گفته :
آذر ۱۹م, ۱۳۹۰ در ۹:۵۹ ب.ظ این کدها رو کجا قرار بدم |
|
ایلیاد موسوی گفته :
آذر ۲۰م, ۱۳۹۰ در ۹:۳۱ ب.ظ کدها رو باید در فایل css قالبتون اضافه کنید |












آذر ۶م, ۱۳۹۰ در ۱۰:۵۹ ق.ظ
مرسی ایلیاد جان کاربردی بود .