لاراولیستا

یکی از موضوعاتی که در اچ‌تی‌ام‌ال یاد گرفته‌ایم استفاده از عرض و طول برای المان‌های دارای اندازه همچون div است. در واقع شما می‌توانید برای عکس‌ها یا دیویژن‌های خود اندازه تعیین کنید. برای مثال داریم: HTML المان غیر ریسپانسیو که با تغییر ابعاد مرورگر تغییر نمی کند CSS  div.ex1 {    width: ۵۰۰px;    margin:  auto;     border:  ۳px solid #8AC007;} المان غیر ریسپانسیو که با تغییر ابعاد مرورگر تغییر نمی کند چون عرض المان شما بیشتر از ۵۰۰ پیکسل است و […]

یکی از مهترین امکاناتی که سی اس اس در اختیار طراحان وب قرار می‌دهد، امکان جابجا کردن المان‌ها در فضای صفحه است. در واقع شما می‌توانید از طریق دستور position و وارد کردن مقادیر مختلف در این دستور، هر المان را در جایی از صفحه که دوست دارید قرار دهید. چهار نوع مکان یا همان position در سی‌اس‌اس وجود دارد. استاتیک، مکان وابسته یا relative، موقیت fix و موقعیت absolute. ما در این بخش به بررسی تمامی […]

حتما شما هم به صفحاتی که یک بخش ثابت دارند برخورده‌اید. غالب‌ترین مثال این موضوع را در منوهایی که در بالای سایت همراه اسکرول کردن صفحه در جای خود ثابت می‌مانند و محو نمی‌شوند، دیده‌ایم. ما در این آموزش ابتدا سراغ ایجاد چنین المان‌هایی رفته‌ایم. المان فیکس شده: نام: position: fixed این دستور چه کاری انجام می‌دهد؟‌ نحوه و محل قرار گیری المان های شما رامشخص می‌کند. ما در این قسمت با موقعیت فیکس شده کار داریم. […]

٬در سی اس‌اس‌ شما می‌توانید المان‌هایتان را به حالت شناور درآورید. یعنی اینکه سی‌اس‌اس به المان‌های شما کمک می کند که بتوانند به خوبی و خوشی در کنار دیگر المان‌ها باشند و در هر جای صفحه که شما دوست دارید شناور باشند. این کار توسط دستور float انجام می‌شود. بدین ترتیب المان شما در سمت راست یا چپ که شما مشخص می‌کنید شناور می‌شود؛ یعنی بدون مزاحمت برای دیگر المان‌ها در سمت چپ یا راست […]

در جلسه‌ی چهارم از سری مقالات آموزشی CSS به ارائه‌ی اطلاعاتی درباره‌ی دستور display می‌پردازیم. دستور inline block چه کاربردی دارد؟ همانطور که می‌دانید المان‌های اچ‌تی‌ال غالبا به صورت بلاک و خطی بوده و هر المان یک سطر کامل را اشغال می‌کند. کلمه بلاک در واقع برای المان‌هایی مثل یا اطلاق می‌شود. این المان‌ها زمانی که نوشته می‌شوند هیچ چیز دیگری را در کنار خود جای نمی‌دهند. اگر خاطرتان باشد چند جلسه پیش ما با […]