Võ Tấn Dũng

HTML, CSS - Xây dựng Menu cho Blog

Wednesday, 4. June 2008, 06:55:57

Một điều luôn đúng cho mọi blogger đó là luôn tìm cách thiết kế riêng cho mình một giao diện riêng biệt “không đụng hàng”, chính vì vậy khi tạo một blog mới ta thường tìm các bài viết hướng dẫn cách thiết kế lại giao diện (theme) của những người đi trước hoặc những thành viên chuyên về tin học. Một điểm quan trọng làm cho blog bạn nổi bật là khả năng điều hướng (dễ dàng đi đến nơi mình cần). Bài viết này hướng dẫn cách bạn xây dựng 1 menu trên blog của Opera, đồng thời nói qua 1 chút về HTML và CSS để bạn có 1 kiến thức tổng quát khi cần phát triển 1 ý tưởng mới.

Download bài viết tại đây. (nhớ kích phải chọn Save Link As hoặc Save Target as) Tập tin Source của menu Các bạn đọc xong vui lòng cho comment về các vướng mắt nhé

Thủ thuật VISTAXử lý ảnh cho web bằng Powerpoint 2007

Comments

GrassNCloud # 4. June 2008, 11:29

Nice

Shj # 4. June 2008, 14:42

hjx hjx, hỉu jì chít lềin bạn àh

Võ Tấn Dũng # 5. June 2008, 00:50

Hic hic, sorry các bạn, bài viết trên không lặp lại những thao tác cơ bản như thay đổi giao diện blog, thay đổi background, thay đổi banner, thay đổi bố cục...bạn có thể tham khảo những vấn đề này ở blog của Thủy Hiền, Phạm Lâm, Khánh Quang...vv. Bài viết chỉ nhằm mục tiêu giải thích những vướng mắt mà những người đi trước gặp phải.

Nếu bạn muốn làm đơn giản không cần hiểu gì thì thực hiện như sau:

B1: Vô trang quản lý Account, chọn Design, click link custom style sheet

B2: Chèn thêm đoạn sau để tạo một lớp mới

.onceclick{<br />
  position:fixed;<br />
  top:50px;<br />
  left:-30px;<br />
  }

B3: Tìm link của 1 file swf bạn thích (bạn có thể down của mình tại đây để thử nghiệm). Sau đó chèn đoạn code sau vào các bài viết của bạn:

<div ><br />
  <embed src="http://www.abc..com/VerticalMenu.swf" wmode="transparent" type="application/x-shockwave-flash" height="510" width="200"><br />
  </div>

Nhớ thay đổi thuộc tính src bằng địa chỉ url của bạn.

Trần Hiếu # 6. June 2008, 04:01

cha cai nay hay do, minh co the chen them nhieu thu cho blog cua minh, rat han hanh lam quen, qua blog minh choi nhe

Morning Star # 6. June 2008, 08:50

blog của anh đẹp ghê ha. Mỗi tội em kém khoản mày mò tin học lắm, đọc toàn từ ngữ chuyên ngành nên không hiểu gì hết à. hic

Võ Tấn Dũng # 6. June 2008, 09:27

Tin học là công cụ mà...ai biết thì chia sẽ thui..

Trần Hiếu # 6. June 2008, 10:13

@share it: cai ong kia, bao ai la ma ha, hoa ra toi di doi nha ma roi a

Võ Tấn Dũng # 23. July 2008, 12:10

Uh, dạo này bận rộn quá, lúc nào rãnh rỗi Post vài bài chia sẻ với anh em

Trần Hiếu # 24. July 2008, 02:34

giờ share it giỏi lắm rồi hôm nào sang học hỏi kinh nghiệm mới dc keke

Trần Hiếu # 26. July 2008, 13:34

thế thì ông cũng là ma vì đi đâu tôi cũng gặp oog

Võ Tấn Dũng # 27. July 2008, 04:20

@shareit, @hieu_bf: Ặc sao qua nhà mình om sòm thế này, bạn bè nhiều tốt chứ có sao đâu, đi đâu cũng gặp là có duyên đấy

Trần Hiếu # 27. July 2008, 05:12

uh thì chat suốt rồi ý mà kekee

Đào Đức Cảnh # 27. July 2008, 06:55

Đại ca có cái blog đẹp ứa hén...em đọc cái cách "HTML, CSS - Xây dựng Menu cho Blog" mà khó hỉu ứa àk. Làm thía nào zậy...

Võ Tấn Dũng # 28. July 2008, 02:30

@canhct: Hiện tại có rất nhiều blog trình bày rõ ràng về cách xây dựng 1 blog đẹp, bạn có thể tham khảo các bài viết của Phạm Lâm, Dân Quỳnh...vv Họ viết rất kỹ về vấn đề này. Bài viết của mình chỉ bổ xung 1 số vấn đề vào bài viết của họ chứ không viết lại. Vì vậy bạn nên đọc bài của họ trước khi đọc bài của mình nhé...có gì khó khắn comment lên anh em trả lời lại liền.

Trần Hiếu # 31. July 2008, 01:37

úi nói dai nói dài thế, tớ cũng chỉ biết nói thế thôi

truongmychau # 12. August 2008, 16:50

rất cám ơn ,những bài náy cần và hay đấy . Se thử làm, có gì không ổn sẽ xin hỏi nhé ?

truongmychau # 12. August 2008, 16:52

rất cám ơn ,những bài náy cần và hay đấy . Se thử làm, có gì không ổn sẽ xin hỏi nhé ?

Anonymous # 23. August 2008, 03:27

mời vào blog mình www.maimaitinhban.com writes:

