Thủy Hiền

Viết tiếng Việt trên top menu của Blog Opera

Sunday, April 15, 2007 3:19:42 PM

Hôm nọ, tôi tình cờ phát hiện Forum The Style Council trong phần About của một người bạn, nên ghé vào coi thử họ có chiêu gì hay ho để copy về viết tuts

Và cũng tình cờ, sau khi lướt trong topic "Personalize your page" (hay cái gì đại loại thế, làm biếng kiếm lại chính xác coi là gì

), tôi đọc được đoạn members đang thảo luận về việc thay đổi ngôn ngữ trong top menu

Tôi thực tập liền, nhưng mãi chẳng thấy chữ Việt hiển thị gì cả

Mà cái forum đó xem chừng bị bỏ hoang khá lâu, nên tôi post câu hỏi mà chẳng ai trả lời

Đem thắc mắc hỏi Khánh Quang thì em ấy ráng ngồi code code cái gì đó và viết được tiếng Việt... Yahoo

Bạn có biết vì sao tôi gọi là tiếng Việt Yahoo không? Nếu bạn có blog ở Yahoo, chắc bạn cũng biết, muốn viết tag để đọc được thì phải chèn thêm gạch nối vào mỗi từ, chứ không nó sẽ dính thành chùm hết

Nhưng sau đó, vào blog Phạm Lâm thì mới biết việc thay đổi ngôn ngữ khác trong top menu chỉ hiển thị trong trình duyệt Opera mà thôi

Thật là bất công

Chẳng lẽ vì cái top menu mà phải download trình duyệt để... nhìn

Đã thế, không thèm nữa

Hôm rồi, view source Blog của em Châu (Thành) thì thấy trong cái code mà Khánh Quang đưa có thêm một đoạn nữa. Thế là lại sân si, thử tiếp

Nếu bạn ghé vào blog của tôi trước khi tôi post bài này, bạn sẽ thấy trên top menu bao gồm: Web Blog, Blog Archive, Photos Gallery, Useful Links và My Friends. Thật ra, nếu dùng đoạn code mà tôi copy từ Pearl's Blog thì menu cũ và menu mới sẽ dính chùm với nhau. Vì vậy, tôi ăn gian bằng cách viết thêm một từ và một khoảng trắng vào trước, hoặc sau menu mặc định

(sử dụng either "before" or "after"). Và chính vì không thể dấu được menu mặc định nên từ "Photos Gallery" sai ngữ pháp tiếng Anh

Sau mấy ngày biệt tích giang hồ (nghe nói bị cấm vận Internet), hôm nay Pearl đã trở lại và trả lời thắc mắc cho cái top menu

Vì vậy, bạn thấy đấy, hôm nay, top menu của tôi hiển thị tiếng Việt ngon lành rồi

Tuy nhiên

tiếng Việt chỉ hiển thị trên Fire Fox và Opera thôi nhé

Và đây là đoạn code:

#menu li {
width:120px;
}

#menu a {
visibility:collapse
}

#menu_blog a:before {
content:"Bài viết";
visibility:visible;
}

#menu_archive a:before {
content:"Lưu trữ";
visibility:visible;
}

#menu_albums a:before {
content: "Thư viện Ảnh";
visibility:visible;
}
#menu_links a:before {
content: "Liên kết";
visibility:visible;
}

#menu_friends a:before {
content: "Bạn bè";
visibility:visible;
}
#menu_about a:before {
content: "Lý lịch";
visibility:visible;
}

Bạn lưu ý phần in đậm là nội dung bạn phải thêm và chỉnh sửa trong code có sẵn của theme. Sở dĩ tôi phải chỉnh lại chiều rộng của menu vì tôi chuyển từ "Photos" sang "Thư viện Ảnh". Từ này hơi dài nên sẽ bị mất nếu không canh chính xác chiều rộng của menu. Đoạn code sau đó là bạn phải copy và paste vào ô Enter CSS. Bạn hãy thay những từ tiếng Việt của tôi theo ý thích của bạn.

Chúc bạn thành công!

Ps. Cám ơn các em Khánh Quang, Phạm Lâm, WallPearl về đoạn mã này

Xin chàoLimited Storage Space (CSS) - Demiphonic

Comments

Liên (Tú, Đăng's Mummy)hoatrongvuon # Sunday, April 15, 2007 3:56:07 PM

Cảm ơn em bên blog Pearl rồi nhưng qua đây cảm ơn lần nữa hé.

Phạm Lâmphamlam # Sunday, April 15, 2007 4:57:40 PM

Sao sis không tạo một cái ảnh gif nền trong suốt có chữ thư viện ảnh rồi dùng code

#menu_albums a {
content: url(../pix/thuvienanh.gif)no-repeat;
}

Những cái khác làm tương tự

