فهرست همه آموزش های این موضوع
-
معرفی چارچوب W3.CSS برای ساخت یک وب سایت واکنش گرا (Responsive) و طراحی گرافیکی آن، تنها با یک فایل CSS - افزودن چارچوب W3.CSS به صفحات وب سایت
- شیوه نامگذاری کلاس ها (Class)، در چارچوب W3.CSS
- رنگ ها (Color)، در W3.CSS
- ساخت Container : ایجاد padding (حاشیه) به اندازه 16px در سمت چپ و راست عناصر صفحه HTML ، با کلاس w3-container ، در W3.CSS
- ساخت Panel : ایجاد margin (حاشیه) به اندازه 16px در بالا و پایین و همچنین padding (حاشیه) به اندازه 16px در سمت چپ و راست عناصر صفحه HTML ، با کلاس w3-panel ، در W3.CSS
- ساخت کارت (card) : ایجاد حاشیه سایه دار (bordered shadow) به دور عنصر، با کلاس های w3-card و w3-card-2 و w3-card-4 ، در W3.CSS
- تعیین اندازه فونت ها (Font)، در W3.CSS
- تعیین سمت قرارگیری متن (Text Alignment) یا هر عنصر دیگر (در سمت چپ یا راست یا وسط)، با کلاس های w3-left-align و w3-right-align و w3-center ، در W3.CSS
- ساخت فهرست (لیست - List) ساده، با کلاس w3-ul ، در W3.CSS
- نمایش یک متن به هنگام بردن موس بر روی یک عنصر از صفحه (نمایش راهنما - Tooltip)، با کلاس های w3-tooltip و w3-text ، در W3.CSS
- نمایش متن به صورت عریض (Wide Text)، با کلاس w3-wide ، در W3.CSS
- تعیین سمت قرارگیری متن (Text Alignment) یا هر عنصر دیگر (در سمت چپ یا راست یا وسط)، با کلاس های w3-left-align و w3-right-align و w3-center ، در W3.CSS
- تعیین اندازه فونت ها (Font)، در W3.CSS
- اندازه های فونت متناظر با تگ های h1 و h2 و h3 و h4 و h5 و h6 ، برای نمایش عنوان ها، در W3.CSS
- نمایش متن بر روی عکس و تعیین محل قرارگیری آن متن، با کلاس های به شکل کلی *-w3-display ، در W3.CSS
کلیدهای مرتبط از دسته بندی های دیگر
- تغییر رنگ پس زمینه (Background) عنصرها، با کلاس های (Class) به شکل کلی w3-color ، در W3.CSS
- تغییر رنگ پس زمینه (Background) عنصرها، وقتی موس را بر روی عنصر می بریم، با کلاس های (Class) به شکل کلی w3-hover-color ، در W3.CSS
- تغییر رنگ متن (text) درون عنصرها، با کلاس های (Class) به شکل کلی w3-text-color ، در W3.CSS
- تغییر رنگ متن (text) درون عنصرها، وقتی موس را بر روی عنصر می بریم، با کلاس های (Class) به شکل کلی w3-hover-text-color ، در W3.CSS
- تغییر رنگ خطوط حاشیه (border) عنصرها، با کلاس های (Class) به شکل کلی w3-border-color ، در W3.CSS
- تغییر رنگ خطوط حاشیه (border) عنصرها، وقتی موس را بر روی عنصر می بریم، با کلاس های (Class) به شکل کلی w3-hover-border-color ، در W3.CSS
کلیدهای مرتبط از دسته بندی های دیگر
- تعیین اینکه یک عکس، بزرگ تر از عنصر حاوی خود نمایش داده نشود، با کلاس w3-image ، در W3.CSS
- نمایش یک عکس به صورت دارای گوشه های گرد (Rounded Image)، با کلاس های به شکل کلی *-w3-round ، در W3.CSS
- نمایش یک عکس به صورت دایره ای شکل (Circled Image)، با کلاس w3-circle ، در W3.CSS
- نمایش یک عکس به صورت دارای خطوط حاشیه (Bordered Image)، با کلاس w3-border ، در W3.CSS
- نمایش یک عکس به صورت کارت (Card)، با کلاس های مربوط به ساخت کارت (کلاس های w3-card و w3-card-2 و w3-card-4)، در W3.CSS
- نمایش متن بر روی عکس و تعیین محل قرارگیری آن متن، با کلاس های به شکل کلی *-w3-display ، در W3.CSS
- نمایش یک عکس به صورت نیمه شفاف، با کلاس های w3-opacity و w3-opacity-min و w3-opacity-max ، در W3.CSS
- ایجاد جلوه تصویری Grayscale (سیاه و سفید) برای یک عکس، با کلاس های w3-grayscale و w3-grayscale-min و w3-grayscale-max ، در W3.CSS
- ایجاد جلوه تصویری Sepia برای یک عکس، با کلاس های w3-sepia و w3-sepia-min و w3-sepia-max ، در W3.CSS
- ایجاد padding (حاشیه)، با کلاس های (Class) به شکل کلی *-w3-padding ، در W3.CSS
کلیدهای مرتبط از دسته بندی های دیگر
- اندازه های فونت متناظر با تگ های h1 و h2 و h3 و h4 و h5 و h6 ، برای نمایش عنوان ها، در W3.CSS
کلیدهای مرتبط از دسته بندی های دیگر
- ساخت فهرست (لیست - List) دارای خطوط حاشیه (Border)، با کلاس های w3-ul و w3-border ، در W3.CSS
- ساخت فهرست (لیست - List) دارای سرتیتر (عنوان - Header)، در W3.CSS
- ساخت فهرست (لیست - List) با آیتم های (Item) به شکل کارت (card)، با کلاس w3-ul و یکی از کلاس های به شکل کلی *-w3-card ، در W3.CSS
- ساخت فهرست (لیست - List) با آیتم های (Item) با متن قرار گرفته در وسط (در جهت افقی)، با کلاس های w3-ul و w3-center ، در W3.CSS
کلیدهای مرتبط از دسته بندی های دیگر
کلیدهای مرتبط از دسته بندی های دیگر
- ساخت انیمیشن (Animation) به صورت چرخش ۳۶۰ درجه ای عنصر (انیمیشن Spin)، با کلاس w3-spin ، در W3.CSS
- ساخت انیمیشن (Animation) به صورت ظاهر شدن و ناپدید شدن عنصر، هر ۱۰ ثانیه یک بار (انیمیشن Fading Infinite)، با کلاس w3-animate-fading ، در W3.CSS
- ساخت انیمیشن (Animation) به صورت ظاهر شدن تدریجی عنصر (انیمیشن Fade in)، با کلاس w3-animate-opacity ، در W3.CSS
- ساخت انیمیشن (Animation) به صورت ظاهر شدن عنصر به همراه بزرگ شدن (انیمیشن Zoom in)، با کلاس w3-animate-zoom ، در W3.CSS
- ساخت انیمیشن (Animation) به صورت وارد شدن عنصر از سمت بالا یا پایین یا راست یا چپ (انیمیشن Slide in)، با کلاس های w3-animate-top و w3-animate-bottom و w3-animate-left و w3-animate-right ، در W3.CSS