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.
---------------------------------------------
Code css:
.mod_all #disclosure .updates-disclosure, .mod-popup #disclosure .updates-disclosure {font-size:0;} |
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.
#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ỏ
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;} |
.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ự.
#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
---------------------------------------------
Code được soạn và chia sẻ bởi ytuongquang.
(copy nhớ ghi lại đúng nguồn/tác giả
Nếu bạn gặp khó khăn về ngoại ngữ hãy coppy tên try cập ( link ) của trang hoặc đoạn văn bản cần dịch dán vào trang Google dich . Xin cảm ơn các bạn đã ủng hộ chúng tôi !
0 nhận xét:
Đăng nhận xét