ae nào pro về web thì vào giúp e phát về menu

[Crazy Death]

Thấy nhiều trang web mà k biết sao mà làm dc kiểu menu thế này
Tức là như cái nút trang chủ, đang ở index.php thì nút trang chủ vẫn như đang hover, tương tự với các nút khác
Cho e hỏi cái này css và html có làm dc ko ạ?
hay phải cần tới javasc
Xin cao nhân chỉ giúp ạ :adore:
demo : http://2-style.net/CubeCart/index.php

[x-bro]

hình như cái này thiết kế tĩnh thui mà

[Crazy Death]

hình như cái này thiết kế tĩnh thui mà
Tĩnh là sao pác?
Nếu nhấn vào nút giới thiệu thì nút giới thiệu sẽ dc9 như hover và trang chủ lại bt trở lại

[Sonbt11]

Thấy nhiều trang web mà k biết sao mà làm dc kiểu menu thế này
Tức là như cái nút trang chủ, đang ở index.php thì nút trang chủ vẫn như đang hover, tương tự với các nút khác
Cho e hỏi cái này css và html có làm dc ko ạ?
hay phải cần tới javasc
Xin cao nhân chỉ giúp ạ :adore:
demo : http://2-style.net/CubeCart/index.php

Thế này nhé, đầu tiên bác phải viết cấu trúc HTML cho menu trước, ví dụ:

<ul>
<li> Trang chủ </li>
<li> Giới thiệu </li>
<li> Liên hệ </li>
</ul>


Sau đó trong css bác định nghĩa một class là .active và style cho đúng ý mình. Lúc này khi bác muốn tại trang chủ thì menu "trang chủ" có hiệu ứng như hover, bác đặt class .active vào đó


<ul>
<li> Trang chủ </li>
<li> Giới thiệu </li>
<li> Liên hệ </li>
</ul>


Tương tự cho các menu còn lại. Chúc bác làm đc hehe:D

[ban bua bai qua]

css là oki mừ :D

[Crazy Death]

Thế này nhé, đầu tiên bác phải viết cấu trúc HTML cho menu trước, ví dụ:


Sau đó trong css bác định nghĩa một class là .active và style cho đúng ý mình. Lúc này khi bác muốn tại trang chủ thì menu "trang chủ" có hiệu ứng như hover, bác đặt class .active vào đó



Tương tự cho các menu còn lại. Chúc bác làm đc hehe:D

css là oki mừ :D

Nhưng mình thấy như vậy giống web tĩnh wa'
ý pác có phải là sửa menu từng trang như index.html thì active nút trang chủ, còn about.html thì active nút gioi thiệu phải ko nhỉ?
Hay pác có thể giúp e cái demo ko :adore:

//
Ý mình là cái menu đó là 1 module riêng, xài chung cho tất cả các trang
Nó sẽ tự hiểu khi nào ở index.html thì tự động hover trang chủ và ở cai j do.html thì sẽ hover cái nút đó lên

[Sonbt11]

Nhưng mình thấy như vậy giống web tĩnh wa'
ý pác có phải là sửa menu từng trang như index.html thì active nút trang chủ, còn about.html thì active nút gioi thiệu phải ko nhỉ?
Hay pác có thể giúp e cái demo ko :adore:

//
Ý mình là cái menu đó là 1 module riêng, xài chung cho tất cả các trang
Nó sẽ tự hiểu khi nào ở index.html thì tự động hover trang chủ và ở cai j do.html thì sẽ hover cái nút đó lên

Đoạn này bác phải viết đoạn code set class cho từng menu một chứ, sao lại là tĩnh, chậc:pudency:

[decker]

CSS thì phải :D

[MrBlackStar]

CSS + JQuery . Search: Menu 3 trạng thái .

[Crazy Death]

Đoạn này bác phải viết đoạn code set class cho từng menu một chứ, sao lại là tĩnh, chậc:pudency:
Pác viết demo cho e 1 phát giùm đi :adore:
1 page index.html và 1 page about.html
menu 2 cái đó dc9 òi :adore:

[Crazy Death]

CSS + JQuery . Search: Menu 3 trạng thái .

Pác biết tut nào ko?

// Có phải pác này bên vietvbb.vn ko nhỉ?

[MrBlackStar]

Pác biết tut nào ko?

// Có phải pác này bên vietvbb.vn ko nhỉ?

http://www.izwebz.com/video-tutorials/css-html/tao-menu-ba-trang-thai/

Yes :byebye:

[Crazy Death]

http://www.izwebz.com/video-tutorials/css-html/tao-menu-ba-trang-thai/

Yes :byebye:

Thanh kiu pác
Đúng là e nó đây òi :haha:

