"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
تبلیغات در اینترنتclose
طراحی یک صفحه محصول شگفت انگیز با پیوست های CSS پس زمینه
زمان جاری : چهارشنبه 02 مرداد 1398 - 12:20 قبل از ظهر
نام کاربری : پسورد : یا عضویت | رمز عبور را فراموش کردم


سلام دوست عزیز؛
به انجمن سرگرمی ، تفریحی و دوستانه خودت خوش اومدی
براي مشاهده تالار ها با امکانات کامل میتونید از طريق گزینه های زیر اقدام کنيد
عضویت سریع و آسان
یا
ورود به حساب کاربری


آیا میدانید؟ ایا میدانید :





کارآفرینی,آموزش کارآفرینی,کارآفرینان برتر ایرانی,زندگی نامه کارآفرینان ایرانی,کارآفرینان برتر دنیا,کارآفرین نیوز,کسب و کار آنلاین,آموزش کسب و کار,کار بدون پول اولیه,شروع,استارت آپ,رشد,موفقیت,اشتغال,استخدام,فروش,برند سازی,


تعداد بازدید 8
نویسنده پیام



ارسال‌ها : 41
عضویت: 19 /7 /1397
طراحی یک صفحه محصول شگفت انگیز با پیوست های CSS پس زمینه

اولین روش ایجاد یک اثر قبل و بعد از یک تصویر است. من قصد دارم برای ایجاد روش دوم که محصول را تغییر می دهد "همانطور که ما به پایین حرکت می کنیم. نگاهی سریع به صفحه محصول نسخه ی نمایشی ما برای دریافت ایده درباره اثری که در این آموزش انجام می دهیم.
ابتدا باید یک تصویر پسزمینه را به یک ظرف HTML اضافه کنید. سپس ویژگی پسوند دلخواه تعریف می کند که آیا تصویر را با محتوا پیمایش کنید یا آن را ثابت نگه دارید. شما می توانید ثابت یا پیمایش را به عنوان مقدار پس زمینه دلبستگی استفاده کنید.
بگذارید بگوییم شما دارای 4 ظروف با ضمیمه های پس زمینه ثابت در همان موقعیت است. در چنین مواردی تصاویر در بالای صفحه بعدی قرار می گیرند و محتوا به صورت عمودی مانند آنچه که معمولا انجام می شود، تراز می شود. بیایید سعی کنیم این مفهوم را با استفاده از نمای گرافیکی درک کنیم.
در کد بالا 4 عنصر با ضمیمههای پس زمینه ثابت وجود دارد. بنابراین 4 تصویر در بالای صفحه دیگری مانند صفحه نمایش زیر نشان داده خواهد شد. من بعضی از حاشیه ها را نگه داشته ام تا به شما نشان دهم چگونه تصاویر در حال انباشته شدن هستند. در واقع شما قادر به دیدن تصویر بالا هستید.

اکنون اجازه می دهد نگاهی به نحوه قرار دادن ظروف در مثال بالا بگذارید.
تصویر: http://magbot.ir/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%db%8c%da%a9-%d8%b5%d9%81%d8%ad%d9%87-%d9%85%d8%ad%d8%b5%d9%88%d9%84-%d8%b4%da%af%d9%81%d8%aa-%d8%a7%d9%86%da%af%db%8c%d8%b2-%d8%a8%d8%a7-%d9%be%db%8c%d9%88%d8%b3%d8%aa-%d9%87%d8%a7%db%8c-CSS-%d9%be%d8%b3-%d8%b2%d9%85%db%8c%d9%86%d9%87/11.jpg%20%20%20%20%20%20%20%20%20%20%20%20%3C/div%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class=مقالات مرتبط

جمعه 07 تیر 1398 - 13:49
نقل قول این ارسال در پاسخ گزارش این ارسال به یک مدیر
تازه سازي پاسخ ها



برای ارسال پاسخ ابتدا باید لوگین یا ثبت نام کنید.


پرش به انجمن :

امتیاز شما به
کل انجمن
امتیاز شما به
صفحه جاری