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

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



بستن
نتایجی که شما از جراحی پلک و جراحی افتادگی پلک خواهید
jarahezibai jarahezibai 0 15
محاسبه رنگ هاله انسان !!
mdark cheshmgir00 27 8493
سئو سایت :افزایش ترافیک چه اثری در سئو دارد
toniyo cheshmgir00 19 1562
دارم ندارم (3)
misha moonlover 884 63187
گفتگوی آزاد
admin roghayeh 2585 116886
داری؟نداری؟ (5)
moonlover tree of life 437 10769
اخرین اس ام اسی که دادین چی بوده ؟
sana tree of life 587 35203
آخرین اس ام اسی که برای شما اومده چی بوده ؟
sana tree of life 745 53242
اگه میتونستی یک کلمه را از این دنیا پاک کنی اون یک کلمه چی بود؟؟!!!!!!
youne30 tree of life 479 47191
انتخاب اجباری برای نفر بعدی (6)
گلایه tree of life 645 38518
الان داری چه آهنگی گوش میدی ؟
moonlover tree of life 495 89636
دانلود سریال امپراطریس چونچو – ملكه آهني ( امپراتور آهن ) جومونگ 4
mosy rele hossinsafaei 3 12781
آنچه پس از جراحی پلک یا جراحی افتادگی پلک در انتظارم است - قسمت سوم
jarahezibai jarahezibai 0 21
همين الان ي جمله بگو
kianoosh roghayeh 331 33192
جواب نفر قبلی رو بده و از نفر بعدی سوال بپرس (47)
گلایه roghayeh 345 5776
بازی با کلمات (یک نقطه) (2)
misha roghayeh 791 60264
یک کلمه میگم,رنگش رو بگو (3)
مونا roghayeh 590 42820
تفاوت هاست لینوکس و ویندوز در چیست و کدامیک بهتر است
pooyany97 pooyany97 0 25
مشاعره با ترانه خوانندگان 5
غزل roghayeh 465 36194
آنچه پس از جراحی پلک یا جراحی افتادگی پلک در انتظارم است - قسمت دوم
jarahezibai roghayeh 1 29
9 ویژگی مهم و مزایای سایبان برقی
lemonn lemonn 0 27
6 مورد از مهم ترین مزایای دستگاه قطعه شویی
lemonn lemonn 0 24
قبل از خرید سرویس خواب 2 نفره حتما این مطلب را بخوانید!!!
lemonn lemonn 0 23
اخرین بار مهمون کی بودی؟
اشراق غزل 16 2531
پاتوقت کجاست؟
hanie غزل 43 6784
بازی با واژه ها (سری جدید)
گلایه غزل 31 2420
با اخر اسم من یه اسم بنویس(2)
گلایه غزل 481 28439
همین الان چه احساسی دارید ؟ (2)
moonlover غزل 474 46521
بیا بگو همین الان دلت چی میخواد؟ (5)
گلایه غزل 212 9034
همین الان تو چه فکری هستی؟ (22)
گلایه غزل 490 13607
یه اسم مي گم هرچي ب ذهنت رسيد بگو (2)
مونا غزل 329 25495
تاثیر رنگ های سرد و گرم در طراحی سایت
sitecode sitecode 0 27
کمک پیدا کردن آدرس مالک توسط شماره پلاک ماشین
messi 19 Mahdi taji 29 34137
آنچه پس از جراحی پلک یا جراحی افتادگی پلک در انتظارم است - قسمت اول
jarahezibai roghayeh 1 38
چگونه در ۱۵ دقیقه یک سایت واکنشگرا طراحی کنیم
magbot magbot 0 26
چگونه طراحان وب می توانند ارتباط با مشتریان را توسعه دهند؟
magbot magbot 0 30
تفاوت UI و طراحی UX چیست؟
magbot magbot 0 23
لیزر موهای زائد
ariairannovin roghayeh 1 37
جراحی زیبایی
ariairannovin roghayeh 1 29
تقویت مو
ariairannovin roghayeh 1 31

نماد ها
دسترسی سریع به تاپیکهای مهم
تبلیغات
مطالب منتخب
مطالب پربازدید
مطالب پربازدید
طراحی یک صفحه محصول شگفت انگیز با پیوست های CSS پس زمینهزمان کنونی: Wednesday 17 July 2019, 10:50
کاربرانِ درحال بازدید از این موضوع: 1 مهمان
نویسنده: magbot
آخرین ارسال: magbot
پاسخ: 1
بازدید: 88
 
امتیاز دهید:
  • 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 281 Thursday 24 June 2010 18:56
آخرین ارسال: omid
Cool دکتر جفری تامپسون از بزرگترین اساتید در زمینه استفاده از ترکیب ام omid 0 738 Tuesday 19 January 2010 11:00
آخرین ارسال: omid
Cool چرخاندن صفحه نمایش در مواقع ضروری با iRotate omid 0 395 Monday 11 January 2010 10:10
آخرین ارسال: omid
  نخستين تصاوير واقعي از رايانه فاقد صفحه كليد منتشر شد aria 0 382 Wednesday 19 August 2009 09:14
آخرین ارسال: aria
  مخفی کردن یک فولدر یا فایل به شکلی جدید و حیرت انگیز nakhoda_abbas 0 402 Sunday 07 October 2007 20:46
آخرین ارسال: nakhoda_abbas

پرش به انجمن:



زمان کنونی: Wednesday 17 July 2019, 10:50