Sử dụng CSS trong trang trí guestbook(lưu bút) khá đơn giản và được ít người quan tâm vì thế mình sẽ đi thẳng vào vấn đề mà không dài dòng văn vẻ gì cả...! Tại đây mình sẽ giới thiệu cho các bạn cách trang trí 1 trang guestbook nhanh một cách thật dễ dàng, chỉ việc copy lại và dán ^^!
Hiện nay có khá nhiều guestbook hỗ trợ CSS nhưng mình chỉ làm demo củaĐăng ký guestbook gbs.c-stat.eu vì nó ổn định dễ sử dụng và ít lỗi.
Vào đây để xem democlick! Vào xem thử
Vào Xem thử
Với style nhẹ nhàng tạo cảm giác dễ chịu khi truy cập đúng không!? Nếu muốn làm một trang như trên trước tiên các bạn phải đăng kí ởgbs.c-stat.eu nhấp vào "Registration" để đăng kí lưu bút. Điền đầy đủ thông tin như Name(tên tài khoản) Password(mật khẩu) Repeat password(lặp lại, xác nhận mật khẩu) Site address(trang wap của bạn, lưu ý không viết http:// ) Xong thỳ đăng nhập vào rồi nhấp "Change personal css style" xóa tất cả CSS mặc định của nó và dán đoạn CSS dưới này vào thôi!
body {color : #ff4400;font-size : 11px;font-family : Tahoma;margin : 0;padding : 0;border : 1px solid #ff5500;margin: auto; max-width: 500px; background-image : url(http://truongtandat007.xtgem.com/images/A2.gif);background-repeat : repeat } a:link, a:visited {color : #ff00ff;text-decoration : none;}a:hover, a:focus {color : #ff8700;text-decoration : none;text-shadow: 0 0 6px #ff4e00}.c { color : #ff0000;text-shadow : #ffaa00 1px 1px 1px;background-color : #ff4400;background-image : url(http://truongtandat007.xtgem.com/images/116.jpg);background-repeat : repeat } input { } .zin { background-image : url(http://truongtandat007.xtgem.com/images/A1.gif);background-repeat : repeat } .pra { color : #ff9900;background-color : #ff00ff;background-image : url(http://truongtandat007.xtgem.com/images/Saoxanh.gif);background-repeat : repeat} hr { color: lime; } [http://truongtandat007.xtgem.combody {color : #ff4400;font-size : 11px;font-family : Tahoma;margin : 0;padding : 0;border : 1px solid #ff5500;margin: auto; max-width: 500px; background-image : url(http://truongtandat007.xtgem.com/images/menu2.gif);background-repeat : repeat } a:link, a:visited {color : #ff00ff;text-decoration : none;}a:hover, a:focus {color : #ff8700;text-decoration : none;text-shadow: 0 0 6px #ff4e00}.c { color : #ff0000;text-shadow : #ffaa00 1px 1px 1px;background-color : #ff4400;background-image : url(http://truongtandat007.xtgem.com/images/114.jpg);background-repeat : repeat } input { } .zin { background-image : url(http://truongtandat007.xtgem.com/images/A6.gif);background-repeat : repeat } .pra { color : #ff9900;background-color : #ff00ff;background-image : url(http://truongtandat007.xtgem.com/images/112.jpg);background-repeat : repeat} hr { color: lime; }<br /> [http://truongtandat007.xtgem.com
Dán xong quay lại bảng điều khiển nhấp "Using style" chọn "Personal css style" và hoàn tất một trang guestbook sử dụng CSS...
Viết đến đây thôi nếu có time và được ủng hộ mình sẽ tiếp tục viết phần khác! Những phần sau sẽ đúng nghĩa 1 bài hướng dẫn như sử dụng thuộc tính, một số quy tắc dùng css, viết giản lược... Để các bạn có thể tự sáng tạo làm ra một bộ CSS mang phong cách của riêng mình.
cho người khác tìm được nguồn để nghiên cứu hay được hỗ trợ thực hiện! Thành thật cảm ơn...
Những đóng góp, hỗ trợ, xin vào mục giao luu 007

document.writeln('Thế giới sex');('Kho Game');('Nhạc chuông mp3');('Phần mềm ứng dụng');('Hình nền động');('0pera Mini');('Thủ thuật điện thoại');('Giải trí thư giản');('Bệnh tình dục');('Các Tiện ít');('Ảnh sex bản đẹp');('Wapmasters');

1/254