bai viet nya hay wa

Tôn Nguyễn # 28. August 2008, 03:43

Phong độ là tức thời. Đẳng cấp là mãi mãi. Anh có kiến thức vững quá.
Em bầu chọn blog của anh là blog chuyên nghiệp nhất.

:: {M}r.{G}oodbye™:: # 31. August 2008, 03:36

bác oncelick ơi. bác có hướng dẫn làm cái flash ở hai bên. em làm đúng như vậy mà cái flash nó ko nằm ở ngòai. nó cứ ở trong mới đau chứ

có j bác sớm giúp đỡ nhá. tại em đang đổi giao diện nên cũng muốn cái j gọi làm ko đụng hàng ý mà

Trà My # 11. September 2008, 09:38

Blog của bạn pro lắm. Chắc là dân chuyên nghiệp rồi.
Bạn ơi, cho mình hỏi chút. Mình chia bài viết làm 2 cột được rồi, nhưng mà nó lại cách xa cái hình mình chèn vào. Và khi click vào read more thì các đoạn bên dưới cũng cách rất xa phần intro. Có cách nào điều chỉnh ko? Help me.
Thanks in advance.

Võ Tấn Dũng # 11. September 2008, 10:02

Mình biết là bạn dùng table để chèn 2 cột. Nhưng không biết bạn chèn thế nào mà để rất nhiều "< br >", hãy xóa những ký tự này đi là xong.

Trà My # 12. September 2008, 05:26

Thanks for your help.
Nhưng mình ko dùng br
Mình làm như hướng dẫn trong blog của phạm lâm:

table
tr
td (nội dung) /td
td (nội dung) /td
/tr
tr
td (nội dung) /td
td (nội dung) /td
/tr
...
Có cách nào sửa ko bạn ơi?

Nguyen Phuong Linh # 21. November 2008, 06:41

CHú Dũng ơi mẹ cháu down về mà ko đọc được, ko hiểu là cần chương trình gì để đoc, chú chỉ giùm mẹ cháu nhé! Cảm ơn chsu nhiều!

Anonymous # 7. December 2008, 17:16

Anonymous writes:

hi lam wen nha ! min ten phong ! minh ko co choi opera nhung minh cho blogspot ban co the cho p cai code cua cai post comment nay dc ko? neu dc thanks

leeknight # 10. December 2008, 19:37

anh ới ời ơi .... trên FF thì chay ok còn trên IE thì tiêu tùng
có cách khắc phục hok anh

Nguyễn Trung Dũng # 14. July 2009, 08:29

Bạn cho mình hỏi mình có tạo 1 menu bằng flash và up nó lên blog thêm đọa code sau vào CSS:


.myright{
position:fixed;
top:50px;
right:-50px;
}

và đoạn code sau vào các bài viết để nó hiện lên :


<a  href="#" title="Back to Top"><img src="http://files.myopera.com/MrSangTao/files/Gotop.png" target="_blank"

<div >

<a  href="#" title="Mr.SangTao"><embed type="aapplication/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://files.myopera.com/MrSangTao/MenuFlash/menungang/menuchuoi.swf" name="Auto_Generator_HTML_Code_By_karate_hn1984" width="965" height="45">
</embed>
</div>

đoạn đầu do mình là tạo nút lên đầu blog đoạn sau là cho menu lên nhưng khi cho đoạn code của menu vào thì các dòng text (chữ ý ) hiện lên cứ hết dòng mới xuống rất rối mắt nhìn rất khó chịu không còn theo ý mình trình bày nữa..giúp mình sửa dc không?

Nguyễn Trung Dũng # 14. July 2009, 08:29

Bạn cho mình hỏi mình có tạo 1 menu bằng flash và up nó lên blog thêm đọa code sau vào CSS:


.myright{
position:fixed;
top:50px;
right:-50px;
}

và đoạn code sau vào các bài viết để nó hiện lên :


<a  href="#" title="Back to Top"><img src="http://files.myopera.com/MrSangTao/files/Gotop.png" target="_blank"

<div >

<a  href="#" title="Mr.SangTao"><embed type="aapplication/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://files.myopera.com/MrSangTao/MenuFlash/menungang/menuchuoi.swf" name="Auto_Generator_HTML_Code_By_karate_hn1984" width="965" height="45">
</embed>
</div>

Nguyễn Trung Dũng # 14. July 2009, 08:29

Bạn cho mình hỏi mình có tạo 1 menu bằng flash và up nó lên blog thêm đọa code sau vào CSS:


.myright{
position:fixed;
top:50px;
right:-50px;
}

và đoạn code sau vào các bài viết để nó hiện lên :


<a  href="#" title="Back to Top"><img src="http://files.myopera.com/MrSangTao/files/Gotop.png" target="_blank"

<div >

<a  href="#" title="Mr.SangTao"><embed type="aapplication/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://files.myopera.com/MrSangTao/MenuFlash/menungang/menuchuoi.swf" name="Auto_Generator_HTML_Code_By_karate_hn1984" width="965" height="45">
</embed>
</div>

Anonymous # 4. September 2009, 13:18

minh writes:

Bạn cho mình hỏi bạn có biết web nào cho update file swf hok. Mà web đó cho lấy link file swf trực tiếp.

Anonymous # 4. September 2009, 13:20

Anonymous writes:

Bạn cho mình hỏi bạn có biết web nào cho update file swf hok. Mà web đó cho lấy link file swf trực tiếp.

Anonymous # 7. November 2009, 03:02

Anonymous writes:

anh noi ro hon cho em dc hok
em hok biet lam huhuhu