Quan trọng
Đăng ngày: 01:01 04-08-2008
Thời gian gần đây tôi rất ít viết blog, cơ bản không còn rảnh rỗi như trước. Nhưng trái lại, số người biết đến blog tôi vẫn ngày một nhiều hơn, nhiều người add friend hơn, nhiều người đưa vào danh mục blog yêu thích hơn. Xin cảm ơn sự quan tâm đó của các bạn, và cũng mong mọi người bỏ qua sự "không hiếu khách" của tôi, vì tôi rất ít đi comment cho blog của các bạn, tôi cũng rất ít khi add friend ai đó. Lý do vì sao thì tôi cũng đã từng đề cập đến trong một số entry trước, có điều những hành động đó bây giờ còn hiếm hoi hơn nhiều... Quả thật thất lễ.
Tôi
viết blog ban đầu cũng chỉ nhằm mục đích giết thời gian, ghi lại những
điều mình suy nghĩ, những kiến thức mình biết, những sở thích của cá
nhân. Nói chung là đúng nghĩa một blog, một nhật ký cá nhân, không hề
có ý định trở thành một "blog cộng đồng" danh tiếng, chuyên viết về
những thứ mọi người quan tâm. Vì vậy chuyện sa đà vào những bài hướng
dẫn CSS dường như đã đi trái lại với mục đích ban đầu của tôi. Dù gì
thì những thứ tôi viết cũng là những điều tôi thích thú, vì vậy không
có gì đáng để suy nghĩ và hối tiếc. Nhưng có lẽ chuyện "lạc hướng" này
sẽ dừng lại tại đây. Tôi muốn viết về những thứ "cá nhân" hơn trên blog
của mình.
Gần đây nhiều bạn dò hỏi tôi về các đoạn code CSS, ngỏ ý muốn tôi hướng dẫn trợ giúp. Nói thật những chuyện đó bây giờ gần như là tôi không thể làm được. Nếu gặp trực tiếp may ra tôi còn có thể hỗ trợ, chứ còn việc viết bài hướng dẫn hoặc trao đổi qua comment blog là không thể. Hoàn cảnh, điều kiện, thời gian không cho phép. Vì vậy vừa rồi tôi mới chỉnh sửa lại file CSS của mình, sắp xếp ngăn nắp hơn, có bổ sung thêm một vài chú thích cơ bản, thuận tiện cho những ai muốn tham khảo code - tất nhiên là đối với những người có hiểu biết về CSS. Còn đối với những người tạm coi là không biết gì về code, tôi xin mạn phép giới thiệu 2 blog của [W].Dephia và Co0l.l0ve, hai người này sẽ phần nào giúp đc cho các bạn vấn đề về code CSS thông qua các bài hướng dẫn chia sẻ của họ.
Trước đây tôi đã từng học tập blog của 360themes, làm rối tinh code CSS của mình lên, mục đích vì sao làm như thế thì bây giờ có lẽ cũng không cần thiết phải đề cập rõ ràng, cái chính là vì muốn bảo vệ thành quả lao động của mình trước một số cá nhân có ý đồ và mục đích không lành mạnh. Bây giờ thì tôi cũng chẳng còn thời gian mà quan tâm đến cái chuyện này. CSS là một ngôn ngữ công cụ dùng để trang trí và bố cục cho trang web, và những dòng code này hoàn toàn công khai, ai cũng có thể lấy về dễ dàng như việc download một file trên mạng. Những ai biết view source code của trang web (điều này rất đơn giản) đều có thể kiếm được đường link của nó để download về trọn vẹn nội dung. Do đó, việc bị sao chép là chuyện sớm muộn, không thể tránh khỏi, không thể có biện pháp bảo vệ nào tối ưu, ngoại trừ việc không sử dụng nó trong phần CSS của mình. Nói tóm lại hoàn toàn chỉ có thể trông chờ vào ý thức của người khác, bản thân ta không thể kiểm soát được.
Có người cho rằng "CSS là sản phẩm của trí tuệ nhân loại, vì thế càng được nhiều người biết đến, càng được truyền bá càng tốt chứ sao, cớ gì phải ích kỷ dấu giếm". Điều này về cơ bản là đúng, nhưng nếu truyền bá thông qua con đường copy&paste, người đọc hoàn toàn không hiểu ý nghĩa thật sự thì liệu có ích gì chăng?! CSS chỉ là một ngôn ngữ đơn giản, tuy rất dễ học, nhưng vấn đề vận dụng thực tiễn một cách thành thạo lại không hề đơn giản. Vì vậy hành vi nghiễm nhiên lấy thành quả nghiên cứu, sáng tạo của người khác không nói một lời, rồi trơ trẽn tự nhận là của mình, liệu có đáng được hoan nghênh hay không?
Ngôn ngữ thì ai cũng có thể học, nhưng ý tưởng thì không phải ai cũng giống nhau, không phải ai cũng nghĩ ra được. Chúng tôi, hay ít ra là tôi, phê phán những hành vi sao chép "bất hợp pháp" này, không phải vì tôi ích kỷ muốn giữ cho riêng mình, mà là vì tôi yêu cầu một sự tôn trọng tối thiểu. Sự tôn trọng đối với những thành quả của tôi làm ra. Nếu tôi ích kỷ như thế có lẽ chả rỗi hơi mà viết những bài về hướng dẫn CSS, chia sẻ những đoạn code đặc biệt làm gì cho mệt. Nhỉ =)?!
-----------oOo-----------
Đã từ lâu tôi không viết những bài hướng dẫn, chia sẻ về các thủ thuật code của blog. Nhưng dạo này nhiều người hay hỏi tôi về cách tạo module Menu. Vài lần tôi đã từ chối khéo và đẩy sang cho cậu [W].Dephia (thành thật xin lỗi vì vụ PR bẩn này, hehe 
), nhưng từ chối nhiều cũng ngại. Thôi thì hôm nay viết qua vài dòng về nó vậy =).
Module này được tôi sử dụng ngay từ những ngày đầu của plus, và có thể được coi là độc đáo riêng của blog này. Thời gian đầu, plus chưa thật sự hỗ trợ flash, cho nên việc thực hiện một menu thống kê các thành phần đặc trưng trên blog là khá khó khăn và nghèo ý tưởng. Nhưng hiện nay việc làm menu đã có thể dễ dàng thực hiện với các flash đầy màu sắc và sinh động. Tôi chắc cũng đã có nhiều người viết những bài chia sẻ và hướng dẫn làm các menu dạng flash này. Vậy tại sao mọi người không tìm đến những cách làm menu này nhỉ? Đơn giản chỉ là sử dụng công cụ, chèn thêm các đoạn link, thiết lập ảnh nền, là bạn đã có thể có được một menu như ý.
Đối với dạng menu tôi và một số blogger bạn bè đang dùng, khá đơn giản vì chỉ dùng thuần túy là ảnh, không có những hiệu ứng thú vị khác như khi di chuột vào các đường link thì phát ra tiếng động chẳng hạn, hay khi di chuột vào một "button" thì sẽ xổ ra 1 danh sách các đường link dẫn đến các bài viết. Nó chỉ có một ưu điểm đó là dung lượng gọn nhẹ. Tuy đơn giản và gọn nhẹ như thế, nhưng để làm được một menu "ra hồn", nhìn được, yêu cầu bạn phải biết về HTML, hoặc ít ra là sử dụng được tốt việc bố trí các thành phần trên thẻ table và thẻ div, phải có ý tưởng về bố cục, phải có một bức ảnh phù hợp để làm menu, tức là có thể đòi hỏi thêm khả năng design ảnh của bạn. Và thêm nữa, đối với mỗi bức ảnh và bố cục riêng, lại đòi hỏi một đoạn code xử lý khác nhau, không nhất quán chung cho tất cả các menu. Có thể nói, đối với đại đa số mọi người, cách này khá phức tạp.
Nói sơ qua về ý tưởng thì là thế này:
- Đầu tiên bạn phải thiết kế một bức ảnh, trên đó có bố trí các thành phần bạn muốn có trên menu của mình. Ví dụ như thế này:
- Sau khi chọn được bức ảnh ưng ý và có cấu trúc hợp lý, có thể tiến hành cắt rời ảnh thành các phần nhỏ dựa theo cấu trúc của từng phần:
- Việc cắt ảnh ra làm nhiều phần có nhiều mục đích, quan trọng nhất là cố định kích thước và vị trí của các thành phần khi ghép code HTML vào. Như bức ảnh trên thì menu gồm 5 phần. Tuy rằng bố cục của menu chỉ gồm 3 phần nhưng tại sao lại phải chia làm 5 phần? Lý do là vì plus thiết lập mặc định sự hiển thị theo trục dọc của font chữ nằm trong table là ở phía trên, do đó, để các đoạn text và link nằm đúng trong các khung của menu thì phải cắt một phần phía trên để cố định vị trí của phần dành cho việc chứa các link và đoạn text.
- Code của phần trên có thể viết đơn giản như sau:
Code:
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td rowspan="4" style="background:url(link_Menu_image_Logo_p1) no-repeat; width:auto; height:auto;">Logo</td>
<td style="background:url(link_Menu_image_p2) no-repeat; width:auto; height:auto;"></td>
</tr>
<tr>
<td style="background:url(link_Menu_image_p3) no-repeat; width:auto; height:auto; text-align:center;">Phần dành để chèn các link </td>
</tr>
<tr>
<td style="background:url(link_Menu_image_p4) no-repeat; width:auto; height:auto;"></td>
</tr>
<tr>
<td style="background:url(link_Menu_imagep5) no-repeat; width:auto; height:auto; text-align:center;">Các dòng text khác </td>
</tr>
</table>
|
Ở phần <td> đầu tiên, có đoạn rowspan="4" vì chiều cao của phần logo bằng tổng của 4 phần kia. Mỗi phần đều nên thiết lập width và height chính xác bằng với giá trị của các ảnh làm nền mỗi phần thay cho giá trị auto trong đoạn code trên, như thế thì ảnh mới khít với nhau. Có thể nói ảnh là phần da thịt bao bên ngoài, còn các đoạn code về table này chính là khung xương bên trong. Nếu thiết lập không chuẩn xác thì tất yếu cái menu sẽ trở nên "dị dạng": thừa da thiếu thịt.
Cấu trúc bảng trên chỉ là cấu trúc đơn giản nhất, đối với các ảnh có các thành phần phức tạp hơn, có thể sẽ phải chia làm nhiều mảnh ghép hơn, và đương nhiên là code table cũng phức tạp hơn. Như code của menu tôi đang dùng, chỉ sơ sơ hơn 60 dòng thôi, cũng không nhiều lắm 
.
-----------oOo-----------
Mọi
thành phần trên blog này, hoàn toàn do tôi tự design, vị trí và màu sắc
từng phần đều có tính thống nhất và tương thích chung. Vì vậy một lần
nữa mong các bạn, đừng tự tiện sao chép hay lấy về sử dụng bất cứ một
thành phần nào trên blog này. Vì khi đưa vào sử dụng trên blog khác, tôi chắc chắn
80-90% là sẽ không phù hợp với màu sắc và bố trí riêng trên blog đó. Tôi
thật sự không muốn, không thích những sản phẩm của mình trở nên xấu xí
hơn so với những gì nó vốn có. Hơn nữa, tôi cũng không muốn những
thành phần trên blog mình bị sử dụng quá nhiều nơi. Blog tôi không sử
dụng nhiều module tự tạo (chỉ có 3 module), nếu mấy cái này blog ai
cũng có thì hóa ra blog này sẽ không còn mang phong cách và đặc trưng
riêng của m3Noa's blog nữa.
Nói tóm lại, tôi vẫn chỉ mong chờ một sự tôn
trọng từ phía các bạn, mong chờ sự tự giác và ý thức của mỗi cá nhân tham gia vào cộng đồng ảo này . Điều cuối cùng, mong rằng những "nhà truyền bá trí tuệ nhân loại" vẫn hay vào blog tôi sau khi đọc được bài này, nên thay đổi cách suy nghĩ và hành động, đừng vì chạy theo một cái hư danh nào đấy mà làm mất đi nhân cách và lòng tự trọng của mình 
.
nttboy88 18:22 01-11-2008
http://s406.photobucket.com/albums/pp142/nttboy88/quich%20menu/?action=view¤t=quickmenu.png
classic 17:49 25-10-2008
nttboy88 23:51 23-10-2008
Mình là dân design ( hơi hướng theo phong cách manga :D ) nói thật khi mới bắt đầu làm blog thật sự mình rất ghiền ! ko phải ghiền viết blog ; cũng ko phải ghiền vọt mấy đoạn code ! mà mình ghiền trang trí blog !! mình đã bỏ ra 5 ngày để làm đc 2 themes cho blog ( thiết kế + tìm hiểu code ) đến giờ là themes thứ 3 rùi
Khi mới làm thì mình đã có ý tưởng làm menu có link rùi !! thật sự mình đã làm đc sau mấy ngày mò mẫm ! nhưng thanh menu đó :D .......vẫn chưa là gì vì chi link vô thui chứ ko có hiệu ứng gì !! tới khi mò tới blog của nhóc khỉ....thật sự mình rất ấn tượng bố cục trang trí của bạn ấy ! đơn giản mà hiệu quả ! nhưng ấn tượng nhất là thanh menu động ....
Thật vui khi thấy đc bài hướng dẫn của bạn tại đây ! Cám ơn bạn nhìu lắm !!
Destiny 16:44 17-08-2008
friendship1704 21:10 07-08-2008
Nói sao nhỉ? Hình như đã đọc một entry trên blog của Gik nói về bản quyền của một entry nào đó! L không hiểu lắm cái cảm giác khó chịu khi bài của mình trở thành của người khác (vì viết hay quá, có ai thèm đâu :D). Nhưng có lẽ, Gik không cố ý, hay nghĩ một cách khác, do bài viết của bạn đặc sắc nên người ta mới cần và muốn chia sẻ với mọi người!
Sẵn đây L cũng xin lỗi bạn vì đã nói là:"Chỉ cần bạn không có làm thì tụi này ủng hộ bạn, việc gì phải như thế!" trên blog của Gik khi chưa biết rõ đầu đuôi!(cái tật tài lanh đã có từ nhỏ, không khắc phục được!)
Nhưng mà tủi thân quá, vì L là dân mù tin học, so với kiến thức của bạn thì quả là chỉ đáng...xách dép! Thế nên chắc phải tầm sư học đạo quá, bạn có biết trang web nào hướng dẫn về CSS cơ bản thì xin chỉ giáo nha! Cám ơn nhiều!
Noa00:23 08-08-2008
Thật sự một người có làm chuyện xấu hay ko, bản thân anh là người hiểu rõ nhất, những người trong cuộc cũng vậy, mọi lời nói cũng chỉ là bao biện mà thôi. Trừ khi, ngay cả bản thân mình anh ta cũng lừa dối đc.
//Về CSS, thú thật thì cái này chỉ là một phần phụ thêm trong ngôn ngữ HTML mà tôi học, cho nên cũng không tìm hiểu sâu lắm, vì vậy không biết nhiều trang hướng dẫn CSS.
Về tiếng Việt thì tôi có biết trang: www.cssyeah.com
Tiếng Anh thì hướng dẫn cơ bản khá đầy đủ bạn có thể tìm đọc ở www.w3school.com
nusatthu007_8x 10:12 07-08-2008
1 thoi jan ban khoa blog va tro lai lam minh rat vui !! Jo minh hieu vi sao ban alm vay !! con sau lam hu noi canh la chuyen thuong tinh ban ah !! Dung buon hen !! Co ji onl tam voi minh nghen - minh mong chung ta van la tban tot chu hen !! Dung an hoai nghen !! Minh mong su tro ve cua ban do !! 1 su tro ve nhieu cam hung moi nghen !!
That nhieu niem vui nhe ban cua tui !!
Noa18:34 07-08-2008
lamcongtu_bonmat 00:38 07-08-2008
tiec that day, bay gio Noa khong con chi cho bon nay nua roi, nhung minh rat cam on Noa vi nhung gi Noa lam cho minh va ca cong dong blog nay.
Ah minh cu thac mac mot viec la Noa la con gai hay con trai ma sao thay co nhuoi keu con gai , co nguoi keu con trai.
theo minh nghi Noa la con gai
hay co gang can bang thoi gian , neu duoc hay thuong xuyen viet entry chi dan cho bon ga nay nhe
Noa02:53 07-08-2008
Chuyện viết entry, như đã nói ở trên, tớ chỉ viết khi thấy thích thú, hoặc khi thấy cần thiết. CSS và blog hiện vẫn đang nằm trong sự quan tâm của tớ, cho nên cũng không nói trước được điều gì cả
HuongNacy 23:51 06-08-2008
Trời đất
.Sao cái tiêu đề "lừa tình" thế cơ chứ >"< cứ tưởng ông nghỉ blog luôn chứ 
.Nhưng mừ chắc chắn là Noa viết như thế cũng có hàm ý gì đó ha?! Tui nghĩ là bạn hơi "sao" một chút đấy 
bởi khi có một lượng người đọc blog của bạn là mọi người thường có xu hướng ...
Noa02:48 07-08-2008
Mỗi người một cách nhìn nhận đánh giá khác nhau, có hơi sao một tí cũng không sao, miễn không sao quá thì làm sao có chuyện gì đc nhỉ (lắm sao quá
Thật ra mà nói, blog này nó nhiều view "lừa tình" thế thôi, chứ khách đọc blog cũng bình thường, đâu đáng để có "sao" hả bạn =).
¸.ღ♥ forever ♥ღ.¸ 20:19 06-08-2008
Lần sau đừng viết tựa đề như thế nữa nhé, vào đọc tưởng là đi gặp ông vải ....
những điều Noa muốn nói, mình hiểu hết. Hi vọng không vì như thế mà bỏ blog chứ
^^
Noa02:39 07-08-2008
RikG 16:13 06-08-2008
tudodanchu 05:58 06-08-2008
Cỏ Ba Lá 23:13 05-08-2008
Noa00:22 06-08-2008
Còn cách đặt tiêu đề, tôi thường thích đặt những cái tên ngắn ngọn, nhưng không phải hoàn toàn vô nghĩa. Nó thường hàm chứa nội dung, của toàn bộ bài viết, hoặc có thể là lời mở đầu để dẫn dắt ý tiếp đến trong bài.
Như bài viết này, đây là những lời cuối cùng tôi muốn nói đối với những bạn vào blog tôi để tham khảo code CSS, những lời hướng dẫn cuối cùng về một vấn đề liên quan đến Plus, và những lời cuối cùng dành cho những vị khách không mời... Vì vậy cái tên "Những lời cuối..." là thích hợp để bao quát toàn bộ, tuy rằng nghe nó hơi kì lạ.
Giải thích như vậy được chưa nhỉ
[W].Dephia 18:30 05-08-2008
Mà quả thật dạo này cũng cảm thấy hơi bị nghiện blog mất rồy, phải kiềm bớt thoy ;))
[the^' jo*j' Mr'...&MisS]-Mr'Q91 15:56 05-08-2008
Noa17:50 05-08-2008
co0l.l0ve 12:58 05-08-2008
Noa nói có phần đúng,đúng là nhiều khi mình đã rành quá nhiều thời gian cho Plus (thời gian đầu) không chỉ với việc tìm hiểu nghiên cứu và viết bài về nó mà ngay cả ở 360 Yahoo,cũng có nhiều người "nghiện" Blog,như vật cũng không hẳn đã tốt lắm,dù sao nó cũng chỉ là cuộc sống ảo.Phải biết cách cân bằng giữa thực và ảo sao cho hợp lý,vì đôi khi chính cuộc sống ảo,được giúp đỡ mọi người lại mang lại niềm vui cho mình.Cũng không nhất thiết phải từ bỏ hẳn nó.
Mình cũng đang cố gắng cân bằng và dành thời gian cho nó một cách hợp lý,chứ cũng không hẳn vì danh tiếng gì đó trong cộng đồng đâu à nha.
Noa17:44 05-08-2008
Mình cũng đang cố gắng cân bằng và dành thời gian cho nó một cách hợp lý,chứ cũng không hẳn vì danh tiếng gì đó trong cộng đồng đâu à nha.
Heheh, bác này lại có tật giật mình rồi
RikG 11:18 05-08-2008
Noa17:35 05-08-2008
HNLAN 10:26 05-08-2008
Noa17:34 05-08-2008
Snoopy 19:04 04-08-2008
j0shdt 18:41 04-08-2008
SE àh? Security Enhanced áh? Nều là iu cầu bảo mật cao thì khó hiểu cũng fải
Nói vậy chớ hy vọng anh viết dễ hiểu chút để cả nhà cùng dc chia sẻ
j0shdt 12:11 04-08-2008
Àh, mà về cái khoản log thuần túy, hy vọng anh Noa viết sáng sủa, dễ hiểu tí nhoa, chớ anh cứ xuất xưởng mấy bài như bài Khách Quan thì iem xin
Hy vọng gặp lại anh thường xuyên!!!
Noa14:48 04-08-2008
Hehe, những bài dạng SE thì yêu cầu dễ hiểu là hơi khó đấy
Vũ Nguyễn 08:09 04-08-2008