Code Nút Bấm Menu Góc Cực Pro | HTML - CSS - JS | Thảo luận Wap/Web - DDVP.MOBIE.IN

Code Nút Bấm Menu Góc Cực Pro | HTML - CSS - JS | Thảo luận Wap/Web - DDVP.MOBIE.IN

Trang Chủ • Wap/Web • Xtgem Club • Media • Truyện Hay

Đăng Nhập • Đăng Kí

Home › Thảo luận Wap/Web › HTML - CSS - JS

Tìm Kiếm |

- 1

Login to reply

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

Admin
• Cấp Bậc: admin

admin

14-12-2016

- Code nút bấm ở góc màn nhìn khá đẹp mắt
- Đầ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" />

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

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

      <ul class="menu__body">

        <li class="menu__body-element">
           <a class=""
             href="#"
             target="_blank">
            menu

          
        </li>
        

        <li class="menu__body-element">
          <a class=""
             href="#"
             target="_blank">
            menu
          </a>
          
        </li>
        

        <li class="menu__body-element">
          <a class=""
             href="#">
            menu
          </a>
          
        </li>
        
      </ul>
      
    </div>

  <article>
    <div class="promotion">
    </div>
    
  </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" />

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

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

      <ul class="menu__body">

        <li class="menu__body-element">
           <a class=""
             href="#"
             target="_blank">
            menu

          
        </li>
        

        <li class="menu__body-element">
          <a class=""
             href="#"
             target="_blank">
            menu
          </a>
          
        </li>
        

        <li class="menu__body-element">
          <a class=""
             href="#">
            menu
          </a>
          
        </li>
        
      </ul>
      
    </div>

  <article>
    <div class="promotion">
    </div>
    
  </article>

- Nguồn code: phonho

Edited By : Vuonghh1998

15-12-2016

Tập tin đính kèm

code-nut-bam-menu-goc-cuc-pro-1.jpg

Tổng số: 1

- BBCode:

- Link:

CHÚ ÝNội quy forum

XtGem Forum catalog