[Thắc Mắc] Làm hover cho thanh navbar

[A Đẹp Zai]

Như tiêu đề, m muốn lắm cái hover cho thanh navbar, vd như khi rê chuột tới màu nó nỗi lên á

demo như vầy nek :

[HoàngTửNaivip5p]

Xin cái link demo trang đó bạn

[Kid Knight]

cái đó giống của punbb mà bạn

[A Đẹp Zai]

Xin cái link demo trang đó bạn

m k có link forum đó bạn ơi, m dag dùng phpbb2, chỉ muốn làm giống navlink của punbb á, nhưng k biết làm cho phpbb2, lấy ý tưởng từ cái này http://zone-a7.forumvi.com/t185-topic nhưng punbb, ở bước Slide - Dạng trượt theo thanh cuộn á

[HoàngTửNaivip5p]

Nếu là hover thì nó đây

Code:

#pun-navlinks a:active,#pun-navlinks a:focus,#pun-navlinks a:hover{background-color:rgba(0,0,0,0.2);background-image:url(http://i40.servimg.com/u/f40/17/10/12/79/76120810.gif);color:#FFF;text-decoration:none;text-shadow:0 0 4px rgba(255,255,255,0.7);padding:12px 14px 10px}

[A Đẹp Zai]

PHPBB2 mờ bạn

[HoàngTửNaivip5p]

@@ Bạn bảo là hover thì mình đã cho rồi.....còn phpbb2 muốn sử dụng thì xóa class của punbb đi rồi lắp class của phpbb2 vào là dùng được thôi mà

[A Đẹp Zai]

đâu phải thủ công hay liên quan tới teample đâu mà class

theo cậu thì punbb là #pun-navlinks, còn phpbb2 là gì

[HoàngTửNaivip5p]

@@ Ko class thì lấy cái gì mà hiển thị nav hả bạn?
Bạn làm được nav cho phpbb2 rồi thì tìm class thích hợp thay vào thôi, còn bắt người ta tìm class hộ nữa á

[A Đẹp Zai]

thế thì làm thủ công rồi còn gì @@

m thấy ng ta chỉ cần css và js thôi còn gì

[ligerv]

Cho cái link forum phpBB2 bạn muốn làm thanh navbar

[A Đẹp Zai]

Cho cái link forum phpBB2 bạn muốn làm thanh navbar

k có cậu , lấy ý tưởng giống navlink của punbb thôi

[Kid Knight]

bước 1 như Htn~ hướng dẫn

bước 2 vào head tìm {GENERATED_NAV_BAR}

thay thành <div id="pun-navlinks">{GENERATED_NAV_BAR}</div>

bỏ bước này nếu ver forum cậu là punbb

[ligerv]

Thế thì chịu .nếu bạn sử dụng skin có edit temp thì mỗi skin mỗi khác . nếu skin mặc định thì à như dưới đây

Vào over header tìm :

Code:

<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>
            </table>

Sửa thành :

Code:

<div id="lnavbar">
            <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>
            </table>

                          </div>

Cho vào CSS :

Code:

#lnavbar {
position: fixed;
top: 0;
left: 0;
height: 40px;
right: 0;
width: 100%;
background: #333;
}#lnavbar .mainmenu {
display: inline-block;
padding: 0 4px;
color: #fff;
font: bold 12px/40px arial,sans-serif;
}#lnavbar .mainmenu:hover {
background: rgba(255, 255, 255, 0.12);
}

mình chỉ làm kiểu hover như bạn nói , còn màu nền hay tinh chình gì thì bạn sửa trong đoạn CSS nhá.

[Kid Knight]

bỏ đoạn position: fixed đi

nếu k là đi đâu nó cũng theo á

[ligerv]

bỏ đoạn position: fixed đi

nếu k là đi đâu nó cũng theo á

..... nhưng punbb, ở bước Slide - Dạng trượt theo thanh cuộn á

[Kid Knight]

à k để ý tới chỗ đó

[kid1412]

hề , Techology Chicken có lúc không để ý nhể?

[Sponsored content]