Skip navigation.

Log in | Sign up

TIPS AND TRICKS

http://www.duyhien.com

Cấu trúc CSS của Blog Opera... &M

Chẳng biết đặt tiêu đề có đúng không, hị hị... Mục đích là trả lời cho câu hỏi của một Opera blogger về tên các đối tượng trong các file.css quy định cách thức hiển thị của Blog Opera. Nếu bạn chịu khó đọc hết các bài hướng dẫn của tôi, chắc bạn cũng liệt kê được, hihihi... Khi mới tập chỉnh sửa Blog Opera, tôi rất khoái chí khi mò ra được một id hoặc class để thay đổi Rồi em Vịt đã giết chết tinh thần say mê nghiên cứu, học hỏi của tôi, bằng việc giới thiệu cho tôi một "đồ gắn kèm" (add-on) của trình duyệt Fire Fox.

Bạn muốn xem cấu trúc CSS của Blog Opera để chỉnh sửa skin một cách nhanh chóng ư?? Click vào đây và download Web Developer 1.1.6 for Fire Fox. Có nghĩa là công cụ này chỉ hoạt động khi bạn xem blog bằng trình duyệt Fire Fox mà thôi Sau khi install, bạn sẽ thấy nút CSS phía dưới thanh công cụ của trình duyệt, click vào đó và tick chọn "View Style Information".



Bây giờ thì bạn chỉ cần click chuột vào bất kỳ phần nào trên bất kỳ một trang blog Opera nào để tìm hiểu xem "họ đã làm điều đó như thế nào?", hihihi... Và tất nhiên, bạn có thể xem bất kỳ một trang web nào có sử dụng CSS (thế nên mới... &M, hihihi...).



Để chỉnh sửa giao diện Blog Opera, bạn hãy xem các bài hướng dẫn trong tag "Thay đổi giao diện Blog Opera". Hy vọng là sau khi đã sử dụng thành thạo "đồ chơi" này, bạn cũng sẽ hết ghiền chỉnh sửa giao diện Blog Opera, như tôi vậy, hihihi...

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


Bình Quới 2Quà Hà Nội

Comments

khanhhuyvt 29. August 2008, 16:16

Hí hí, thật tuyệt vời, cảm ơn Chị lần nữa về cái vụ khai sáng thêm CSS cho em và cả nhà.
Có những đoạn CSS, em không hiểu nó làm gì, hiển thị ở phần nào, bây giờ tha hồ mà tìm hiểu, thích quá :D
Mà cái này chỉ hoạt động trên mỗi Fire Fox thôi hở chị? Em thì quen duyệt bằng Opera và Maxthon à.
Em đang tải đồ chơi về, hí hí.

GrassNCloud 29. August 2008, 16:36

Em xí phần tí :|. Cái "phụ kiện" này em có giới thiệu chị mà XD. Hì, tiện bài chị, có một add-on rất hay của FF nữa là Firebug: Thông tin và download Firebug cho Firefox .

Đây là một công cụ nên có đối với bất kỳ web developer hoặc designer nào. Và dĩ nhiên, đối với người dùng thông thường, nó cũng phát huy được hiệu quả vô cùng lớn bởi tính tiện dụng và trực quan.

(Kết thúc 1 phút quảng cáo ạ p:)

hoangkimlien 30. August 2008, 05:09

chị ơi, sao em thay đổi ảnh trong profile mà ko được. chị bày cho em với, cảm ơn chị nhiều

hoangkimlien 30. August 2008, 05:16

mong chị trả lời giúp em với ạ. Em thay đổi ảnh trong profile mà ko đc, hình như phiên bản mới nó ko hiện ra show the picture nữa, em ko bit chỉnh sửa ở đâu cả. thz chị.

huynhtich 30. August 2008, 07:44

lâu wá ko ghé thăm chủ nhà. Thanks bài này!

sieunhanbo87 3. September 2008, 18:06

Nói thêm về chức năng edit css trực tiếp đi sis, cái Ctrl+Shift+E ấy, đó mới là cái tuyệt vời :o:

Mjtu 7. September 2008, 10:32

