IT Student

Font chữ của blog : tại sao phải thay đổi font chữ? Tại vì 1 số blog sử dụng những font mà máy tính khác không có --> khi hiển thị sẽ hiển thị không đúng mặt chữ. Bây giờ, bạn tìm thẻ mã sau : BODY { . Trong thẻ mã này bạn sẽ thấy đoạn mã FONT-FAMILY: . Nếu blog của bạn hiển thị không đúng chữ, thì copy đoạn này vào : arial,trebuchet mshelvetica,sans-serif . À quên, tiện thể, nếu màu nền của bạn chưa hợp với ảnh nền, bạn có thể chỉnh thông số ở đoạn mã COLOR:

Banner của blog : tìm thẻ mã: #top . Ở mã background: , bạn chèn địa chỉ ảnh banner của bạn vào : background: url(http:// địa chỉ ảnh của bạn) #000 no-repeat left bottom . Chú ý, chỗ #000 chính là màu nền của banner, bạn có thể chỉnh lại cho phù hợp. Nếu độ cao của banner hơi cao không hiển thị hết như bạn mong muốn, bạn có thể vào mã width: để chỉnh sửa.

Footer của blog - ảnh nền của blog : cũng giống như background của blog, nhưng thẻ mã là : #wrap3 . Cái khác nhau quan trọng là, nếu sau đoạn url(http:// địa chỉ ảnh footer/nền) của bạn, bạn sẽ viết thêm cái gì vào?! Nếu để nguyên không thì nó sẽ thành ảnh nền (lặp đi lặp lại khắp nền blog), còn nếu muốn thành ảnh footer, thì bạn viết thêm vào sau đó dòng bottom (right) no-repeat . Ngoài ra, bạn có thể chèn thêm mã mã (viết dưới dạng #mã màu) để màu nền hợp với ảnh nền

Ảnh nền của bài viết : bạn tìm những thẻ : .post { và .stickypost { và #firstpost { và #lastpost { (theo thứ tự là : bài viết (bình thường), bài viết được chú ý, bài viết đầu tiên và bài viết cuối cùng) . Bạn tìm sửa ở mã background , chèn thêm đoạn url(http:// địa chỉ ảnh nền bài viết) vào. Ngoài ra, bạn có thể chỉnh thêm ở mã Color để màu nền phù hợp với ảnh nền của bài viết.

Các thanh menu : ở trong opera có những thanh menu sau (có thể không phải, nhưng cứ nói đại ) : thanh Opera Community (ở đầu trang, để log in/log out và truy cập quyền quản lý cá nhân), thanh menu Blog (truy cập các thành phần của Blog như Blog/Photo/Link...), các thanh tag, thanh nền của lịch và Get Opera (cái để mà down trình duyệt Opera ấy)
_Thanh Opera Community : thanh này rất nhỏ, chắc chẳng ai muốn chỉnh sửa gì nhiều, ngoài màu sắc của nó. Nhưng đã viết thì viết cho hết vậy. Bạn hãy tìm thẻ mã #topbar { . Chỉnh ở mã background . Bạn có thể chỉnh transparent hoặc chỉnh #mã màu cho thanh này. Nếu cần, bạn có thể chèn link ảnh vào. Điều này tuỳ bạn, DoS thấy không cần thiết lắm. Well, còn chèn thế nào thì cũng giống như cách chèn ảnh như DoS đã hướng dẫn. Ngoài ra, các bạn còn có thể vào mã #topbar A { và#topbar A:hover { (một cái hiển thị lúc bình thường, một cái hiển thị lúc để chuột vào) để chỉnh sửa màu chữ trên thanh này.

_Thanh menu Blog : như đã giới thiệu, chắc các bạn cũng biết cái thanh này trên banner để làm gì rồi đúng không? Ở blog của DoS sẽ không thấy đâu vì DoS đã cho nó transparent rồi, chỉ có mấy chữ thôi. Chỉnh sửa thì tìm thẻ mã sau : #menu A { và #menu A:hover { và #menu A#selected { (trạng thái bình thường, trạng thái lúc đưa chuột vào và trạng thái khi chọn) . Ở thẻ #menu A { và #menu A:hover { , tìm mã background để sửa chữa. Nếu có hình nào đẹp, thích hợp với banner thì đưa link vào. Không thì transparent luôn cho nhanh . Ngoài ra, tìm mã Color để chỉnh sửa màu chữ tuỳ theo trạng thái.

_Các thanh tag : cái này chia ra làm 2 phần : phần tiêu đề của tag và nền của tag. Nói về phần tiêu đề trước. Tìm các thẻ mã #side H2 { và #side CAPTION { và #side H2.feedheader { và #side A#calendarmonth:hover { , chỉnh sửa ở phần background, như thế này background: url(http:// địa chỉ ảnh nền) #mã màu no-repeat left top . Thích thì tinh chỉnh thêm. Tiếp theo là về phần nền của tag. Lúc này tìm thẻ .sidebox .pad { và #calendar { . Chỉnh sửa ở mã background như thế này background: url(http:// địa chỉ ảnh) # mã màu. Lưu ý, phần Lịch (Calendar) là phần riêng rẽ với các tag khác, nên nếu muốn, có thể chỉnh sửa 2 phần khác nhau theo ý thích.
_Phần tag down opera : phần này chẳng muốn chỉnh sửa gì. Nếu muốn không hiển thị, thì copy đoạn mã sau #side #getopera { display: none}

------------------------------------------------------------------------------------------
Kinh nghiệm : như mọi người thấy, việc chỉnh sửa chủ yếu ở phần này là chỉnh sửa ảnh ở background và chỉnh sửa màu. Vậy thì ta hãy tập trung xét đến những vấn đề đó.

Background :Trước hết hãy nói tới cấu trúc của mã background. Nó thường có cấu trúc như sau :
Background : url(http:// địa chỉ ảnh) #(mã màu) right (hoặc left) bottom (hoặc top) repeat (hoặc repeat-x hoặc repeat-y hoặc no-repeat)
url(http:// địa chỉ ảnh) : cái này để hiển thị hình ảnh.
right, left, bottom, top : vị trí xuất phát của ảnh nếu có quá trình lặp, không thì sẽ là vị trí của ảnh)
repeat : lặp toàn bộ, nhưng không cần lắm vì nếu không viết thì quá trình tương tự cũng xảy ra.
repeat-x hoặc repeat-y : chỉ lặp theo chiều ngang(-x) hoặc chỉ chiều dọc (-y)
Tất nhiền, ngoài ra thì còn 1 số mã nữa mà DoS...không hiểu. Vậy nên cũng chẳng dám chỉnh sửa. Nếu bạn nào hiểu thì cứ việc, còn amateur như DoS thì chỉ nên chỉnh sửa những phần trên thôi ^ ^
Ngoài ra, nếu bạn không muốn hiển thị hình ảnh mà muốn nó trong suốt thông với hình nền dưới (đỡ tốn công máy load ảnh lâu ^ ^ ) thì chỉ cần thế này background: transparent .

Mã màu : mã màu ở đây được sử dụng hệ thống màu BGR (Blue-Green-”red”) gồm 6 chữ số (có thể viết gọn) . Ai biết tin học thông thạo thì biết cái này chắc ^ ^ . Cái này thật ra cũng không khó khăn lắm, có thể dùng Photoshop để tra mã màu (từ ảnh copy màn hình). Hoặc vào đây (http://colorschemer.com/online.html) để tra mã màu.

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 (http://my.opera.com/danquynh/blog/show.dml/459662)

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 ^ ^ )

Thật ra sửa trong profile-mylink thì chỉ cần nhấn Ctrl+F rồi ghi vào "profile" thì cũng ra hết thôi. Nhưng...well...cứ viết hết vậy .

Profile : Trong profile thì 2 cái nổi bật nhất là màu nền và hình nền của tiêu đề tag và nền của tag. Thật ra cũng không quan trọng lắm, nhưng nếu bạn thấy nó chọi nhau...như dark style và lại gặp trúng ba cái hồng hồng thì... Vậy thì chỉnh ở đâu nhỉ? Chỉnh ở các thẻ mã này này #profile H2 { và #profile H2 { và #profile .box { và #profile TABLE { , và tất nhiên là chỉnh ở mã Background .

Mylink : Tiếp theo là đến mylink. Như trên với các thẻ mã #mylinks H2 { và #mylinks H2 { và #mylinks .col1 { và #mylinks .col2 { . Chỉnh ở mã Background .

Bố cục trong myfriend : Trong myfriend, có khi do phân vùng cho list friend quá lớn, khiến cho phần hiển thị của chính chủ nhân bị "đá" xuống dưới. Trông chẳng đẹp chút nào phải không? Tuy nhiên, nếu bạn không thấy phiền thì có thể bỏ qua. Còn đây là dành cho những ai thấy phiền . Tìm chỉnh sửa mã thẻ #myfriends { . Chỉnh mã Width cho phù hợp. Tiếp theo, nếu bạn đã chỉnh lại bố cục như phân 2 đã chỉ thì hãy làm tiếp như sau, ở mã thẻ .myfriend { chỉnh lại float: left thành float: right và margin-right thành margin-left và chỉnh thông số phù hợp.

Comment : không liên quan gì tới các phần trên nhưng cũng chen vô. Đầu tiên, có lẽ là chỉnh background cho phần comment. Tìm thẻ mã .comment1 { và .comment1 { . Tất nhiên, vẫn chỉnh sửa ở mã Background . Đến đó có lẽ là xong rồi. Tuy nhiên, ở trong phần comment, có dòng chữ ghi thông tin về người đã comment. Nếu bạn không thích cái màu của dòng chữ đó, thì có thể đổi lại bằng cách tìm thẻ mã .comment-by { và, dĩ nhiên, chỉnh sửa ở phần mã Color .

------------------------------------------------------------------------------------------
Kinh nghiệm : Phần kinh nghiệm này xin bao của phần kinh nghiệm của phần 2. Lý do là phần 2 hơi bị quá dài, và trong phần 3 này có phần comment là dính dáng tới phần 2. Thật ra cũng không có gì to tát lắm, nhưng là để cho những ai thích chỉnh sửa thêm cho phong phú. Đó là, ở những phần mà có mã Color thì hầu hết đó chính là chỉnh màu cho những đoạn text. Thông thường là chỉnh màu là được rồi. Nhưng nếu bạn muốn chỉnh thay đổi cỡ chữ, kiểu chữ hay gạch chân chữ thì sao? Yên tâm. Bạn chỉ cần chỉnh sửa hoặc thêm vào đó (nếu có) những mã sau Font-size và Font-family và Text-decoration . Well... Về Font-family thì DoS không chắc lắm... Với lại thế này. DoS không hiểu vì sao ở mã Text-decoration đáng lẽ đều có thể chỉnh được hiệu ứng Bold, Italic, Underline, nhưng rốt cuộc chỉ có thể chỉnh được Underline mà thôi.

(Written by Dragon of South or Soul Demon or Komired or Giant the Super
Copyright by Dragon of South or Soul Demon or Komired or Giant the Super)