Khánh Quangkhanhquang # Sunday, April 15, 2007 5:47:48 PM

hix..dùng url thay cho text trong content chị Lu đã biết luôn rồi mới ghê chứ, vậy mà chị cũng không thích mấy thì phải..nên mới có bài tuts này..hìhì, chị Lu "thù" dai thiệt đó

Phạm Lâmphamlam # Monday, April 16, 2007 1:43:01 AM

Blog của bạn Khánh Quang đẹp nhỉ, blog của bạn giống cái trang này http://www.netdreams.co.uk/ thế, chắc là anh em sinh đôi rồi

Thủy Hiềndanquynh # Monday, April 16, 2007 3:03:58 AM

Chị ròm làm gì mà khách sáo thế

Phạm Lâm ơi, cái vụ chèn ảnh vào menu thì chị biết lâu rồi

Nhưng làm vậy không khoái, người ta nhìn biết liền à. Nhờ thù dai mà học được thêm một mớ nữa vịt nhỉ?

Mà Phạm Lâm nè, bây giờ người ta offer free sources mà, mình thấy đẹp thì cứ "phang" vô blog của mình thôi. Điều quan trọng là nhìn giống 2 anh em sinh đôi thật, nhưng phải nghĩ dữ lắm mới... sinh được giống chứ bộ

Cái này chị kinh nghiệm từ hồi làm mấy cái skin từ theme yahoo (đơn giản) cho tới cây bút chì (tương đối phức tạp). Bây giờ đang âm mưu làm vài cái skin từ OSWD

Phạm Lâmphamlam # Monday, April 16, 2007 3:40:27 AM

Nhưng nhớ phải ghi nguồn Rip đấy sis ạ.

Thủy Hiềndanquynh # Monday, April 16, 2007 3:46:08 AM

Hì... tất cả skins từ CSS của Phạm Lâm và graphics của Antoniblue đều có quote

Còn cây bút chì có ghi là Plutado Design trên skin mà

Khánh Quangkhanhquang # Monday, April 16, 2007 4:12:01 AM

thanks phamlam đã nhắc nhở và đã cho biết source của graphic nhé. Do bộ graphic này mình xin được từ máy của khách hàng. Mình sẽ bổ sung nguồn vào css.

Ao Trắng Quế Sơntruongviettienqs01 # Monday, April 16, 2007 6:57:39 AM

Em củng định nói chị suy nghỉ xem có thể thay đổi được cái tên menu không. thì hôm nay thấy bài này của chị rùi. Ôi tuyệt quá. Thank chị nhiều.