Chị ui !
Giúp em cách chỉnh sửa cái blog của em với !awww
Em muốn thay đổi 1 chút ở blog mà đọc hướng dẫn chẳng hiểu j` cả. Cái custom style sheet ấy !:frown:

dmanhung 31. October 2008, 01:25

Bạn ơi, dùng fire fox thì thấy được CSS, còn nếu duyệt web bằng IE hoặc Opera thì CSS ở đâu, sao lục ra, bạn giúp mình với, thanks

mattroicuame 25. November 2008, 07:40

mình cũng vậy, khi kích vào đường link của bạn "Click vào đây và download Web Developer 1.1.6 for Fire Fox" trong bài viết này để tải Fire Fox về sao không tải được hả bạn. Nó không hiện cái dòng instal gì cả. Vậy có cách gì không bạn. Opera mình còn chưa biết gì cả, bây giờ có baby mới tập tành bắt chiếc mọi người thôi mà. Giúp mình nhé

sieunhanbo87 26. November 2008, 02:13

bà chị tải fire fox ở đây
http://downloads.yahoo.com/vn/firefox/?gclid=CIj16KfikZcCFQ-OTAod2wQnJQ
rồi dùng fire fox vào đây tải webdeveloper
https://addons.mozilla.org/en-US/firefox/addon/60
(máy tính phải mạnh một chút chạy fire fox mới sướng chị ạ :ko:)

trunglovestrang 9. December 2008, 14:14

Hi,

Hic, Mình mù tịt về IT. Mình không biết trang trí cho cái Blog của mình như thế nào.
Mình muốn làm cái Background và trang trí blog đẹp một chút nhưng không biết phải làm thế nào. Xin chỉ giáo!

Many thanks

kids196870 10. February 2009, 10:23

Thx chị! phần mềm này hay quá, em mới lập blog trên Opera nên chưa biết nhiều, mấy thủ thuật của chị hay thật ^^!

Gaulois102 14. February 2009, 09:51

Thank you so much.
Merci beaucou

Cám ơn chị rất.....rất nhiều

ngaymoiden 28. February 2009, 18:58

Add on này hay quá!!! Cám ơn chị đã giới thiệu
Em xin phép add friend nhé :smile: .....

thuanmagic373 3. April 2009, 11:10

chi co nhieu bai hay wa,cam on vi nho chi ma minh cung lam duoc cai blog do do chut,chi co ranh ghe qua choi va cho y kien dum nhe.thank

linhnhat2810 9. April 2009, 04:01

chào chị em muốn skin giao diện của chị đc kg vậy?

minhphuc80 10. June 2009, 14:51

Cám ơn chị.

kimsangchung 11. July 2009, 12:52

quá hay, cảm ơn bà chị nhiều

feeling9 3. August 2009, 08:45

Tuyệt vời.Thanks bạn nha

hieundch 9. August 2009, 07:55

chi cho em lam quen nha'
em moi lam opera can hoc hoi nhieu mong chi giup cho

haughtyboy 23. September 2009, 17:05

Mỗi lần vào IE thấy nản quá, blog mình mất bao công chăm chút trên FF và Opera giờ đây vào đây nó là 1 đống ko có gì để tả:cry:

sieunhanbo87 24. September 2009, 01:44

Đặc biệt là với IE6 :D
Cho nên bác cần chia sẻ tới 70% sự chăm chút của mình đối với blog trên trình duyệt IE :wink:

zbinh 28. September 2009, 04:22

cảm ơn chị rất chi là nhiều đúng là đi mò ID và class cực thật!!
cảm ơn lần nữa

meoou 23. October 2009, 08:04

Cám ơn chị về các bài hướng dẫn,e đã tập tành được một ít, nhưng vẫn còn vấn đề. nếu chị rảnh ghé qua blog của e, ngó jùm em cái shoutbox, e de trasnparent rồi mà nó vẫn cứ thế, chả thấy trong suốt tí nào.
E k biết là code nào trong 2 cái này
#shoutbox li {
background: transparent;
border: none;
}
#shoutbox blockquote p {
background: transparent;
}
Cám ơn chị trước :smile:

nhimxu115 11. November 2009, 18:44

uhm
de em thu cai da nghen. hixhix

Write a comment

You must be logged in to write a comment. If you're not a registered member, please sign up.

December 2009
S M T W T F S
November 2009January 2010
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31