Hỏi Tạo header như thế này

[khanhsak3r]

 

[Admin]

Em đưa mỗi cái hình, lại không có demo, anh không hiểu em hỏi cái gì :v

 

[khanhsak3r]

Em đưa mỗi cái hình, lại không có demo, anh không hiểu em hỏi cái gì :v

Thì demo như trong hình đó menu thả xuống, giống như trong hình
Link Shailan.com Resources on Wordpress and Web Design vào bằng mobile nhé

- - - - - - - - - -

Nhìn chung thì cái này e thấy toàn css là nhiều

 

[Admin]

Cái này rất đơn giản, em chỉ cần tìm hiểu dropdown menu là ra. demo thì em có thể xem trên style pc của TTIT

 

[khanhsak3r]

Cái này rất đơn giản, em chỉ cần tìm hiểu dropdown menu là ra. demo thì em có thể xem trên style pc của TTIT

E thử rồi demo thế này là e ko biết sửa sao cho vừa màn hình nữa http://mgamenet.***tgem.com

- - - - - - - - - -

Sửa dùm e cái css này nhé admin

.dropdown,
.dropdown ul,
.dropdown li,
.dropdown a {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}
 
.dropdown {
    height: 40px;
    width: 505px;
 
    background: #4c4e5a;
    background: -webkit-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: -moz-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: -o-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: -ms-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
 
.dropdown li {
    position: relative;
    list-style: none;
    float: left;
    display: block;
    height: 40px;
}
.dropdown ul {
    position: absolute;
    top: 40px;
    left: 0;
 
    opacity: 0;
    background: #1f2024;
 
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
 
    -webkit-transition: opacity .25s ease .1s;
    -moz-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
}
 
.dropdown li:hover > ul { opacity: 1; }
 
.dropdown ul li {
    height: 0;
    overflow: hidden;
    padding: 0;
 
    -webkit-transition: height .25s ease .1s;
    -moz-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
}
 
.dropdown li:hover > ul li {
    height: 36px;
    overflow: visible;
    padding: 0;
}
.dropdown li a {
    display: block;
    padding: 0 14px;
    margin: 6px 0;
    line-height: 28px;
    text-decoration: none;
 
    border-left: 1px solid #393942;
    border-right: 1px solid #4f5058;
 
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 13px;
 
    color: #f3f3f3;
    text-shadow: 1px 1px 1px rgba(0,0,0,.6);
 
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}
 
.dropdown li:first-child a { border-left: none; }
.dropdown li:last-child a{ border-right: none; }
 
.dropdown li:hover > a { color: #8fde62; }

.dropdown ul li a {
    width: 100px;
    padding: 4px 0 4px 40px;
    margin: 0;
 
    border: none;
    border-bottom: 1px solid #353539;
}
 
.dropdown ul li:last-child a { border: none; }

 

[Admin]

Em chỉnh height với width nhé
Có thể chỉnh thành phần trăm thay vì pixcels

 

[khanhsak3r]

Em chỉnh height với width nhé
Có thể chỉnh thành phần trăm thay vì pixcels

nó ở đoạn nào chứ height với weight thì nhiều lắm

 

[Admin]

nó ở đoạn nào chứ height với weight thì nhiều lắm

Thì chỗ nào nó ghi px thì em thay phần trăm vào
Cái này cũng không biết thì anh cũng đến chịu
Em nên tìm hiểu qua về css đã nhé

 

[khanhsak3r]

Thì chỗ nào nó ghi px thì em thay phần trăm vào
Cái này cũng không biết thì anh cũng đến chịu
Em nên tìm hiểu qua về css đã nhé

Css e chỉ biết sơ sơ thôi :cuoideu:

 

[khanhsak3r]

Dùng plugin cho nhanh
Xoá cái login kia đi ntn vậy anh admin