80s toys - Atari. I still have

TRYM.CF

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!3:)
[new] Tải App Trym Cho Android Để Đọc Truyện
Trang chủWapMasTerHtml 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

Admin* Bm_VQT *
Cách đây 9 năm trước
- Code nút bấm ở góc màn nhìn khá đẹp mắt
- Demo ảnh:
Code Nút Bấm Menu Góc Cực Pro
Tải ảnh gốc
- Đầu tiên bạ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 nà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>

Nguồn code: phonho
Chia sẻ bài viết ???
- Chia sẻ:G  T  Z
BBCode:

Link:
+ Còn “nhiều” Lắm!
Bạn đã xem chưa?
Trang Chủ[1-4568]
Tao.Rất.Yêu.Mày