Trang chủ | Giải Trí | WapMasTer | Share Code

Thông Báo

Ăn xong rồi thì hãy học bài hoặc dành thời gian cho gia đình và bạn bè nhé. Admin nghe giang hồ đồn nếu online TỜ RYM quá 30 phút thì đêm nay có cô gái áo trắng tình nguyện ngủ cùng bạn đó. Đừng ngồi một góc mà tự kỉ nữa!

[new] Tải App Trym Cho Android Để Đọc Truyện

Trang chủ › WapMasTer › Html Css

Tìm kiếm | Lượt xem: 4568 | Lưu Bài Viết

Code Nút Bấm Menu Góc Cực Pro

Bm_VQT

Cách đây 9 năm trước

- Code nút bấm ở góc màn nhìn khá đẹp mắt
- Demo ảnh:

Tải ảnh gốc

- Đầu tiên bạn thêm code này vào header

<section>

 

  <article>

 

 

 

 

 

 

 

         <div class="menu">

              <ul class="menu__body">

      <input id="menu--toggle"

             type="checkbox" />

 

    <!-- /#menu--toggle -->

      <label class="menu--toggle__trigger"

             for="menu--toggle"></label>

 

 

 

      <!-- /.menu--toggle__trigger -->

      <label class="menu--toggle__burger"

             for="menu--toggle"></label>

      <!-- /.menu--toggle__burger -->

 

 

      <ul class="menu__body">

 

 

        <li class="menu__body-element">

           <a class=""

             href="#"

             target="_blank">

            menu

 

          <!-- /.menu__body-link -->

        </li>

        <!-- /.menu__body-element -->

 

        <li class="menu__body-element">

          <a class=""

             href="#"

             target="_blank">

            menu

          </a>

          <!-- /.menu__body-link -->

        </li>

        <!-- /.menu__body-element -->

 

        <li class="menu__body-element">

          <a class=""

             href="#">

            menu

          </a>

          <!-- /.menu__body-link -->

        </li>

        <!-- /.menu__body-element -->

      </ul>

      <!-- /.menu__body -->

    </div>

 

 

 

  <article>

    <div class="promotion">

    </div>

    <!-- /.promotion -->

  </article>

- Sau đó thêm code này vào css nhé

<section>

 

  <article>

 

 

 

 

 

 

 

         <div class="menu">

              <ul class="menu__body">

      <input id="menu--toggle"

             type="checkbox" />

 

    <!-- /#menu--toggle -->

      <label class="menu--toggle__trigger"

             for="menu--toggle"></label>

 

 

 

      <!-- /.menu--toggle__trigger -->

      <label class="menu--toggle__burger"

             for="menu--toggle"></label>

      <!-- /.menu--toggle__burger -->

 

 

      <ul class="menu__body">

 

 

        <li class="menu__body-element">

           <a class=""

             href="#"

             target="_blank">

            menu

 

          <!-- /.menu__body-link -->

        </li>

        <!-- /.menu__body-element -->

 

        <li class="menu__body-element">

          <a class=""

             href="#"

             target="_blank">

            menu

          </a>

          <!-- /.menu__body-link -->

        </li>

        <!-- /.menu__body-element -->

 

        <li class="menu__body-element">

          <a class=""

             href="#">

            menu

          </a>

          <!-- /.menu__body-link -->

        </li>

        <!-- /.menu__body-element -->

      </ul>

      <!-- /.menu__body -->

    </div>

 

 

 

  <article>

    <div class="promotion">

    </div>

    <!-- /.promotion -->

  </article>