Banner và menu ngang sổ dọc đa cấp[✔]

[hunghsmn]

Lâu quá không biết viết gì nữa. chia sẻ cái này, ai biết rồi thì thôi, ai chưa biết thì tham khảo nhé.
1. Demo: http://www.trekhuyettat.org/h200-page

2. View Page Sourrce để lấy code

3. Chỉnh sửa code theo ý thích:
- Sửa CSS (trong thẻ style) theo ý thích
- Thay ảnh trên banner
- Thay dòng chữ đổi màu (HUNGHSMN.INFO.VN)
- Thêm, bớt menu, submenu
- Chèn link cho các menu

[Draudrey]

Nó hơi sặc sỡ bác nhỉ  1 vote.

[hunghsmn]

Nó hơi sặc sỡ bác nhỉ   1 vote.

thay hình ảnh, sửa màu sắc lại dễ mà. Cái mình tâm đắc nhất là thanh menu đa cấp, nó rất dễ sửa theo ý muốn

[CCĐN Clone]

cái thanh menu...

[hunghsmn]

cái thanh menu...

Gì vậy bạn?

[Lùn Lì Lợm]

cháu k thích cái bo tròn lắm like cho bác ạ :">

[hunghsmn]

Làm vậy cho nó điệu chút chứ mình cũng không thích.
Trong Style ở mục #nav có border-radius: xóa đi hoặc là sửa lại một số khác để co nó bo chút thôi

[BTV2]

Bác Hùng có thể làm thanh này xuất hiện ỡ tất cả nơi nào trong forum và khi kéo xuống dưới nó cũng đi theo như thanh lên xuống top bot không  

[Lùn Lì Lợm]

bỏ ra trông cũng k được đẹp

[hunghsmn]

Bác Hùng có thể làm thanh này xuất hiện ỡ tất cả nơi nào trong forum và khi kéo xuống dưới nó cũng đi theo như thanh lên xuống top bot không

Được! Chuyện đó là do position: fixed;
Trước hết bạn dùng margin để qui định khoảng cách từ thanh menu đến các cạnh của màng hình theo ý bạn, thì thuộc tính position: fixed; sẽ làm cho nó luôn ở vị trí đó dù bạn có cuộn đi đâu.

bỏ ra trông cũng k được đẹp

Thì bạn làm lại cho đẹp theo ý bạn chứ, mình làm được tấ nhưng mình đâu có biết ai thích thế nào, mỗi người mỗi ý mà. Mình thích nó vì các submenu của nó rất dễ làm, đọc code một chút là ai cũng làm được. Tha hồ thêm bớt các menu mẹ, menu con, menu cháu ... Nó phù hợp với nhưng web site có nhiều thứ để cho người dùng bấm giống như các trang báo điện tử ấy. Còn chuyện hình thức thì chỉ cần sửa lại trong syle theo ý của từng người thôi. Đây là mẫu mà

Cả hai bạn xem lại nè lại nè: http://www.trekhuyettat.org/h215-page

[Lốc]

bác cho cháu hỏi

tại sao khi áp dụng vào forum

thanh menu ngang lại bị trong suốt

và nó cũng không hiện chữ HUNGHSMN và CHÀO MỪNG BẠN GHÉ THĂM WEB SITE

demo: http://minion.forumvi.com/

[hunghsmn]

Cám ơn Lốc đã phát hiện. Không hiểu sao cái script để chạy chữ đổi màu đó có tác dụng trong trang html độc lập mà không có tác dụng trong overall_header. Thôi cái nào không xài được thì bỏ đi

[Lốc]

dạ bác

nhưng còn cái background nó bị trong suốt

[Lùn Lì Lợm]

màu trắng trong suốt trông cũng được
đổi màu chữ thành màu đen cho dễ nhìn

[Lốc]

Với cháu thấy khi áp dụng vào header thì cái phần đám mây lúc hiện lúc không với lá cờ cũng vậy

với cháu thấy cái đoạn

Code:

#nav {
   margin: 5px 5px;
    padding: 7px 6px 0;
   line-height: 100%;
    border-radius: 2em;
        width: 99%;   

nên sửa thành:

Code:

#nav {
   margin: 5px 5px;
    padding: 7px 6px 0;
   line-height: 100%;
    border-radius: 2em;
        width: 98.5%;   

nó cân hơn

[hunghsmn]

@Lốc: bạn sửa sao cho đẹp là được
Còn chuyện trong suốt thì không phải đâu. màu nền là màu này: background: #ebebeb; bạn xóa bỏ luôn dòng này đi là nó sẽ lấy màu hay ảnh nền mà bạn đã qui định trong CSS.

[hunghsmn]

Xin hỏi các bạn nào giải thích dùm tại sao script để chạy chữ đổi màu này không có tác dụng trong overall_header?

Code:

<script language="JavaScript1.2">
var chaomung="<span style='font-family: Tahoma,Times New Roman,Arial; color: #FFFFFF; font-size: 16px; text-shadow:0 1px 2px #800040;'><b> CHÀO MỪNG BẠN GHÉ THĂM WEB SITE </b> </span>"
var message='HUNGHSMN.INFO.VN'

var neonbasecolor="#FF0000"
var neontextcolor="#00FFFF"
var neontextcolor2="#0000FF"
var flashspeed=60
var flashingletters=8
var flashingletters2=25
var flashpause=0
var n=0

if (document.all||document.getElementById){
document.write('<b><font face = "Tahoma" size="3" color="#800040">')
document.write(chaomung)
document.write('</b></font>')
document.write('<br />')

document.write('<b><font face = "Tahoma" size="4" color=" '+neonbasecolor+neontextcolor2+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')

}
else
document.write(message)
function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}
function neon(){
//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
crossref(m).style.color=neonbasecolor
}
//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor
if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor
if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",flashpause)
return
}
}
function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()
</script>

[Lốc]

màu nền cháu thay rồi vẫn bị trong bác xem đi

[eC's Kois]

trẻ khuyệt tật

	Tin nhắn từ điều hành viên:
	Nhắc nhở lần 1: Đề nghị xem lại cách nói chuyện

[hunghsmn]

trẻ khuyệt tật

Có chuyện gì sao bạn ?

[eC's Kois]

k có gì

[hunghsmn]

Không hiểu nổi bạn này nói gì và cười gì. Các mod có hiểu không?

[Lốc]

@eC's Kois: não có nếp nhăn hay phẳng thế nhỉ  
nếu phẳng thì đừng nói nhé

[BTV2]

Bác Hùng có thể làm thanh này xuất hiện ỡ tất cả nơi nào trong forum và khi kéo xuống dưới nó cũng đi theo như thanh lên xuống top bot không

Được! Chuyện đó là do position: fixed;
Trước hết bạn dùng margin để qui định khoảng cách từ thanh menu đến các cạnh của màng hình theo ý bạn, thì thuộc tính position: fixed; sẽ làm cho nó luôn ở vị trí đó dù bạn có cuộn đi đâu.
Cả hai bạn xem lại nè lại nè: http://www.trekhuyettat.org/h215-page

Thank bác.  
Đẹp như mơ  

[Lốc]

chay thi

Code:

position

[Sponsored content]