Liên (Tú, Đăng's Mummy)hoatrongvuon # Monday, April 16, 2007 12:24:05 PM

Người lịch sự mà em

phải cảm ơn người tặng cho mỉnh cách làm chứ. Các comments của em và Pearl bên blog Pearl cho chị idea để làm tiếng Việt trên top menu, mò xong thì Hiền cũng vừa viết tuts xong. Nhưng chị nhìn bài của Hiền và thay đổi của chị thì khác, chị thay đổi width trên #menu li thì nó đúng với ý chị, chứ nếu sửa trên #menu a như Hiền thì "quân ta mất hết tóc" loe ngoe chữ được chữ mất nhìn vui gì đâu. Có phải do theme khác nhau không em???

Thủy Hiềndanquynh # Monday, April 16, 2007 11:21:20 PM

Em truongviettienqs01, chừng nào xong báo cáo kết quả nhé. Mà em nên cám ơn cả Phạm Lâm, Khánh Quang và Wallpearl nữa chứ

Wallpearl, nếu mà theo tiếng Anh thì từ bổ nghĩa sẽ đi trước, từ chính đi sau

(là về từ nhé). Ví dụ, muốn nói anh chàng đẹp trai, phải nói là a handsome guy (chứ không phải gay

). Cho nên Wallpearl phải dịch là: Châu Thành

Nghe cũng... nổi tiếng lắm

Chị ròm, vậy theo thang đánh giá của chị, em có phải là người lịch sự không

(icon nịnh nọt

)

Còn cái width thì

em vừa trông con, vừa blogging nên râu ông nọ cắm cằm bà kia đó. Cái width mặc định nằm trong menu li mà

Thanks chị nhá. Em chỉnh lại rồi

M.i.Nkalteryl # Tuesday, April 17, 2007 2:03:36 AM

2 tuần rồi mà vẫn có người vào chúc SN em đó. Thanks ^^

M.i.Nkalteryl # Tuesday, April 17, 2007 2:17:41 AM

Nothing else matters của Metallica đó chị. Em hâm mộ ban nhạc này lắm đó, nhất là tay trống Lars Ulrich

Tân SangTansang # Thursday, April 19, 2007 11:30:58 PM

Chào chị Hiền! Hôm trước em search google cũng nhìn thấy Opera Blog có menu tiếng việt. Khoái chí định bụng mò thử. Mở lại cái Blog đó bằng FF thì thấy chán quá, mèo lại hoàn mèo. Thất vọng.
Hôm nay vào Blog của chị bằng FF nhìn thấy menu tiếng việt, mắt tròn mắt dẹp sướng quá. Biết ngay thế nào chị cũng bày cho quần chúng cách làm. Quả đúng vậy. Chị sang nhà em chơi đi, xem em dịch sang tiếng việt có chuẩn không? quá chuẩn ấy chứ, hì hì.

Thủy Hiềndanquynh # Saturday, April 21, 2007 1:37:13 AM

Kalteryl, chị chỉ biết mỗi bài đó thôi, vì hồi năm 2000, chị ở HL, MTV suốt ngày chiếu bài đó mà

Nhưng bài đó nghe hay thiệt, nhẹ nhàng chứ không ầm ầm như mấy bài heavy

Tansang dịch quá chuẩn, quá chuẩn

Anyway, chị thích viết bằng tiếng Anh hơn

Tiếng Việt để đó tiếp thị vài bữa thôi

Liên (Tú, Đăng's Mummy)hoatrongvuon # Saturday, April 21, 2007 9:27:44 AM

Chị cũng vậy, tiếng Việt cho vui thôi, chứ tiếng Anh còn cho bạn bè, mấy đứa cháu nước ngoài biết chỗ nào mà bấm link nữa.

Thủy Hiềndanquynh # Monday, April 23, 2007 11:19:55 PM

hì hì... viết tiếng Việt không trang trí cho Menu được. Như cái menu em đang xài nè, viết tiếng Việt vô là nó lại cặp kè với nhau luôn

Thủy Hiềndanquynh # Sunday, April 29, 2007 1:34:52 AM

Còn ráng dấu cái vụ IE7 nữa. Ghét!!

Thủy Hiềndanquynh # Sunday, April 29, 2007 11:02:45 AM

á... từ xưa tới giờ chị vẫn không nghĩ có từ GIẤU

Nhờ em chỉnh mới check lại từ điển tiếng Việt đó

Thank you vinamilk

24824trunglovestrang # Saturday, September 22, 2007 10:48:19 AM

Làm sao để viết được tiếng Việt trên Blog hả bạn? Chỉ giúp mình với. Many thanks.

heoconsusu # Friday, October 19, 2007 10:18:18 AM

DAN QUYNH OI, MINH CHEP Y CHANG DOAN CODE NAY SAO MA KHONG HIEN RA DAU TIENG VIET TREN BLOG CUA MINH, KHONG BIET CON CHI TIET NAO MINH BI THIEU HAY KHONG.

Thủy Hiềndanquynh # Saturday, October 20, 2007 1:18:31 PM

Trunglovestrang xem "Viết tiếng Việt trong Blog Opera".

Heoconsusu, đoạn mã này không có tác dụng, nghĩa là tiếng Việt không hiển thị, nếu xem bằng Internet Explorer

heoconsusu # Monday, October 22, 2007 6:47:19 AM

Vậy mình có cách nào chuyển thành tiếng việt trên menubar không Dan Quỳnh ?

Mình add Dan Quỳnh vào friend list của mình nhé.

Thủy Hiềndanquynh # Monday, October 22, 2007 11:43:56 PM

Ủa? trả lời rồi mà. Đây là đoạn mã chuyển tiếng Việt, nhưng chỉ xem được trên trình duyệt Fire Fox và Opera thôi.

TRUCLUCKYtruclucky # Friday, November 16, 2007 6:56:43 PM

Mọy thông tyn đều có ých cho một số ngườy nào đó , nên theo mỳnh nội dung trong blog của Bạn là rất tốt . là sự chya sẽ , trao đổy kyến thức vớy mọy ngườy, Mỳnh chân thành ủng hộ sự đầu tư của Bạn,hãy gýup đỡ những ngườy mớy làm quen vớy Blog Thanks more !!

( Do cải cách giáo dục không còn phân biệt chữ Y và I ,nên mình cũng đang học và làm quen với cách viết không cần phân biệt này )

Thủy Hiềndanquynh # Thursday, November 22, 2007 10:14:00 PM

ty chuot # Tuesday, December 25, 2007 10:14:20 AM

chi hien oi,em rat la kham phuc chi 2 tay lun ne,chi lam lich rat la cong phu ne,chi oi em lam giong chi roi nhung ko bit cho nao em in ra ne chi oi,chi co the cho em bit dia chi in ra duoc ko ha chi

Thủy Hiềndanquynh # Tuesday, February 12, 2008 4:25:53 AM

Chị in ở tiệm rửa hình