- 1. آموزش ساخت ToolTip با CSS3
- (1 آموزش پروژه محور HTML و CSS)
- آموزش ساخت ToolTip با CSS3 خودتان امتحان کنید »خرید فیلم آموزشی » فیلم آموزش ساخت گالری تصاویر در ادامه با کلیک روی دکمه "خرید فیلم آموزشی" در بالا، در کمتر از 30 دقیقه نحوه ی ساخت ToolTip ...
- ایجاد در 06 اسفند 1395
- 2. آموزش ساخت افکت پیش بارگذاری با CSS3
- (1 آموزش پروژه محور HTML و CSS)
- آموزش ساخت افکت پیش بارگذاری با CSS3 خودتان امتحان کنید »خرید فیلم آموزشی » فیلم آموزش ساخت گالری تصاویر در ادامه با کلیک روی دکمه "خرید فیلم آموزشی" در بالا، در کمتر از 30 دقیقه نحوه ی ...
- ایجاد در 06 اسفند 1395
- 3. W3.CSS و Material Design
- (1 آموزش W3.CSS)
- ... این، عناصر سایه های واقع گرایانه و اثرات شناور نیز دارند. Google Material Design دید مواد طراحی با استفاده از W3.CSS W3.CSS شیوه مناسبی برای طراحی برنامه های کاربردی با دید "مواد طراحی" ...
- ایجاد در 15 بهمن 1395
- 4. کتابخانه رنگ ها در W3.CSS
- (1 آموزش W3.CSS)
- کتابخانه های رنگ کتابخانه های رنگ ، فایلهای CSS شامل مقادیر رنگی هستند که به طور معمول استفاده میشوند مانند استانداردهای ایمنی ،رنگ های بزرگراهها ,و رنگهای استتارو غیره. چگونه از کتابخانه های ...
- ایجاد در 15 بهمن 1395
- 5. قالب های رنگ در W3.CSS
- (1 آموزش W3.CSS)
- قالب های رنگ با استفاده از قالب های رنگ در W3.CSS براحتی می توانید برنامه کاربردی تان را بدلخواه خود سفارشی نمایید. در این روش باید در قسمت Head صفحه یک لینک به فایل CSS قالب ایجاد نمایید: مثال ...
- ایجاد در 15 بهمن 1395
- 6. ِDisplay در W3.CSS
- (1 آموزش W3.CSS)
- ... Middle کلاس های W3.CSS در Display W3.CSS کلاس های dispaly زیر را فراهم آورده است : کلاس تعریف w3-display-container یک container برای w3-display-classes w3-display-topleft ...
- ایجاد در 15 بهمن 1395
- 7. Margin در W3.CSS
- (1 آموزش W3.CSS)
- کلاس های margin در W3.CSS W3.CSS کلاس های margin زیر را مهیا میکند: کلاس تعریف w3-margin افزودن margin به اندازه 16px از اطراف w3-margin-top افزودن margin از سمت بالا به ...
- ایجاد در 15 بهمن 1395
- 8. Padding در W3.CSS
- (1 آموزش W3.CSS)
- w3-padding-8 من padding به اندازه 8px از بالا و پایین دارم. w3-padding-large من padding به اندازه 12px از بالا و پایین و 24px از چپ و راست دارم. کلاس هایPadding-Number درW3.CSS ...
- ایجاد در 15 بهمن 1395
- 9. صفحه بندی در W3.CSS
- (1 آموزش W3.CSS)
- ... w3.CSS class. خودتان امتحان کنيد » برای افزودن رنگ ،کلاس w3-color را اضافه کنید : مثال London is the capital city of England. خودتان امتحان کنيد » سربرگ ها و پاصفحه ها (Header/Footer) ...
- ایجاد در 15 بهمن 1395
- 10. رنگ ها در W3.CSS
- (1 آموزش W3.CSS)
- رنگ های جدید کلاس های رنگی در W3.CSS از رنگ های استفاده شده در بازاریابی ،نشانه های جاده و یادداشت های چسبنده الهام گرفته است: Red Green Blue Black Pink ...
- ایجاد در 15 بهمن 1395
- 11. آموزش W3.CSS
- (1 آموزش W3.CSS)
- W3.CSS یکی از فریم ورک های CSS است و توسط W3schools پیاده سازی شده است. بعد از لینک کردن فایل W3.CSS به صفحات پروژه تان، می توانید از الگوهای بسیار جذاب آن برای ساخت سایت های واکنشگرا استفاده نمایید. W3.CSS ...
- ایجاد در 15 بهمن 1395
- 12. ویدئوها در طراحی واکنش گرای CSS
- (7 واکنش گرایی در CSS)
- ... CSS) video خودتان امتحان کنید » توجه کنید که در مثال بالا، پخش کننده ی ویدئو می توانست از اندازه ی اصلی خود بزرگتر شود. بعنوان یک راه حل بهتر، در بیشتر موارد می توان از خاصیت max-width برای حل ...
- ایجاد در 12 آبان 1395
- 13. فریم ورک ها در طراحی واکنش گرای CSS
- (7 واکنش گرایی در CSS)
- در حال حاضر، فریم ورک های CSS زیادی برای طراحی واکنش گرا وجود دارند. استفاده از تمامی آنها مجانی است و کار کردن با آنها ساده است. استفاده از فریم ورک W3.CSS یک راه عالی برای ایجاد یک طراحی واکنش ...
- ایجاد در 10 آبان 1395
- 14. عکس ها در طراحی واکنش گرای CSS
- (7 واکنش گرایی در CSS)
- ... گرا خواهد شد و مقیاس آن به نسبت، کم و زیاد خواهد شد. مثال (عکس ها در طراحی واکنش گرای CSS) img خودتان امتحان کنید » توجه کنید که در مثال بالا، عکس مورد نظر می تواند بزرگتر از اندازه ی ...
- ایجاد در 06 آبان 1395
- 15. مدیا کوئری در طراحی واکنش گرای CSS
- (7 واکنش گرایی در CSS)
- مدیا کوئری چیست؟ مدیا کوئری(media query)، یک تکنیک CSS است که در CSS3 معرفی شده است. مدیا کوئری ها از قاعده ی media@ استفاده می کنند تا در صورتی که یک عبارت شرطی true باشد، یک قطعه کد از خصوصیات CSS ...
- ایجاد در 03 آبان 1395
- 16. شبکه بندی در طراحی واکنش گرای CSS
- (7 واکنش گرایی در CSS)
- ... کلی آنها مورد محاسبه قرار بگیرند. برای اطلاعات بیشتر، خصوصیت box-sizing در CSS را مطالعه نمایید. بنابراین، کد زیر را به کدهای CSS خود اضافه کنید: * مثال زیر، یک صفحه ی وب واکنش گرای ...
- ایجاد در 01 آبان 1395
- 17. میدان دید در طراحی واکنش گرای CSS
- (7 واکنش گرایی در CSS)
- ... به این دلیل که ابعاد و عرض صفحه های نمایش برای دستگاه های مختلف، بسیار متفاوت می باشد، نباید محتوای خود را تنها برای یک میدان دید خاص تنظیم کنید. 3. از مدیا کوئری های CSS برای اعمال استایل دهی به صفحه ...
- ایجاد در 30 مهر 1395
- 18. مقدمه ی طراحی واکنش گرا در CSS
- (7 واکنش گرایی در CSS)
- طراحی واکنش گرا در وب چیست؟ طراحی واکنش گرای وب، باعث می شود تا صفحات وب شما در تمامی دستگاه ها به خوبی نمایش داده شوند. در طراحی واکنش گرای وب، تنها از HTML و CSS استفاده می شود. طراحی واکنش ...
- ایجاد در 30 مهر 1395
- 19. آموزش foundation-مرجع CSS
- (3 مراجع foundation)
- ... امتحان کنید یک لیست توضیحات را مشخص می کند. امتحان کنید تراز بندی Text از کلاس های CSS زیر استفاده کنید تا ترازبندی یک متن را تغییر دهید: کلاستوضیحاتمثال .text-left ...
- ایجاد در 21 آذر 1394
- 20. جی کوئری موبایل-کلاس های css
- (7 مراجع jq Mobile)
- کلاس های css در جی کوئری موبایل جی کوئری موبایل از کلاس های css استفاده می کند تا به عناصر مختلف استایل دهی کند. در مراجع زیر، ما کلاس های css را برای استایل های متداول اضافه کرده ایم. کلاس ...
- ایجاد در 12 آذر 1394
- 21. طراحی بر اساس ترفندهای css3
- (5 جلسه پنجم)
- جلسه ی پنجم طراحی یک فروشگاه اینترنتی-طراحی بر اساس ترفندهای css3 در قسمت دوم از این جلسه، به آموزش 'طراحی بر اساس ترفندهای css3' می پردازیم. آنچه که در قسمت قبل طراحی شد در قسمت قبل، موارد کلی ...
- ایجاد در 18 تیر 1394
- 22. طراحی نوار پیشرفت در css
- (1 آموزش متفرقه CSS)
- در این مقاله قصد داریم، ساختن نوار های پیشرفت به وسیله ی css را آموزش دهیم . شاید شما این نوارها را در بسیاری از سایت ها دیده باشید. از این نوارهای پیشرفت استفاده های مختلفی می شود. مثلا اگر شما در ...
- ایجاد در 17 دی 1393
- 23. تشریح رسم مثلث در css
- (1 آموزش متفرقه CSS)
- ... می کنیم . در این ادیتور لازم نیست تگ های اصلی و تگ های استایل را وارد کنید . در قسمت HTML کدهای اچ تی ام ال را وارد می کنیم . و در قسمت CSS هم کد های سی اس اس را وارد می کنیم . در ابتدا در ...
- ایجاد در 04 آذر 1393
- 24. خاصیت border-color در CSS
- (css)
- خاصیت border-color این خاصیت برای تنظیم رنگ لبه ها استفاده می شود. مقدار این خاصیت را می توان به یکی از روش های زیر تنظیم کرد: name: نام رنگ باید مشخص شود مانند "red" RGB: به صورت RGB مشخص می شود ...
- ایجاد در 03 مرداد 1393
- 25. تنظیم لبه ها، به صورت جداگانه در CSS
- (css)
- تنظیم لبه ها، به صورت جداگانه در CSS این امکان وجود دارد که برای اضلاع مختلف، لبه های مختلف تعریف کرد. مثال (تنظیم لبه ها، به صورت جداگانه در CSS) p خودتان امتحان کنید » مثال بالا را می توان ...
- ایجاد در 03 مرداد 1393
- 26. مختصر نویسی لبه در CSS
- (css)
- مختصر نویسی لبه در CSS همان طور که در مثال بالا دیدید، برای تنظیم لبه ها با خواص زیادی سروکار داریم. این امکان وجود دارد که تمام خواص بالا را به یک خاصیت تبدیل کنیم تا کدمان کوتاه تر شود، این خاصیت ...
- ایجاد در 03 مرداد 1393
- 27. تمام خواص مربوط به لبه در CSS
- (css)
- تمام خواص مربوط به لبه در CSS خاصیتتوضیحات border کلیه خصوصیات لبه های یک عنصر را در یک مرحله تنظیم می کند border-bottom کلیه خصوصیات لبه پایینی یک عنصر را در یک مرحله تنظیم می ...
- ایجاد در 03 مرداد 1393
- 28. پس زمینه در CSS3
- (css)
- پس زمینه در CSS3 در CSS3 چند خاصیت جدید، برای پس زمینه ها اضافه شده است. که به شما اجازه می دهد روی پس زمینه عناصر، کنترل بیشتری داشته باشید. در این بیاموز با خاصیت های زیر آشنا می شوید: background-size ...
- ایجاد در 03 مرداد 1393
- 29. خاصیت های تبدیل 3 بعدی در CSS3
- (css)
- خاصیت های تبدیل در CSS3 در جدول زیر، لیست تمام خاصیت های تبدیل، آورده شده است: خاصیتتوضیحاتCSS transform برای اعمال یک تبدیل دو بعدی یا سه بعدی روی یک عنصر بکار می رود. 3 transform-origin ...
- ایجاد در 03 مرداد 1393
- 30. چند ستونه کردن متن در CSS3
- (css)
- چند ستونه کردن متن در CSS3 با CSS3، می توانید مانند روزنامه ها که چند ستونه هستند، متن را در صفحه به صورت چند ستونه نمایش دهید. در این بیاموز، با خاصیت های زیر آشنا می شوید: column-count column-gap ...
- ایجاد در 03 مرداد 1393