خوش آمدید , میهمان گرامی! ورود or ثبت نام

تغییر رنگ قالب



بستن
آنچه قبل از تصمیم به جراحی بالا کشیدن ابرو باید بدانید (خطر ها و عوارض احتمالی بالا ک
jarahezibai jarahezibai 0 20
همین الان تو چه فکری هستی؟ (22)
گلایه roghayeh 492 14400
محاسبه سن با شکلات (بسیار جالب)
sana sazokar00 9 1022
سئو سایت :افزایش ترافیک چه اثری در سئو دارد
toniyo sazokar00 23 1625
آنچه پس از جراحی بالا کشیدن ابرو در انتظارتان است قسمت دوم
jarahezibai jarahezibai 0 23
آنچه پس از جراحی بالا کشیدن ابرو در انتظارتان است قسمت اول
jarahezibai jarahezibai 0 23
عکس های تبلیغاتی کاتالوگ و بورشور
sepidgra sepidgra 0 27
معجزه مصرف خرما در روز/ چرا باید در دوران بارداری مکمل خورد؟/ روشی غلط در پخت غذا که
nbtfd234 nbtfd234 0 23
ریزش خرما در بم بیشتر از سایر مناطق است/ ریزش خرما شامل پوشش بیمه ای نمی شوند
nbtfd234 nbtfd234 0 22
خسارت به نخیلات در منوجان
nbtfd234 nbtfd234 0 20
بدنی سالم با تغذیه ای سالم
nbtfd234 nbtfd234 0 30
در این مواقع هرگز آب ننوشید!
nbtfd234 nbtfd234 0 26
یک هفته با بورس کالا
nbtfd234 nbtfd234 0 27
سامسونگ اولین کارت حافظه 2 گیگابایتی گوشی های همراه را عرضه کرد
admin fintrent 9 584
آغاز برداشت خرما در برخی از نقاط کشور/ روند نزولی قیمت خرما ادامه دارد
nbtfd234 nbtfd234 0 26
تمایل بازار ارز برای ورود به کانال دلار ۱۰ هزار تومانی/ ترخیص ۶۶۵۳ دستگاه خودروی وارد
nbtfd234 nbtfd234 0 28
کدام نوع جراحی برای من مناسب تر است؟ جراحی پلک یا جراحی بالاکشیدن ابرو؟
jarahezibai jarahezibai 0 29
مشکل استقلال و پروپیچ حل شد
sana sana 0 27
قطع اینترنت ۲۱۰ نقطه برای لو نرفتن سوالات کنکور
sana sana 0 31
بحث نامگذاری روز کوروش دوباره مطرح شد
sana sana 0 24
تقلید از عصر جدید؛ ماجرای خودکشی پسر ۱۲ساله
sana sana 0 29
یک میلیارد یورو ارز دولتی گم شد
sana sana 0 38
فتیله بازار طلا خاموش شد
sana sana 0 20
آخرین اس ام اسی که برای شما اومده چی بوده ؟
sana sana 746 53475
اخرین اس ام اسی که دادین چی بوده ؟
sana sana 588 35415
طراحی چیدمان شبکه برای طراحی وب پاسخگو
magbot magbot 0 30
اشتباهات متداول در بازاریابی محتوا
magbot magbot 0 28
نکاتی درباره تجربه استفاده از وب سایت ضروری
magbot magbot 0 31
المان های غلط برای طراحی سایت چیست
sitecode sitecode 0 38
خوشبختی های کوچک من !!
azadeh roghayeh 81 10161
محاسبه رنگ هاله انسان !!
mdark poonehmedia00 28 8586
ظاهر شما پس از جراحی پلک و جراحی افتادگی پلک چه تغییری خواهد کرد؟
jarahezibai jarahezibai 0 43
مقاصد محبوب گردشگران در تالش کدامند؟
mahno0osh mahno0osh 0 43
خرمای لذیذ استعمران
nbtfd234 nbtfd234 0 40
راهکار‌هایی آسان برای داشتن پوستی خیره کننده +۴ خوراکی براق کننده پوست
nbtfd234 nbtfd234 0 36
خطرناک بودن محصولات تراریخته ثابت شده است؟
nbtfd234 nbtfd234 0 40
داروی خوراکی درمان سرطان پروستات روانه بازار شد
nbtfd234 nbtfd234 0 33
۴توصیه به والدین برای تغذیه سالم کودکان
nbtfd234 nbtfd234 0 41
قبل از Big Bang
tree of life tree of life 11 754
مذاکرات ژنو!!!
دایی جان دایی جان 15 3250

نماد ها
دسترسی سریع به تاپیکهای مهم
تبلیغات
مطالب منتخب
مطالب پربازدید
مطالب پربازدید
طراحی یک صفحه محصول شگفت انگیز با پیوست های CSS پس زمینهزمان کنونی: Wednesday 24 July 2019, 00:02
کاربرانِ درحال بازدید از این موضوع: 1 مهمان
نویسنده: magbot
آخرین ارسال: magbot
پاسخ: 1
بازدید: 94
 
امتیاز دهید:
  • 0 رأی - میانگین امیتازات : 0
  • 1
  • 2
  • 3
  • 4
  • 5
طراحی یک صفحه محصول شگفت انگیز با پیوست های CSS پس زمینه
Tuesday 18 June 2019, 00:21
ارسال: #1
طراحی یک صفحه محصول شگفت انگیز با پیوست های CSS پس زمینه
[font=Cormorant Garamond, Arial, serif]
[size=xxx-large]طراحی یک صفحه محصول شگفت انگیز با پیوست های CSS پس زمینه[/size] مشاهده لینک [/font]
مشاهده لینک
اولین روش ایجاد یک اثر قبل و بعد از یک تصویر است. من قصد دارم برای ایجاد روش دوم که محصول را تغییر می دهد "همانطور که ما به پایین حرکت می کنیم. نگاهی سریع به صفحه محصول نسخه ی نمایشی ما برای دریافت ایده درباره اثری که در این آموزش انجام می دهیم.

ابتدا باید یک تصویر پسزمینه را به یک ظرف HTML اضافه کنید. سپس ویژگی پسوند دلخواه تعریف می کند که آیا تصویر را با محتوا پیمایش کنید یا آن را ثابت نگه دارید. شما می توانید ثابت یا پیمایش را به عنوان مقدار پس زمینه دلبستگی استفاده کنید.

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

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

[تصویر: fixed-scroll-01-480x267src%20=]

اکنون اجازه می دهد نگاهی به نحوه قرار دادن ظروف در مثال بالا بگذارید.

[تصویر: 5.jpg]

همانطور که می بینید تصاویر در همان موقعیت ثابت می شوند و ظروف آنها به صورت عمودی انباشته می شوند. از آنجا که ظروف خالی هستند، فقط تصویر بالا را مشاهده خواهید کرد. این است که ما در نسخه ی نمایشی اثر خنک ایجاد می کنیم.

اگر ظروف را با برخی از متن ها پر کنید، خواهید دید که چطور قرار داده شده است و ارزش این اثر از بین می رود. ما نظریه را در این اثر آموخته ایم. بخش بعدی به شما نحوه طراحی صفحه محصولات را نشان می دهد.
صفحه محصولات طراحی
صفحه محصول شامل محصولات در مرکز صفحه به عنوان تصاویر است. سپس ما دو بخش ناوبری برای پائین و نوار کناری را توسعه خواهیم داد. بخش محصولات شامل اثر اصلی این آموزش است. بنابراین شروع کنیم به طراحی تصاویر محصول.
ما 4 تصویری که در قسمت قبلی استفاده کردیم. در اینجا، ارتفاع کانتینگیها را به اندازه 700px تنظیم کردم. در نسخه ی نمایشی این ارتفاع با استفاده از ارتفاع پنجره مرورگر محاسبه می شود از آنجایی که برای کنترل ناوبری مورد نیاز است و اثر را درست نشان می دهد.

حالا شما می توانید صفحه پایین را پیمایش کنید و شما می توانید اثر پیمایش را همانطور که در زیر نشان داده شده مشاهده کنید.
[تصویر: div%3E%20%20%20%20%20%20%20%20%20%20%20%...v%20class=]مقالات مرتبط مشاهده لینک مشاهده لینک مشاهده لینک
نقل قول


موضوع های مرتبط با این موضوع...
موضوع: نویسنده پاسخ: بازدید: آخرین ارسال
  دانلود پس زمینه دسکتاپ omid 0 283 Thursday 24 June 2010 18:56
آخرین ارسال: omid
Cool دکتر جفری تامپسون از بزرگترین اساتید در زمینه استفاده از ترکیب ام omid 0 757 Tuesday 19 January 2010 11:00
آخرین ارسال: omid
Cool چرخاندن صفحه نمایش در مواقع ضروری با iRotate omid 0 397 Monday 11 January 2010 10:10
آخرین ارسال: omid
  نخستين تصاوير واقعي از رايانه فاقد صفحه كليد منتشر شد aria 0 388 Wednesday 19 August 2009 09:14
آخرین ارسال: aria
  مخفی کردن یک فولدر یا فایل به شکلی جدید و حیرت انگیز nakhoda_abbas 0 405 Sunday 07 October 2007 20:46
آخرین ارسال: nakhoda_abbas

پرش به انجمن:



زمان کنونی: Wednesday 24 July 2019, 00:02