Người đăng:
vuongsungdong
0
nhận xét
Read More
Thứ Sáu, 29 tháng 4, 2011
Thứ Năm, 28 tháng 4, 2011
Wo shi bu shi gai an jing de zou kai (Có phải anh nên im lặng mà bước đi)
[ti: 我是不是该安静的走开 - Wo Shi Bu Shi Gai An Jing De Zou Kai ]
[ar: 黎明 - Li Ming ]
我 不 知 道 为 甚 麽 这 样
Wo Bu Zhi Dao Wei Shen Me Zhe Yang
爱 情 不 是 我 想 像
Ai Qing Bu Shi Wo Xiang Xiang
就 是 找 不 到 往 你 的 方 向
Jiu Shi Zhao Bu Dao Wang Ni De Fang Xiang
更 别 说 怎 麽 遗 忘
Geng Bie Shuo Zen Me Yi Wang
Repeat
站 在 雨 里 泪 水 在 眼 底
Zhan Zai Yu Li Lei Shui Zai Yan Di
不 知 该 往 那 里 去
Bu Zhi Gai Wang Na Li Qu
心 中 千 万 遍 不 停 呼 唤 你
Xin Zhong Qian Wan Bian Bu Ting Hu Huan Ni
不 停 疯 狂 找 寻 你
Bu Ting Feng Kuang Zhao Xun Ni
Chorus
我 是 不 是 该 安 静 的 走 开
Wo Shi Bu Shi Gai An Jing De Zou Kai
还 是 该 勇 敢 留 下 来
Hai Shi Gai Yong Gan Liu Xia Lai
我 也 不 知 道 那 麽 多 无 奈
Wo Ye Bu Zhi Dao Na Me Duo Wu Nai
可 不 可 以 都 重 来
Ke Bu Ke Yi Dou Chong Lai
我 是 不 是 该 安 静 的 走 开
Wo Shi Bu Shi Gai An Jing De Zou Kai
还 是 该 在 这 里 等 待
Hai Shi Gai Zai Zhe Li Deng Dai
等 你 明 白 我 给 你 的 爱
Deng Ni Ming Bai Wo Gei Ni De Ai
永 远 都 不 能 走 开
Yong Yuan Dou Bu Neng Zou Kai
Repeat (x1)
Chorus (x2)
[ar: 黎明 - Li Ming ]
我 不 知 道 为 甚 麽 这 样
Wo Bu Zhi Dao Wei Shen Me Zhe Yang
爱 情 不 是 我 想 像
Ai Qing Bu Shi Wo Xiang Xiang
就 是 找 不 到 往 你 的 方 向
Jiu Shi Zhao Bu Dao Wang Ni De Fang Xiang
更 别 说 怎 麽 遗 忘
Geng Bie Shuo Zen Me Yi Wang
Repeat
站 在 雨 里 泪 水 在 眼 底
Zhan Zai Yu Li Lei Shui Zai Yan Di
不 知 该 往 那 里 去
Bu Zhi Gai Wang Na Li Qu
心 中 千 万 遍 不 停 呼 唤 你
Xin Zhong Qian Wan Bian Bu Ting Hu Huan Ni
不 停 疯 狂 找 寻 你
Bu Ting Feng Kuang Zhao Xun Ni
Chorus
我 是 不 是 该 安 静 的 走 开
Wo Shi Bu Shi Gai An Jing De Zou Kai
还 是 该 勇 敢 留 下 来
Hai Shi Gai Yong Gan Liu Xia Lai
我 也 不 知 道 那 麽 多 无 奈
Wo Ye Bu Zhi Dao Na Me Duo Wu Nai
可 不 可 以 都 重 来
Ke Bu Ke Yi Dou Chong Lai
我 是 不 是 该 安 静 的 走 开
Wo Shi Bu Shi Gai An Jing De Zou Kai
还 是 该 在 这 里 等 待
Hai Shi Gai Zai Zhe Li Deng Dai
等 你 明 白 我 给 你 的 爱
Deng Ni Ming Bai Wo Gei Ni De Ai
永 远 都 不 能 走 开
Yong Yuan Dou Bu Neng Zou Kai
Repeat (x1)
Chorus (x2)
Người đăng:
vuongsungdong
0
nhận xét
Read More
Thứ Tư, 27 tháng 4, 2011
tian long ba bu
如是我闻,仰慕比暗恋还苦,
Ru shi wo wen, yang mu bi an lian hai ku,
我走你的路,男儿泪,女儿哭,
Wo zou ni de lu, nan'r lei nu'r ku,
我是你执迷的信徒,你是我的坟墓,
Wo shi ni zhi mi de xin tu, ni shi wo de fen mu,
入死出生由你做主.
Ru si chu sheng you ni zuo zhu,
你给我保护,我还你祝福.
Ni gei wo bao hu wo huan ni zhu fu,
你英雄好汉,需要抱负,
Ni ying xiong hao han xu yao bao fu,
可你欠我幸福,拿什么来弥补,
Ke ni qian wo xing fu, na shen me lai mi bu,
难道爱比恨更难寬恕
Nan dao ai bi hen geng nan kuan shu
如是我闻,爱本是恨的来处,
Ru shi wo wen, ai ben shi hen de lai chu,
胡汉不归路,一个输,一个苦,
Hu han bu gui lu, yi ge shu, yi ge ku,
宁愿你恨得糊涂,中了爱的迷毒,
Ning yuan ni hen de hu tu, zhong le ai de mi du,
一面满足,一面残酷.
Yi mian man zu, yi mian can ku,
你给我保护我还你祝福,
Ni gei wo bao hu wo hai ni zhu fu,
你英雄好汉需要抱负,
Ni ying xiong hao han xu yao bao fu,
可你欠我幸福,拿什么来弥补,
Ke ni qian wo xing fu, na shen me lai mi bu,
难道爱比恨更难寬恕
Nan dao ai bi hen geng nan kuan shu.
爱比恨更难寬恕
Ai bi hen geng nan kuan shu.
Ru shi wo wen, yang mu bi an lian hai ku,
我走你的路,男儿泪,女儿哭,
Wo zou ni de lu, nan'r lei nu'r ku,
我是你执迷的信徒,你是我的坟墓,
Wo shi ni zhi mi de xin tu, ni shi wo de fen mu,
入死出生由你做主.
Ru si chu sheng you ni zuo zhu,
你给我保护,我还你祝福.
Ni gei wo bao hu wo huan ni zhu fu,
你英雄好汉,需要抱负,
Ni ying xiong hao han xu yao bao fu,
可你欠我幸福,拿什么来弥补,
Ke ni qian wo xing fu, na shen me lai mi bu,
难道爱比恨更难寬恕
Nan dao ai bi hen geng nan kuan shu
如是我闻,爱本是恨的来处,
Ru shi wo wen, ai ben shi hen de lai chu,
胡汉不归路,一个输,一个苦,
Hu han bu gui lu, yi ge shu, yi ge ku,
宁愿你恨得糊涂,中了爱的迷毒,
Ning yuan ni hen de hu tu, zhong le ai de mi du,
一面满足,一面残酷.
Yi mian man zu, yi mian can ku,
你给我保护我还你祝福,
Ni gei wo bao hu wo hai ni zhu fu,
你英雄好汉需要抱负,
Ni ying xiong hao han xu yao bao fu,
可你欠我幸福,拿什么来弥补,
Ke ni qian wo xing fu, na shen me lai mi bu,
难道爱比恨更难寬恕
Nan dao ai bi hen geng nan kuan shu.
爱比恨更难寬恕
Ai bi hen geng nan kuan shu.
Người đăng:
vuongsungdong
0
nhận xét
Read More
Chủ Nhật, 17 tháng 4, 2011
Trouble Is A Friend
Trouble will find you no mater where you go, oh oh.
No Matter if you're fast no matter if you're slow, oh oh.
The eye of the storm and the cry in the morn, oh oh.
Your fine for a while but then start to loose control.
Chorus 1:
He's there in the dark,
he's there in my heart,
he waits in the winds
he's gotta play a part.
Trouble is a friend,
yeah trouble is a friend of mine. oh oh!
Trouble is a friend but trouble is a foe, oh oh.
And no matter what I feed him he always seems to grow, oh oh.
He sees what I see and he knows what I know, oh oh.
So don't forget as you ease on down the road.
Chorus 1
Chorus 2:
So don't be alarmed if he takes you by the arm.
I won't let him win, but im a sucker for his charm.
Trouble is a friend,
yeah trouble is a friend of mine. Oh oh!
Oh how I hate the way he makes me feel.
And how I try to make him leave; I try.
Oh Oh I try!
No Matter if you're fast no matter if you're slow, oh oh.
The eye of the storm and the cry in the morn, oh oh.
Your fine for a while but then start to loose control.
Chorus 1:
He's there in the dark,
he's there in my heart,
he waits in the winds
he's gotta play a part.
Trouble is a friend,
yeah trouble is a friend of mine. oh oh!
Trouble is a friend but trouble is a foe, oh oh.
And no matter what I feed him he always seems to grow, oh oh.
He sees what I see and he knows what I know, oh oh.
So don't forget as you ease on down the road.
Chorus 1
Chorus 2:
So don't be alarmed if he takes you by the arm.
I won't let him win, but im a sucker for his charm.
Trouble is a friend,
yeah trouble is a friend of mine. Oh oh!
Oh how I hate the way he makes me feel.
And how I try to make him leave; I try.
Oh Oh I try!
Người đăng:
vuongsungdong
0
nhận xét
Read More
Sao anh nỡ đành quên
Sao anh nỡ đành quên bao lời tha thiết mong chờ
Sao anh nỡ đành quên chuyện tình đẹp như ước mơ
Sao anh nỡ đành quên áng mây chiều nghiêng nghiêng bóng
Những con đường quen lối đi rồi nay nằm yên đó
Sao anh nỡ đành quên kỷ niệm chan chứa êm đềm
Sao anh nỡ đành quên cho lòng này đau xót thêm
Sao anh nỡ đành quên lúc đi về ai đưa đón
Những khi buồn ai đến thăm còn đâu nữa mà mong
Nỡ đành quên sao anh, dư âm ngày xưa còn đó
Thời gian không làm sao xóa bao lần tay xiết trong tay
Nhìn anh em khẽ bảo, anh đừng xa vắng em
Sao anh nỡ đành quên kỷ niệm xưa buổi ban đầu
Sao anh nỡ đành quên khi tình em đã trót trao
Anh ơi nếu một mai có ai hỏi người tên ấy
Biết nói gì đây hỡi anh
Mà anh nỡ đành quên
Sao anh nỡ đành quên chuyện tình đẹp như ước mơ
Sao anh nỡ đành quên áng mây chiều nghiêng nghiêng bóng
Những con đường quen lối đi rồi nay nằm yên đó
Sao anh nỡ đành quên kỷ niệm chan chứa êm đềm
Sao anh nỡ đành quên cho lòng này đau xót thêm
Sao anh nỡ đành quên lúc đi về ai đưa đón
Những khi buồn ai đến thăm còn đâu nữa mà mong
Nỡ đành quên sao anh, dư âm ngày xưa còn đó
Thời gian không làm sao xóa bao lần tay xiết trong tay
Nhìn anh em khẽ bảo, anh đừng xa vắng em
Sao anh nỡ đành quên kỷ niệm xưa buổi ban đầu
Sao anh nỡ đành quên khi tình em đã trót trao
Anh ơi nếu một mai có ai hỏi người tên ấy
Biết nói gì đây hỡi anh
Mà anh nỡ đành quên
Người đăng:
vuongsungdong
0
nhận xét
Read More
Bờ Bến Yêu Thương
Từng đêm em mơ mơ có anh bên đời dù ta đang cách hai phương trời
Từng đêm em mơ những chiếc hôn ấm nồng và vòng tay ấp ôm của anh
Anh yêu dấu hỡi em đang bối rối vì tim em đã thuộc về anh
Anh yêu dấu hỡi xin anh hãy hứa tình đôi ta mãi không phai nhòa
Từng đêm em mơ những chiếc hôn ấm nồng và vòng tay ấp ôm của anh
Anh yêu dấu hỡi em đang bối rối vì tim em đã thuộc về anh
Anh yêu dấu hỡi xin anh hãy hứa tình đôi ta mãi không phai nhòa
Giờ đây em chỉ biết mong anh nhớ anh
Từng dòng thư xanh đầy ấp yêu thương khát khao
Dù tình đôi ta còn lắm ưu tư muộn phiền nhưng đôi tim đã hòa chung nhịp yêu thương
Thuyền tình đôi ta còn trôi lênh đênh giữa dòng
Đừng buồn nghe anh và hãy luôn luôn mãi tin
Rồi ngày mai đây bờ bến yêu thương ngọt ngào
Sẽ chào đón đôi ta trở về
Tung dem em mo mo co anh ben doi du ta dang cach hai phuong troi
Tung dem em mo nhung chiec hon am nong va vong tay ap om cua anh
Anh yeu dau hoi em dang boi roi vi tim em da thuoc ve anh
Anh yeu dau hoi xin anh hay hua tinh doi ta mai khong phai nhoa
Gio day em chi biet mong anh nho anh
Tung dong thu xanh day ap yeu thuong khat khao
Du tinh doi ta con lam uu tu muon phien nhung doi tim da hoa chung nhip yeu thuong
Thuyen tinh doi ta con troi lenh denh giua dong
dung buon nghe anh va hay luon luon mai tin
Roi ngay mai day bo ben yeu thuong ngot ngao
Se chao don doi ta tro ve
Tung dem em mo nhung chiec hon am nong va vong tay ap om cua anh
Anh yeu dau hoi em dang boi roi vi tim em da thuoc ve anh
Anh yeu dau hoi xin anh hay hua tinh doi ta mai khong phai nhoa
Gio day em chi biet mong anh nho anh
Tung dong thu xanh day ap yeu thuong khat khao
Du tinh doi ta con lam uu tu muon phien nhung doi tim da hoa chung nhip yeu thuong
Thuyen tinh doi ta con troi lenh denh giua dong
dung buon nghe anh va hay luon luon mai tin
Roi ngay mai day bo ben yeu thuong ngot ngao
Se chao don doi ta tro ve
Người đăng:
vuongsungdong
0
nhận xét
Read More
Đa tạ
Tôi xin đa tạ ngày nao súng phải thẹn thùng,
Ngày nao súng phải lạnh lùng.
Nắng hạ vàng rưng rưng mây trắng
Ôi mây xõa tóc nghiêng nghiêng.
Xin đa tạ người em bé bỏng mặn mà,
Người em bé bỏng thật thà.
Nắng hạ vàng rơi phủ bờ vai.
Lời ai ru gió hiu hiu buồn.
Tôi xin đa tạ lời ca tiếng ru ru mềm,
Lời ca tiếng ru êm đềm
Ôi lời ca đã xua chinh chiến
Ru chim trắng trắng tung bay.
Xin đa tạ giòng máu thắm đỏ ruộng cây,
Giòng máu vẫn chảy miệt mài
Xin lời ru xua hãi hùng đi.
Lời ai ru gió hiu hiu buồn.
(Lời 2)
Tôi xin đa tạ mồ hôi nhỏ giọt dầm dề
Mồ hôi nhỏ giọt tràn trề
Trên đồng sâu hay trên ruộng lúa
Xanh thăm thẳm mắt em thơ
Xin đa tạ lời ca ấp ủ vỗ về
Lời ru ấp ủ não nề
Nắng hạ vàng rơi phủ bờ vai
Lời ai ru gió hiu hiu buồn.
Tôi xin đa tạ lời ca lời ca đã xua bạo tàn
Lời ru đã xua phũ phàng
Nắng hạ vàng rưng rưng mây trắng
Ôi mây xõa tóc nghiêng nghiêng.
Xin đa tạ ngày nao súng phải thẹn thùng
ngày nao súng phải lạnh lùng.
Xin lời ru xưa hãi hùng đi.
Lời ai ru gió hiu hiu buồn
Ngày nao súng phải lạnh lùng.
Nắng hạ vàng rưng rưng mây trắng
Ôi mây xõa tóc nghiêng nghiêng.
Xin đa tạ người em bé bỏng mặn mà,
Người em bé bỏng thật thà.
Nắng hạ vàng rơi phủ bờ vai.
Lời ai ru gió hiu hiu buồn.
Tôi xin đa tạ lời ca tiếng ru ru mềm,
Lời ca tiếng ru êm đềm
Ôi lời ca đã xua chinh chiến
Ru chim trắng trắng tung bay.
Xin đa tạ giòng máu thắm đỏ ruộng cây,
Giòng máu vẫn chảy miệt mài
Xin lời ru xua hãi hùng đi.
Lời ai ru gió hiu hiu buồn.
(Lời 2)
Tôi xin đa tạ mồ hôi nhỏ giọt dầm dề
Mồ hôi nhỏ giọt tràn trề
Trên đồng sâu hay trên ruộng lúa
Xanh thăm thẳm mắt em thơ
Xin đa tạ lời ca ấp ủ vỗ về
Lời ru ấp ủ não nề
Nắng hạ vàng rơi phủ bờ vai
Lời ai ru gió hiu hiu buồn.
Tôi xin đa tạ lời ca lời ca đã xua bạo tàn
Lời ru đã xua phũ phàng
Nắng hạ vàng rưng rưng mây trắng
Ôi mây xõa tóc nghiêng nghiêng.
Xin đa tạ ngày nao súng phải thẹn thùng
ngày nao súng phải lạnh lùng.
Xin lời ru xưa hãi hùng đi.
Lời ai ru gió hiu hiu buồn
Người đăng:
vuongsungdong
0
nhận xét
Read More
[Blogspot] – Tạo menu giống trang Tuổi Trẻ
Hôm nay mình lại tiếp tục giới thiệu cho các bạn thêm 1 style Menu mới nữa, đó là 1 style menu giống như trang Tuổi Trẻ. Style menu này cũng tương tự như trang VnExpress, như nó có thêm chức năng sổ dọc ở các menu con khi ta rê chuột vào.Xem demo : LIVE DEMO
Hình ảnh minh họa :

