Home » » Tạo menu cố định đầu trang

Tạo menu cố định đầu trang

Chèn đoạn code dưới vào trước thẻ ]]></b:skin>

/* MENU cố định */

#menu{background-color:#3173f1;height:34px;width:100%;min-width:960px;position:fixed;top:0;left:0;z-index:9999;overflow:hidden;border-top:0 solid #9932CC;height:34px;width:100%;min-width:960;position:fixed;top:0;left:0;z-index:9999;overflow:hidden;border-bottom:2px solid #9932cc;}
#menu ul{list-style:none;margin:auto;width:960px}
#menu ul li{float:left;}
#menu ul li a{line-height:34px;padding:0 15px;color:#f0e8e5;font-size:12px;font-family:Arial;text-shadow:0px -1px 0px
#0f669f;display:block;text-decoration:none;border-right: 1px solid #1470ad;border-left:1px solid #2a88c6;}
#menu ul li a:hover{background-color:rgba(255,255,255,0.125);color:yellow;}

 
 
Vào "Bố cục".
 - Bấm tiếp "Thêm tiện ích" thêm một phần tử "HTML/JavaScript" tại một vị trí bất kỳ  -  đối với các template không phải là mặc định và ngay dưới "Tiêu đề" - đối với các template mặc định. 
 - Để trống tiêu đề và dán đoạn mã trong khung dưới đây vào phần nội dung.

<div id='menu'>
    <ul>
    <li style='border-left:1px solid rgba(30, 30, 30, 0.125);'><a href='/'><img alt='Home' border='0' src='http://2.bp.blogspot.com/-w1AaMvo5T60/Um9kCoHHOHI/AAAAAAAADvs/hQMTbkNvp0c/s1600/home_01.png' style='padding:0px;'/></a></li>
    <li><a href='LINK'>Tên menu 1</a></li>
    <li><a href='LINK'>Tên menu 2</a></li>
    <li><a href='LINK'>Tên menu 3</a></li>
    <li><a href='LINK'>Tên menu 4</a></li>
    <li><a href='LINK'>Tên menu 5</a></li>
    <li><a href='LINK'>Tên menu 6</a></li>
    <li><a href='LINK'>Tên menu 7</a></li>
    <li><a href='LINK'>Tên menu 8</a></li>
    </ul>
    </div>

0 nhận xét:

Đăng nhận xét

Liên kết

Được tạo bởi Blogger.