Phần nhập mã captcha được VNTeam đưa vào từ hôm 8 tháng
4-2010 vừa rồi, lý do cho việc này là để chặn Spam. Nhiều blogger cho
rằng đó
là phiền hà, nhưng thật ra VNTeam làm vậy cũng là vì nhiều blogger kiến
nghị
thôi. Trong 2 lần họp Offline tại TP.HCM( 1/11/2009 và 24/1/2010), nhiều
bạn đã
than phiền rằng blog có quá nhiều Spam, đặc biệt là các tin Spam tự
động( thực
hiện bởi các soft Auto-spam).

Khách quan mà nói thì không thể trách gì VNTeam được, bởi vì
9 người 10 ý, VNTeam không thể làm hài long tất cả được…

Thôi, bàn luận chút xíu rồi quay vào vấn đề chính của entry
này đây. Hôm nay ytuongquang đã bỏ ra một buổi để mò mẫm code css nhằm
tùy biến
các thành phần liên quan về cái CAPTCHA này, mục đích là để cho nó sinh
động
hơn, hay là đỡ nhàm chán cho các bạn đỡ ghét cái captcha đó, đỡ ghét
VNTeam
vậy.


---------------------------------------------

1/ Ẩn
dòng chữ: quyết định ai
được xem thông tin cập nhật...

Code css:

.mod_all #disclosure .updates-disclosure, .mod-popup #disclosure .updates-disclosure {font-size:0;}

2/ Đổi Font, Size và màu chữ của đoạn “Nhập chuỗi
mã này”:

Code css:

.captchaDisplay {color:red;font-family:Monotype Corsiva;}

Monotype Corsiva là tên loại font bạn thích



Size
của nó:

.captchaDisplay label {font-size:23px;font-weight:bold;}

Bạn có thể đổi red là màu đỏ thành màu khác với tên tiếng
anh, ví dụ xanh dương là blue, xanh lá
green, vàng là yellow

Hoặc có thể đổi theo cách tống quát bằng cách thay red bằng
#FFFFFF

Với 6 chữ F là mã màu trắng, bạn có thể đổi mã màu khác bạn
thích.



3/
Chỉnh khung nhập mã: chỉnh độ
rộng, đổi màu, trong suốt…

#yui-main form input.captchaBox, #yui-main form input#captchaAnswer, #yui-main form input.captchaAnswerBox {background:none repeat scroll 0 0 transparent;width:196px;}

Đó là ta làm trong suốt khung nhập
mã, nếu muốn “tô” màu nền cho nó thì đổi transparent
thành #000000 (6 số 0 là mã màu đen chẳng hạn)

Ví dụ Thay màu ô nhập mã là màu đen, ta
có
code sau:

#yui-main form input.captchaBox, #yui-main form input#captchaAnswer, #yui-main form input.captchaAnswerBox {background:none repeat scroll 0 0 #000000; width:196px;}

Số 196 đó bạn có thể tăng hoặc giảm,
tuy nhiên đừng giảm quá nhỏ



4/
Viền khung nhập mã: độ dày và
đổi màu viền:

captchaAnswerBox {border-color: #000000;border-width:4px;}

Bạn đổi màu tương tự, số 4 là độ dày
của viền khung nhập mã, bạn đổi tùy thích số mấy cũng được.

5/
Ẩn nút âm thanh(đọc mã
captcha, vốn không đọc rõ ký tự, và không mấy ai dùng tới, nếu cần thì
người ta
chọn đổi mã rồi, tiện hơn, bỏ nó đi sẽ gọn đẹp hơn)

.captchaDisplay a, .captchaDisplay button {display:none;}

6/ Chiều cao và độ rộng của hình hiển thị dãy mã:

.captchaContentBox {background:none repeat scroll 0 0 #FFFFFF;border:1px solid #B3B3B3;clear:both;margin-top:5px;min-height:120px;overflow:hidden;position:relative;width:200px;}

120 là chiều rộng, 200
là chiều cao, bạn có thể đổi ttheo ý muốn, nhưng đừng đổi số quá bé vì
sẽ làm
mất bớt các ký tự.



7/ Chèn
banner cuối mỗi bài
viết/ bình luận- cách ytuongquang:

#disclosure .updates-disclosure .hd span { background:url(http://c.upanh.com/upload/3/670/3L0.7776568_43702_11560.jpg) no-repeat scroll 0 0 transparent;display:block;float:left;height:136px;margin-right:5px;width:465px;}

Thay link ảnh, chiều cao và rộng của ảnh, Left là canh trái
ảnh, có thể thay bằng Right là canh phải.Chú ý: vấn đề bảng mã
màu xem thêm tại đây