Tết nhất sợ ae vietvbb nghỉ Tết nên k dám hỏi nên lên đây nhờ ng` :D
// m` la` eLDy k biết pác có nhớ k nhỉ :haha:
dc pác giúp vài lần òi thì phải

[MrTC]

Thế này nhé, đầu tiên bác phải viết cấu trúc HTML cho menu trước, ví dụ:


Sau đó trong css bác định nghĩa một class là .active và style cho đúng ý mình. Lúc này khi bác muốn tại trang chủ thì menu "trang chủ" có hiệu ứng như hover, bác đặt class .active vào đó



Tương tự cho các menu còn lại. Chúc bác làm đc hehe:D

cứ làm thế này là đc rồi còn gì,khi click vào các menu khác nhau thì mình có các giá trị ID hoặc "type" khác nhau tùy vào bạn đặt thế nào,nhờ vào các giá trị đó mà "if,else" gán class "active" cho cái menu vừa click chọn

[kisibachda]

View source của nó đi bạn, menu đó chỉ là HTML, CSS, JS thôi. Script này là Cube Cart, không phải web tĩnh.
http://www.noupe.com/tutorial/css3-tutorials-to-brighten-up-your-day.html (http://vozforums.com/redirect/?link=http%3A%2F%2Fwww.noupe.com%2Ftutorial%2Fcss3-tutorials-to-brighten-up-your-day.html)

http://bavotasan.com/tutorials/a-sleek-navigation-menu-with-css3/

[Crazy Death]

cứ làm thế này là đc rồi còn gì,khi click vào các menu khác nhau thì mình có các giá trị ID hoặc "type" khác nhau tùy vào bạn đặt thế nào,nhờ vào các giá trị đó mà "if,else" gán class "active" cho cái menu vừa click chọn
Yep
Cơ mà như cách bạn kia thì mình k hiểu sao mà nó hiểu đâu là index.html hay xxx.html
còn if else j chắc phải dùng đến java, mà mình thì chả biết tí sất j về java, css thì gà, nên mới nhờ ae làm demo để tự mò

View source của nó đi bạn, menu đó chỉ là HTML, CSS, JS thôi. Script này là Cube Cart, không phải web tĩnh.
http://www.noupe.com/tutorial/css3-tutorials-to-brighten-up-your-day.html (http://vozforums.com/redirect/?link=http%3A%2F%2Fwww.noupe.com%2Ftutorial%2Fcss3-tutorials-to-brighten-up-your-day.html)

http://bavotasan.com/tutorials/a-sleek-navigation-menu-with-css3/
thanks pác, nhiều menu đẹp :x

Vâng, code đó là cubecart, còn menu là html, css, js, nhưng ko hiểu sao cái code đó chỉ hoạt động dc trong các thư mục thôi, mang ra ngoài root k giữ dc hover nữa, nên mới cần ae chỉ cách nào đơn giản và hiệu quả hơn thôi.

[MrTC]

Yep
Cơ mà như cách bạn kia thì mình k hiểu sao mà nó hiểu đâu là index.html hay xxx.html
còn if else j chắc phải dùng đến java, mà mình thì chả biết tí sất j về java, css thì gà, nên mới nhờ ae làm demo để tự mò


thanks pác, nhiều menu đẹp :x

Vâng, code đó là cubecart, còn menu là html, css, js, nhưng ko hiểu sao cái code đó chỉ hoạt động dc trong các thư mục thôi, mang ra ngoài root k giữ dc hover nữa, nên mới cần ae chỉ cách nào đơn giản và hiệu quả hơn thôi.

bạn có docID để giữ focus cái menu đấy thôi,nếu có docID thì gán class active vào,không thì mặc định cho thằng home,cơ mà hình như bạn làm đc rồi

[Crazy Death]

bạn có docID để giữ focus cái menu đấy thôi,nếu có docID thì gán class active vào,không thì mặc định cho thằng home,cơ mà hình như bạn làm đc rồi

theo TUT của izweb thì mình làm dc9 òi (cog nhận TUT tiếng việt kiểu này hay và dễ hiểu wa' :beauty:)
nhưng phải định dạng id cho để xác nhận đang ở đâu, vậy sẽ bất tiện cho cái template nào dùng chung body và chỉ thay đổi content như cubecart.

Còn cái java + css + html trc' h mình xài như http://2-style.net/CubeCart/index.php bất lợi ở chỗ là mặc định trong đó là dùng button bằng hình và thay đổi bằng số thứ tự, link và width sao cho phù hợp là dc và mang ra root thì ko xài dc trạng thái thứ 3, nhưng dc cái nó hiểu là dù ở đâu, miễn đúng link của button đó thì nó sẽ hover button đó lên

Còn docID j đó cũng chỉ là link mình thêm vào thôi, focus là trạng thái con trỏ nằm trong đó thôi mà :nosebleed:

[MrBlackStar]

Jquery , cần gì phải css cho body .

[Crazy Death]

Jquery , cần gì phải css cho body .

Yep
nhưng cái tut 3 trạng thái pác gửi nó k dùng jquery mà dùng css cho body

Còn dùng jquery thì m` k biết dùng :pudency: