Sunday, December 25, 2016

Bài 4 - Hướng Dẫn Thay Đổi Menu Tùy Ý

By Unknown 8:45 AM 4 comments

Cấu trúc Menu trong Thiêt Kế HTML

<nav>
<ul>
<li> <a href="Đường dẫn 1">Tên menu 1 </a></li>
<li> <a href="Đường dẫn 2">Tên menu 2 </a></li>
<li> <a href="Đường dẫn 3">Tên menu 3 </a></li>
<li> <a href="Đường dẫn 4">Tên menu 4 </a></li>
<li> <a href="Đường dẫn 5">Tên menu 5 </a></li>
</ul>
</nav>

B1: Khai báo Font icon chơ Website

 Chèn link vào trong cặp <head> LINK </head>
 <link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/> 

B2: Tìm và thay đổi Font chữ:

- Ctrl + F tìm: [class^="li_"]:before, [class*=" li_"]:before
-  font-family: 'linecons';  => Thay: font-family: 'FontAwesome';

B3: Chọn mẫu icon thích hợp

B4: Tìm đến vị trí Icon (hình ảnh)  và thay vào và xem kết quả

Dowload Tài liệu gồm Powerpoint và Code Menu tại đây

4 comments:

  1. UnknownJanuary 30, 2017 at 4:30 AM

    Such very good information. Thank you for your sites for proving such kinds of good information.
    AP Postal Circle Answer Key 2017

    ReplyDelete
  2. UnknownJanuary 30, 2017 at 4:33 AM

    Really this is very good detail sharing with us. Thanks lot. GPAT Answer key 2017

    ReplyDelete
  3. UnknownFebruary 1, 2017 at 3:56 AM

    Such very good article. Thank you for your sites for proving such kinds of good information.
    Assam board HSLC result 2017

    ReplyDelete
  4. UnknownFebruary 1, 2017 at 4:01 AM

    Thanks for such very nice detail. This is the best sites for proving such kinds of good information. AP 10th board result 2017: AP 10th Class Score card

    ReplyDelete