☼ Các bước thực hiện:
1. Vào bố cục
2. Vào chỉnh sửa code HTML
3. Chèn đọa code CSS bên dưới vào trước thẻ đóng </head>
// Code CSS
<style type=”text/css”>
a {
text-decoration:none;
}
ul {
margin: 0;
padding: 0;
list-style-type: none;
}
<style type=”text/css”>
a {
text-decoration:none;
}
ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#navigation
{
position: relative;
width :100%;
height: 47px;
float:left;
line-height:normal;
list-style-type:none ;
padding:0;
display :inline ;
background-color : #ddd;
}
#navigation li{
display:inline;
margin:0;
padding:0;
float: left;
height: 15px;
cursor:hand;
}
{
position: relative;
width :100%;
height: 47px;
float:left;
line-height:normal;
list-style-type:none ;
padding:0;
display :inline ;
background-color : #ddd;
}
#navigation li{
display:inline;
margin:0;
padding:0;
float: left;
height: 15px;
cursor:hand;
}
/*——-Menu Chính————*/
/*- li -> div -*/
#navigation li div
{
float: left;
height :22px;
width: auto;
display: inline;
color: #696969;
cursor:hand ;
font-family :Tahoma ;
font-size :12px;
font-weight :bold ;
background:#ddd;
}
#navigation li:hover div ,
#navigation li.hover div
{
color: white;
cursor: hand;
background: transparent ;
background-color :#0a65a8;
}
#navigation li:Visited div ,
#navigation li.Visited div
{
background: transparent ;
background-color :#0a65a8;
color: White;
}
/*- li -> div -*/
#navigation li div
{
float: left;
height :22px;
width: auto;
display: inline;
color: #696969;
cursor:hand ;
font-family :Tahoma ;
font-size :12px;
font-weight :bold ;
background:#ddd;
}
#navigation li:hover div ,
#navigation li.hover div
{
color: white;
cursor: hand;
background: transparent ;
background-color :#0a65a8;
}
#navigation li:Visited div ,
#navigation li.Visited div
{
background: transparent ;
background-color :#0a65a8;
color: White;
}
/*- li -> div -> a -*/
#navigation li div a
{
color: #696969;
font-family :Tahoma ;
font-size :12px;
font-weight :bold ;
}
#navigation li:hover div a,
#navigation li.hover div a
{
color: White;
}
#navigation li:Visited div a,
#navigation li.Visited div a
{
color: White;
}
#navigation li div a
{
color: #696969;
font-family :Tahoma ;
font-size :12px;
font-weight :bold ;
}
#navigation li:hover div a,
#navigation li.hover div a
{
color: White;
}
#navigation li:Visited div a,
#navigation li.Visited div a
{
color: White;
}
/*———–Menu phụ (sub)————*/
/*— subsection rollovers —*/
/*- li -> ul -*/
/*- turn off subesection by default -*/
/*— subsection rollovers —*/
/*- li -> ul -*/
/*- turn off subesection by default -*/
#navigation li ul
{
display: none;
position: absolute;
top: 22px;
left: 0;
height :21px;
width :800px;
background:#3287C2;
border-bottom :solid 1px #747474;
}
#navigation li:hover ul,
#navigation li.hover ul
{
display:block ;
z-index: 1000;
}
#navigation li:Visited ul,
#navigation li.Visited ul {
display: block;
z-index: 1000;
}
{
display: none;
position: absolute;
top: 22px;
left: 0;
height :21px;
width :800px;
background:#3287C2;
border-bottom :solid 1px #747474;
}
#navigation li:hover ul,
#navigation li.hover ul
{
display:block ;
z-index: 1000;
}
#navigation li:Visited ul,
#navigation li.Visited ul {
display: block;
z-index: 1000;
}
/*- li -> lu -> span -*/
/*- subsection rollovers -*/
/*- subsection rollovers -*/
#navigation li ul span
{
height :23px;
width :auto ;
}
{
height :23px;
width :auto ;
}
/*- li -> lu -> span -> li -*/
/*- for all links in the list -*/
#navigation li ul span li
{
display :inline ;
height :23px;
background-color: Transparent;
}
/*- for all links in the list -*/
#navigation li ul span li
{
display :inline ;
height :23px;
background-color: Transparent;
}
/*- li -> ul -> span -> li -> a -*/
#navigation li ul span li a
{
float:left ;
cursor: hand;
color :#e8e8e8;
font-family :Tahoma ;
font-size :11.5px;
padding :3px 5px 0px 9px;
}
#navigation li ul span li:hover a,
#navigation li ul span li.hover a
{
text-decoration :none;
color :White;
font-weight:bold;
}
#navigation li ul span li:Visited a,
#navigation li ul span li.Visited a
{
text-decoration :none;
color :#FFFFFF;
font-weight:bold;
}
#navigation li ul span li a:hover,
#navigation li ul span li a.hover
{
text-decoration :none;
color :White;
font-weight:bold;
#navigation li ul span li a
{
float:left ;
cursor: hand;
color :#e8e8e8;
font-family :Tahoma ;
font-size :11.5px;
padding :3px 5px 0px 9px;
}
#navigation li ul span li:hover a,
#navigation li ul span li.hover a
{
text-decoration :none;
color :White;
font-weight:bold;
}
#navigation li ul span li:Visited a,
#navigation li ul span li.Visited a
{
text-decoration :none;
color :#FFFFFF;
font-weight:bold;
}
#navigation li ul span li a:hover,
#navigation li ul span li a.hover
{
text-decoration :none;
color :White;
font-weight:bold;
}
/*————–SubMenu sổ dọc————–*/
#dropmenudiv
{
position:absolute;
border-bottom-width: 0;
line-height:16px;
z-index:10000;
top :45px;
}
#dropmenudiv a
{
width :auto ;
display: block;
text-indent: 10px;
border-bottom: 1px solid #dddddd;
padding: 3px;
text-decoration: none;
color :#e8e8e8;
font-family :Tahoma;
font-size :11.5px;
}
#dropmenudiv a:hover
{
/*hover background color*/
background-color:#38A3EE;
text-decoration :none;
color :White;
font-weight:bold;
}
#dropmenudiv
{
position:absolute;
border-bottom-width: 0;
line-height:16px;
z-index:10000;
top :45px;
}
#dropmenudiv a
{
width :auto ;
display: block;
text-indent: 10px;
border-bottom: 1px solid #dddddd;
padding: 3px;
text-decoration: none;
color :#e8e8e8;
font-family :Tahoma;
font-size :11.5px;
}
#dropmenudiv a:hover
{
/*hover background color*/
background-color:#38A3EE;
text-decoration :none;
color :White;
font-weight:bold;
}
</style>
// Code JS
<script type=”text/javascript” language=”javascript”>
var LineItems11=new Array()
var LineItems12=new Array()
LineItems12[0]=’<a href=Link1.2.1>SubMenu 1.2.1</a>’
LineItems12[1]=’<a href=Link1.2.2>SubMenu 1.2.2</a>’
LineItems12[2]=’<a href=Link1.2.3>SubMenu 1.2.3</a>’
var LineItems13=new Array()
LineItems13[0]=’<a href=Link1.3.1>SubMenu 1.3.1</a>’
LineItems13[1]=’<a href=Link1.3.1>SubMenu 1.3.2</a>’
LineItems13[2]=’<a href=Link1.3.1>SubMenu 1.3.3</a>’
var LineItems21=new Array()
var LineItems22=new Array()
<script type=”text/javascript” language=”javascript”>
var LineItems11=new Array()
var LineItems12=new Array()
LineItems12[0]=’<a href=Link1.2.1>SubMenu 1.2.1</a>’
LineItems12[1]=’<a href=Link1.2.2>SubMenu 1.2.2</a>’
LineItems12[2]=’<a href=Link1.2.3>SubMenu 1.2.3</a>’
var LineItems13=new Array()
LineItems13[0]=’<a href=Link1.3.1>SubMenu 1.3.1</a>’
LineItems13[1]=’<a href=Link1.3.1>SubMenu 1.3.2</a>’
LineItems13[2]=’<a href=Link1.3.1>SubMenu 1.3.3</a>’
var LineItems21=new Array()
var LineItems22=new Array()
var LineItems31=new Array()
LineItems31[0]=’<a href=Link3.1.1>SubMenu 3.1.1</a>’
LineItems31[1]=’<a href=Link3.1.2>SubMenu 3.1.2</a>’
LineItems31[2]=’<a href=Link3.1.3>SubMenu 3.1.3</a>’
var LineItems32=new Array()
LineItems32[0]=’<a href=Link3.2.1>SubMenu 3.2.1</a>’
LineItems32[1]=’<a href=Link3.2.2>SubMenu 3.2.2</a>’
LineItems32[2]=’<a href=Link3.2.3>SubMenu 3.2.3</a>’
LineItems31[0]=’<a href=Link3.1.1>SubMenu 3.1.1</a>’
LineItems31[1]=’<a href=Link3.1.2>SubMenu 3.1.2</a>’
LineItems31[2]=’<a href=Link3.1.3>SubMenu 3.1.3</a>’
var LineItems32=new Array()
LineItems32[0]=’<a href=Link3.2.1>SubMenu 3.2.1</a>’
LineItems32[1]=’<a href=Link3.2.2>SubMenu 3.2.2</a>’
LineItems32[2]=’<a href=Link3.2.3>SubMenu 3.2.3</a>’
var LineItems41=new Array()
var LineItems42=new Array()
LineItems42[0]=’<a href=Link4.2.1>SubMenu 4.2.1</a>’
LineItems42[1]=’<a href=Link4.2.2>SubMenu 4.2.2</a>’
LineItems42[2]=’<a href=Link4.2.3>SubMenu 4.2.3</a>’
var LineItems42=new Array()
LineItems42[0]=’<a href=Link4.2.1>SubMenu 4.2.1</a>’
LineItems42[1]=’<a href=Link4.2.2>SubMenu 4.2.2</a>’
LineItems42[2]=’<a href=Link4.2.3>SubMenu 4.2.3</a>’
var ChannelIDSelect=new Array()
</script>
- Đoạn code JS trên là để tạo các menu sổ dọc cho các SubMenu.
- Mình sẽ đặt quy tắc đặt tên cho các mảng để các bạn dễ hình dung và không bị nhầm lẫn :
+ Các SubMenu ta sẽ đặt từ 1–>10…
+ Ví dụ : SubMenu của menu chính thứ nhất sẽ là 11 (số 1 đầu tiên là menu chính, số 1 thứ 2 là Submenu), ví dụ menu chính thứ 1 có 5 submenu thì ta sẽ đặt tên như sau : 11, 12, 13, 14, 15 . Nếu menu 1 có trên 10 submenu thì ta cứ tuần tự thêm vào, ví dụ 110, 111, 112…
+ Mỗi Submenu sẽ là 1 mảng, và các menu sổ dọc ở mỗi submenu sẽ là 1 phần tử của mảng. Ví dụ submenu42 có 3 menu con sổ dọc xuống, thì phần tử trong mảngsubmenu42 sẽ là 3 (như trong code mẫu)
- Mình sẽ đặt quy tắc đặt tên cho các mảng để các bạn dễ hình dung và không bị nhầm lẫn :
+ Các SubMenu ta sẽ đặt từ 1–>10…
+ Ví dụ : SubMenu của menu chính thứ nhất sẽ là 11 (số 1 đầu tiên là menu chính, số 1 thứ 2 là Submenu), ví dụ menu chính thứ 1 có 5 submenu thì ta sẽ đặt tên như sau : 11, 12, 13, 14, 15 . Nếu menu 1 có trên 10 submenu thì ta cứ tuần tự thêm vào, ví dụ 110, 111, 112…
+ Mỗi Submenu sẽ là 1 mảng, và các menu sổ dọc ở mỗi submenu sẽ là 1 phần tử của mảng. Ví dụ submenu42 có 3 menu con sổ dọc xuống, thì phần tử trong mảngsubmenu42 sẽ là 3 (như trong code mẫu)
- Lưu ý : các tên của các submenu này sẽ được dùng cho code HTML ở bước sau, vì thế khi thêm bớt menu ở code JS thì các bạn cũng phải chỉnh sửa ở code HTML.
- Các code Link4.2.2, Link4.2.3… là địa chỉ của các menu dropdown.
- Các code Link4.2.2, Link4.2.3… là địa chỉ của các menu dropdown.
4. Save template.
5. Tạo 1 widget HTML và dán code bên dưới vào :
<ul id=”navigation”>
<li style=”height: 22px;” class=”" onmouseover=”Mouseover(this);”>
<div style=”cursor: pointer; height: 22px;” class=”Visited” onmouseout=”Mouseout();” onmouseover=”ClearsetTimeout();”>
<a href=”http://fandung.blogspot.com“><img src=”http://i342.photobucket.com/albums/o433/bkprobk/home-1.gif” alt=”" title=”Về Trang Chủ” border=”0″ width=”58″ height=”22″></a>
</div>
<ul style=”border-top: 1px solid rgb(0, 102, 160);” onmouseout=”Mouseout();” onmouseover=”ClearsetTimeout();”>
<span onmouseover=”ClearsetTimeout();”></span>
</ul>
</li>
<li style=”height: 22px;” class=”" onmouseover=”Mouseover(this);”>
<div style=”cursor: pointer; height: 22px;” class=”Visited” onmouseout=”Mouseout();” onmouseover=”ClearsetTimeout();”>
<a href=”http://fandung.blogspot.com“><img src=”http://i342.photobucket.com/albums/o433/bkprobk/home-1.gif” alt=”" title=”Về Trang Chủ” border=”0″ width=”58″ height=”22″></a>
</div>
<ul style=”border-top: 1px solid rgb(0, 102, 160);” onmouseout=”Mouseout();” onmouseover=”ClearsetTimeout();”>
<span onmouseover=”ClearsetTimeout();”></span>
</ul>
</li>
<!– Main Menu 1 –>
<li id=”1″ class=”" onmouseover=”Mouseover(this);”>
<div style=”border-left: 1px solid rgb(195, 195, 195); vertical-align: middle; cursor: pointer;” class=”" onmouseout=”Mouseout();” onmouseover=”ClearsetTimeout();”>
<div style=”border: 1px solid White; padding: 0px 5px; height: 20px; line-height: 20px; vertical-align: middle; text-align: center;”>
<a href=”#” class=”lnkLevel1″ title=”"> Menu 1 </a>
<li id=”1″ class=”" onmouseover=”Mouseover(this);”>
<div style=”border-left: 1px solid rgb(195, 195, 195); vertical-align: middle; cursor: pointer;” class=”" onmouseout=”Mouseout();” onmouseover=”ClearsetTimeout();”>
<div style=”border: 1px solid White; padding: 0px 5px; height: 20px; line-height: 20px; vertical-align: middle; text-align: center;”>
<a href=”#” class=”lnkLevel1″ title=”"> Menu 1 </a>
</div>
</div>
</div>
<!– Submenu 1 –>
<ul style=”border-top: 1px solid rgb(0, 102, 160);” class=”" onmouseout=”Mouseout();” onmouseover=”ClearsetTimeout();”>
<span style=”display: block;”>
<li style=”width: 52px; text-align: right; background-color: transparent; padding-left: 0px;” class=”"> </li>
<ul style=”border-top: 1px solid rgb(0, 102, 160);” class=”" onmouseout=”Mouseout();” onmouseover=”ClearsetTimeout();”>
<span style=”display: block;”>
<li style=”width: 52px; text-align: right; background-color: transparent; padding-left: 0px;” class=”"> </li>
<li id=”Li1″ class=”" onmouseover=”ClearsetTimeout()”>
<a href=”#” target=”_blank” onmouseover=”dropdownmenu(this, event,LineItems11, ‘0px’);” onmouseout=”delayhidemenu();”>SubMenu 1.1</a>
</li>
<li id=”Li1″ class=”" onmouseover=”ClearsetTimeout()”>
<a href=”#” onmouseover=”dropdownmenu(this, event,LineItems12, ‘150px’);” onmouseout=”delayhidemenu();”>SubMenu 1.2<img id=”imgMenuTriangle_12” src=”http://i342.photobucket.com/albums/o433/bkprobk/subIcon.gif” alt=”" align=”bottom” border=”0″>
</a>
<a href=”#” onmouseover=”dropdownmenu(this, event,LineItems12, ‘150px’);” onmouseout=”delayhidemenu();”>SubMenu 1.2<img id=”imgMenuTriangle_12” src=”http://i342.photobucket.com/albums/o433/bkprobk/subIcon.gif” alt=”" align=”bottom” border=”0″>
</a>
</li>
<li id=”Li1″ class=”" onmouseover=”ClearsetTimeout()”>
<a href=”#2″ onmouseover=”dropdownmenu(this, event,LineItems13, ‘150px’);” onmouseout=”delayhidemenu();”>SubMenu 1.3<img id=”imgMenuTriangle_13” src=”http://i342.photobucket.com/albums/o433/bkprobk/subIcon.gif” alt=”" align=”bottom” border=”0″>
</a>
<a href=”#2″ onmouseover=”dropdownmenu(this, event,LineItems13, ‘150px’);” onmouseout=”delayhidemenu();”>SubMenu 1.3<img id=”imgMenuTriangle_13” src=”http://i342.photobucket.com/albums/o433/bkprobk/subIcon.gif” alt=”" align=”bottom” border=”0″>
</a>
</li>
</span>
</ul>
</li>
<!– END Menu 1–>
</ul>
</li>
<!– END Menu 1–>
<!– Main Menu 2 –>
<li id=”2″ class=”" onmouseover=”Mouseover(this);”>
<div style=”border-left: 1px solid rgb(195, 195, 195); vertical-align: middle; cursor: pointer;” class=”" onmouseout=”Mouseout();” onmouseover=”ClearsetTimeout();”>
<div style=”border: 1px solid White; padding: 0px 5px; height: 20px; line-height: 20px; vertical-align: middle; text-align: center;”>
<a href=”#” class=”lnkLevel1″ title=”">Menu 2</a>
</div>
</div>
<div style=”border-left: 1px solid rgb(195, 195, 195); vertical-align: middle; cursor: pointer;” class=”" onmouseout=”Mouseout();” onmouseover=”ClearsetTimeout();”>
<div style=”border: 1px solid White; padding: 0px 5px; height: 20px; line-height: 20px; vertical-align: middle; text-align: center;”>
<a href=”#” class=”lnkLevel1″ title=”">Menu 2</a>
</div>
</div>
<!– Submenu 2 –>
<ul style=”border-top: 1px solid rgb(0, 102, 160);” class=”" onmouseout=”Mouseout();” onmouseover=”ClearsetTimeout();”>
<span style=”display: block;”>
<li style=”width: 52px; text-align: right; background-color: transparent; padding-left: 0px;” class=”">
<ul style=”border-top: 1px solid rgb(0, 102, 160);” class=”" onmouseout=”Mouseout();” onmouseover=”ClearsetTimeout();”>
<span style=”display: block;”>
<li style=”width: 52px; text-align: right; background-color: transparent; padding-left: 0px;” class=”">
</li>
<li id=”Li1″ class=”" onmouseover=”ClearsetTimeout()”>
<a href=”#” onmouseover=”dropdownmenu(this, event,LineItems21, ‘0px’);” onmouseout=”delayhidemenu();”>SubMenu 2.1</a>
<a href=”#” onmouseover=”dropdownmenu(this, event,LineItems21, ‘0px’);” onmouseout=”delayhidemenu();”>SubMenu 2.1</a>
</li>
<li id=”Li1″ class=”" onmouseover=”ClearsetTimeout()”>
<a href=”#” onmouseover=”dropdownmenu(this, event,LineItems22, ‘0px’);” onmouseout=”delayhidemenu();”>SubMenu 2.2</a>
<a href=”#” onmouseover=”dropdownmenu(this, event,LineItems22, ‘0px’);” onmouseout=”delayhidemenu();”>SubMenu 2.2</a>
</li>
</span>
</ul>
</li>
<!– END Menu 2–>
</ul>
</li>
<!– END Menu 2–>
<!– Main Menu 3 –>
<li id=”3″ class=”" onmouseover=”Mouseover(this);”>
<div style=”border-left: 1px solid rgb(195, 195, 195); vertical-align: middle; cursor: pointer;” class=”" onmouseout=”Mouseout();” onmouseover=”ClearsetTimeout();”>
<div style=”border: 1px solid White; padding: 0px 5px; height: 20px; line-height: 20px; vertical-align: middle; text-align: center;”><a href=”#” target=”_blank” class=”lnkLevel1″ title=”">Menu 3</a>
</div>
</div>
<li id=”3″ class=”" onmouseover=”Mouseover(this);”>
<div style=”border-left: 1px solid rgb(195, 195, 195); vertical-align: middle; cursor: pointer;” class=”" onmouseout=”Mouseout();” onmouseover=”ClearsetTimeout();”>
<div style=”border: 1px solid White; padding: 0px 5px; height: 20px; line-height: 20px; vertical-align: middle; text-align: center;”><a href=”#” target=”_blank” class=”lnkLevel1″ title=”">Menu 3</a>
</div>
</div>
<!– SubMenu 3 –>
<ul style=”border-top: 1px solid rgb(0, 102, 160);” class=”" onmouseout=”Mouseout();” onmouseover=”ClearsetTimeout();”>
<span style=”display: block;”>
<li style=”width: 52px; text-align: right; background-color: transparent; padding-left: 100px;” class=”"> </li>
<ul style=”border-top: 1px solid rgb(0, 102, 160);” class=”" onmouseout=”Mouseout();” onmouseover=”ClearsetTimeout();”>
<span style=”display: block;”>
<li style=”width: 52px; text-align: right; background-color: transparent; padding-left: 100px;” class=”"> </li>
<li id=”Li1″ class=”" onmouseover=”ClearsetTimeout()”>
<a href=”#” onmouseover=”dropdownmenu(this, event,LineItems31, ‘150px’);” onmouseout=”delayhidemenu();”>SubMenu 3.1<img id=”imgMenuTriangle_31” src=”http://i342.photobucket.com/albums/o433/bkprobk/subIcon.gif” alt=”" align=”bottom” border=”0″>
</a>
<a href=”#” onmouseover=”dropdownmenu(this, event,LineItems31, ‘150px’);” onmouseout=”delayhidemenu();”>SubMenu 3.1<img id=”imgMenuTriangle_31” src=”http://i342.photobucket.com/albums/o433/bkprobk/subIcon.gif” alt=”" align=”bottom” border=”0″>
</a>
</li>
<li id=”Li1″ class=”" onmouseover=”ClearsetTimeout()”>
<a href=”#” onmouseover=”dropdownmenu(this, event,LineItems32, ‘150px’);” onmouseout=”delayhidemenu();”>SubMenu 3.2<img id=”imgMenuTriangle_32” src=”http://i342.photobucket.com/albums/o433/bkprobk/subIcon.gif” alt=”" align=”bottom” border=”0″>
</a>
<a href=”#” onmouseover=”dropdownmenu(this, event,LineItems32, ‘150px’);” onmouseout=”delayhidemenu();”>SubMenu 3.2<img id=”imgMenuTriangle_32” src=”http://i342.photobucket.com/albums/o433/bkprobk/subIcon.gif” alt=”" align=”bottom” border=”0″>
</a>
</li>
</span>
</ul>
</li>
<!– END Menu 3–>
</ul>
</li>
<!– END Menu 3–>
<!– Main Menu 4–>
<li id=”4″ class=”" onmouseover=”Mouseover(this);”>
<div style=”border-left: 1px solid rgb(195, 195, 195); vertical-align: middle; cursor: pointer;” class=”" onmouseout=”Mouseout();” onmouseover=”ClearsetTimeout();”>
<div style=”border: 1px solid White; padding: 0px 5px; height: 20px; line-height: 20px; vertical-align: middle; text-align: center;”>
<a href=”#” class=”lnkLevel1″ title=”">Menu 4</a>
</div>
</div>
<li id=”4″ class=”" onmouseover=”Mouseover(this);”>
<div style=”border-left: 1px solid rgb(195, 195, 195); vertical-align: middle; cursor: pointer;” class=”" onmouseout=”Mouseout();” onmouseover=”ClearsetTimeout();”>
<div style=”border: 1px solid White; padding: 0px 5px; height: 20px; line-height: 20px; vertical-align: middle; text-align: center;”>
<a href=”#” class=”lnkLevel1″ title=”">Menu 4</a>
</div>
</div>
<!– SubMenu 4 –>
<ul style=”border-top: 1px solid rgb(0, 102, 160);” class=”" onmouseout=”Mouseout();” onmouseover=”ClearsetTimeout();”>
<span style=”display: block;”>
<li style=”width: 52px; text-align: right; background-color: transparent; padding-left: 100px;” class=”"> </li>
<ul style=”border-top: 1px solid rgb(0, 102, 160);” class=”" onmouseout=”Mouseout();” onmouseover=”ClearsetTimeout();”>
<span style=”display: block;”>
<li style=”width: 52px; text-align: right; background-color: transparent; padding-left: 100px;” class=”"> </li>
<li id=”Li1″ class=”" onmouseover=”ClearsetTimeout()”>
<a href=”#” onmouseover=”dropdownmenu(this, event,LineItems41, ‘0px’);” onmouseout=”delayhidemenu();”>SubMenu 4.1</a>
<a href=”#” onmouseover=”dropdownmenu(this, event,LineItems41, ‘0px’);” onmouseout=”delayhidemenu();”>SubMenu 4.1</a>
</li>
<li id=”Li1″ class=”" onmouseover=”ClearsetTimeout()”>
<a href=”#” target=”_blank” onmouseover=”dropdownmenu(this, event,LineItems42, ‘150px’);” onmouseout=”delayhidemenu();”>SubMenu 4.2<img id=”imgMenuTriangle_42” src=”http://i342.photobucket.com/albums/o433/bkprobk/subIcon.gif” alt=”" align=”bottom” border=”0″>
</a>
</a>
</li>
</span>
</ul>
</li>
<!– END Menu 4–>
</ul>
</li>
<!– END Menu 4–>
</ul>
<script language=”javascript” type=”text/javascript” src=”http://data.fandung.com/blog/demo/menu-tuoitre/MenuTab.js“></script>
<div id=”dropmenudiv” style=”visibility: hidden; width: 165px; background-color: rgb(50, 135, 194);” onmouseover=”clearhidemenu()” onmouseout=”dynamichide(event)”></div>
<div id=”dropmenudiv” style=”visibility: hidden; width: 165px; background-color: rgb(50, 135, 194);” onmouseover=”clearhidemenu()” onmouseout=”dynamichide(event)”></div>
- Các code màu đỏ chính là tên của các submenu mà bạn đã đặt ở trong bước 3.
- Với các Submenu có các menu con sổ dọc thì các bạn hãy thêm ảnh icon (subIcon.gif) vào sau tên của các submenu này . Ví dụ submenu42, nếu submenu không có các menu con thì các bạn không nên thêm vào (như submenu21, submenu22). Thêm icon này vào chủ yếu để ta phân biệt rõ submenu nào có sổ dọc và submemu nào ko có sổ dọc.
- Với các Submenu có các menu con sổ dọc thì các bạn hãy thêm ảnh icon (subIcon.gif) vào sau tên của các submenu này . Ví dụ submenu42, nếu submenu không có các menu con thì các bạn không nên thêm vào (như submenu21, submenu22). Thêm icon này vào chủ yếu để ta phân biệt rõ submenu nào có sổ dọc và submemu nào ko có sổ dọc.
Người đăng:
vuongsungdong
0
nhận xét
Read More
Đăng ký:
Nhận xét (Atom)


