My OperaMake opera theme part.2
Monday, July 23, 2007 2:02:48 PM
Well, chắc nhiều người đã đọc qua những hướng dẫn làm theme cho blog opera của anh Phạm Lâm và chị Đan Quỳnh, và nghĩ đây sẽ là một bài thừa thãi hoặc...e hèm...ăn cắp của 2 người đó chẳng hạn. Đúng là trong quá trình tạo nên theme cho blog của mình, DoS đã phải học hỏi rất nhiều từ 2 người đó. Nhưng...học bao nhiêu vẫn chưa đủ. Dù đã đọc kỹ những hướng dẫn của 2 người trên, DoS vẫn mất hơn 1 tháng để mày mò cho ra cách làm theme hoàn toàn là của mình. Tuy nhiên, vẫn rất cảm ơn anh Phạm Lâm và chị Đan Quỳnh (hehe, chẳng biết sao cứ gọi là Dân Quỳnh thôi) đã giúp đỡ rất nhiều trong việc này ^ ^
--------------------------------------------------------------------------------------------
Phần 2 : Nâng cao hơn, bố cục và những vấn đề khác
--------------------------------------------------------------------------------------------
Phần 2 : Nâng cao hơn, bố cục và những vấn đề khác
--------------------------------------------------------------------------------------------
Bố cục : Nếu bạn không thích bố cục của opera mà muốn đảo ngược vị trí lại, các tag ở bên trái thay vì bên phải, và bài viết nằm ở bên phải chứ không ở bên trái thì làm như sau. Tìm các thẻ mã sau '#mainwrap {' và '#main {' và '#sidewrap {' . Trong mã 'float' , cái nào là 'right' thì chỉnh lại là 'left' và ngược lại. Tương tự 'margin-right' thì đổi thành 'margin-left' và ngược lại, đồng thời chỉnh các chỉ số cho phù hợp. So easy, okie? Bạn có thể tham khảo thêm ở đây
Link : Một vấn đề nữa, đó là màu của các dòng link. Bạn tìm các thẻ mã sau 'A:link {' và 'A:active {' và 'A:visited {' và 'A:hover {' . Chỉnh màu ở mã 'color' . Ngoài ra, ở mã 'text-decoration', bạn có thể chỉnh thêm về chữ như Blod (in đậm), Italic (in nghiêng), underline (gạch chân)...
Link trên tag : tuy nhiên, chỉnh như vậy thì các link trên tag vẫn không thay đổi. Để triệt để hơn, các bạn tìm những thẻ mã sau '#side A:link {' và '#side A:visited {' và '#side A:active {' và '#side A:hover {' . Chỉnh như trên phần link. Nhưng vẫn có 1 chú link có vẻ bất trị. Đó là phần Tag hiển thị link đến những tag của bạn. Nhưng người ta chỉnh được thì mình cũng chỉnh được. Chỉ cần kiên nhẫn 1 tí thôi. Tìm mã thẻ '#tagcloud A:link {' và '#tagcloud A:visited {' và '#tagcloud A:active {' , chỉnh phần mã 'Color' .
Title của tag : nếu bạn vẫn chưa vừa ý vì title của các tag quá chói vì "xung đột màu sắc" với background của tag thì ta sẽ chỉnh sửa như sau. Tìm mã thẻ '#side H2 {' , chỉnh ở mã 'Color' . Tuy nhiên, vẫn còn cái calender cứng đầu không chịu đổi vì nó không "nằm" trong mục các tag. Ta lại phải mất công tìm sửa rồi ^ ^ . Nhưng không sau, dễ thôi. Tìm đến mã thẻ '#side A#calendarmonth {' , và tiếp tục tìm đến mã 'Color' để trị chú cứng đầu này ^ ^ .
Link trên footer : tìm đến mã thẻ '#footer A:link {' và '#footer A:visited {' và '#footer A:active {' . Chỉnh ở thẻ 'Color' .
Link của username : đúng như tên gọi của nó, bạn tim mã thẻ 'A.username:link {' và 'A.username:link {' và 'A.username:link {' . Chỉnh ở thẻ 'Color' .
Maint và subtitle trên banner : tìm mã thẻ '#top H1 {' và '#subtitle {' . Chỉnh ở thẻ 'Color' . Còn nếu thấy nó xấu quá thì làm chữ ở banner ấy, còn chữ title có sẵn của opera thì chẳng ghi vào cái gì là xong
Title của bài post : để chỉnh title của bài post, tìm mã thẻ '.post .title {' và '.post .title A {' và '.post .title A:link {' và '.post .title A:hover {' và '.post .title:hover:unknown {' . Dĩ nhiên là lại chỉnh ở mã 'Color' rồi. À, ngoài ra, bên cạnh title của bài post, còn có phần date-ngày tháng post bài. Nếu lỡ nó trùng màu với màu nền thì chẳng thấy được đâu. Vậy làm cách nào để chỉnh? Hãy tìm tiếp mã thẻ '.postdate {' . Chỉnh ở phần 'Color' . Ngoài ra, nếu bạn muốn nó có thêm cái gì đó xinh xinh ở đầu title bài post thì bạn có thể chỉnh mã 'Background' đấy. Nãy giờ quên nhiều quá, còn quên gì không nhỉ? À, sticky post cũng có thể có 1 biểu tượng vui. Ví dụ bạn muốn để một hình trái tim chẳng hạn. Tìm mã thẻ 'post .sticky {' và chỉnh nó ở mã 'Background' (Well, viết xong bài này tôi cũng chỉnh cái này ^ ^ )
