telegram

توضیحات

در این قسمت در مورد Header پروژه صحبت میکنیم

CSS طراحی وب Sass طراحی سایت

برای دانلود ابتدا وارد سایت شوید

مدرس دوره علی شیخ
مدت دوره 02:28:26
تعداد ویدیو 11
وضعیت دوره : کامل شده
قیمت دوره : رایگان
برای دانلود ابتدا وارد سایت شوید
دسته بندی دوره ها
HTML CSS طراحی وب FlexBox Bootstrap فریمورک طراحی سایت جاوا اسکریپت اکما اسکریپت پی اچ پی php mysql javascript jquery oop mvc composer laravel emmet npm nodejs

دوره های پشنهادی

دوره های آموزشی
آموزش PHP-OOP-MVC پروژه محور
کامل شده

آموزش PHP-OOP-MVC پروژه محور

OOP برگرفته از Object-Oriented Programming به معنی برنامه‌نویسی شی‌گرا میباشد. که یک الگو یا روش برنامه نویسی می باشد که...

نقدی
06:30:48
آموزش Bootstrap 4 در دنیای واقعی
کامل شده

آموزش Bootstrap 4 در دنیای واقعی

آموزش Bootstrap 4 در دنیای واقعی به همراه ۹ پروژه واقعی.بعد از مشاهده دوره Bootstrap 4 نیاز هست که شما دوستان عزیز ‌Boot...

عضویت ویژه
05:59:50
آموزش Grid Layout پروژه محور
کامل شده

آموزش Grid Layout پروژه محور

ما همیشه صفحه آرایی را بواسطه عناصر و ویژگی هایی که هدف آنها بوجود آوردن صفحه آرایی نبوده است انجام می دادیم. اول از همه...

رایگان
02:19:59
آموزش npm
کامل شده

آموزش npm

NPM مخفف Node Package Manager و در واقع Package Manager ایست که برای Node.js و یا بهتر بگیم دنیای برنامه نویسی جاوااسکری...

عضویت ویژه
02:04:50
مشاهده تمام دوره های آموزشی

نظرات ارزشمند شما:

برای ارسال نظر ابتدا باید وارد سایت شوید

  • mahdi zajkaniha

    میخواستم از قابلیت سلکتور ها برای اینکه تمامی تگ هایی که کلاسشون با container شروع میشه استفاده کنم که کار کرد. ولی برای برای قسمتی هر تگی که ادامش fix_ باشه کار نکرد: 

     *[class^="container"]

    {

        width: auto;

        background-color: $id_color;

        margin: 2rem;

    

        &_fix

        {

            height: calc(100vh - 4rem);

        }

    }

    • علی شیخ

      9 ماه پیش

      شما باید به این صورت کار کنید 

       

            <div class="container">

              <div class="container_fix">

                // Code

              </div>

              <div>

                // Code

              </div>

            </div>

       

            .container{          

              width: auto;

              background-color: $id_color;

              margin: 2rem;

              &_fix{

                height: calc(100vh - 4rem);

              }

            }

    • علی شیخ

      9 ماه پیش

      بله میتونین از mixin استفاده کنین به این صورت (include transition(all ,0.5s@ فقط یادتون باشه که در ابتدای فایل utilities.scss_ باید
      "import "functions@ قرار بدین چون توی فایل functions_ از mixin استفاده کردیم و transition را تعریف کردیم

  • mahdi zajkaniha

    در آخر آموزش که hover برای btn ها مشخص شد، ترنزیشن وجود داره؟ چون رنگ دکمه به آرامی تغییر میکنه. ولی تو scss ترنزیشینی برای اون نوشته نشده

    • علی شیخ

      9 ماه پیش

      سلام داخل فایل utilities.scss_ برای دکمه ها btn-shared% تعریف شده که داخلش transition نوشته شده و btn-shared% برای همه دکمه ها extend شده.در نتیجه برای همه دکمه ها transition وجود داره