Go Back   Diễn Đàn Bo-Blog Việt Nam > Bo-Blog > Tutorial



About Me
Your Avatar

 
Trả lời Gởi Ðề Tài Mới
 
Ðiều Chỉnh Kiếm Trong Bài
  #1  
Old 24-10-2010, 09:24 PM
champi's Avatar
champi is offline
Đẹp trai nhất vùng
 
Tham gia ngày: Jun 2010
Bài gởi: 813
Default Hướng dẫn làm đẹp cho khung login và đăng ký

Đa phần các skin của boblog đều không chú trọng làm đẹp cho phần login và phần đăng ký.
Dù sao đó cũng là những màn hình mà user đầu tiên vào sẽ phải làm .
Bạn chỉ cần sang sửa qua 1 chút trông nó trở nên gọn gàng và đẹp mắt.
Đây là 2 form của skin default và skin champi10 champi đang sử dụng
DEMO ONLINE: xem phần login trên http://champi.info/blog/
Login: http://champi.info/blog/login.php
Đăng ký: http://champi.info/blog/login.php?job=register
Click the image to open in full size.

Để làm như trên rất đơn giản.
Bạn mở file styles.css lên tìm với từ khóa là "formbox"
Rồi thay thế code css tương ứng như dưới đây. ( Trên file styles.css chắc chắn có những đoạn mã gần tương tự )
.formbox{background:#f5fffa;border: 2px solid #A9DBF6; width:560px; padding:10px;} 
.formbox-comment{padding-top: 10px;}
.formbox-title, .formbox-comment-title{color: #666;font-weight: bold;padding: 5px;border-bottom:1px solid #A9DBF6;}
.formbox-rowheader {background:#A9DBF6; padding: 5px;font-weight: bold; border-bottom:1px solid #A9DBF6;border-right:1px solid #A9DBF6;}
.formbox-content {padding: 5px; border-bottom:1px solid #A9DBF6;}
Bạn có thể chỉnh sửa lại cho phù hợp hơn vơi blog của bạn.

Khi bạn sửa như trên thì phần đăng ký cũng thay đổi theo.
Đây là hình của skin default và 1 số skin khác ( thường là ko có khung )
Click the image to open in full size.

Sau khi bạn dùng mã CSS ở trên nó sẽ trở thành như sau : Bạn có thể xem demo online trên blog champi http://champi.info phần login và phần đăng ký.
Click the image to open in full size.

Sửa như trên xong bạn xem lại form login và đăng ký của bạn sẽ khác liền

thay đổi nội dung bởi: champi, 24-10-2010 lúc 09:40 PM
Trả Lời Với Trích Dẫn
  #2  
Old 25-10-2010, 06:09 PM
Kiss's Avatar
Kiss Kiss is offline
Member
 
Tham gia ngày: Sep 2010
Bài gởi: 80
Default

Bóc Tem ah pi nè
Trả Lời Với Trích Dẫn
  #3  
Old 12-06-2011, 04:09 PM
nhocksoc's Avatar
nhocksoc nhocksoc is offline
Member
 
Tham gia ngày: Jun 2011
Đến từ: Thiên Đường
Bài gởi: 85
Gửi tin nhắn qua Yahoo chát tới nhocksoc
Default

mà mình mún sửa chiều dài khung reg thì sao
khung bên trái ấy
Trả Lời Với Trích Dẫn
  #4  
Old 04-12-2011, 03:15 AM
anhsangcuadoitoicp333's Avatar
anhsangcuadoitoicp333 anhsangcuadoitoicp333 is offline
Member
 
Tham gia ngày: Dec 2010
Bài gởi: 39
Default

Click the image to open in full size.

tớ làm y hết hướng đẫn khung login thì đc còn khung reg thì bị bạn có thể giúp mình ko

<----------> Bổ sung bài viết vào lúc 04:15 AM <---------->

à tớ làm đc rồi. thanks boy nhìu
Trả Lời Với Trích Dẫn
Trả lời Gởi Ðề Tài Mới

Tags
cho, dẫn, hướng, , khung, làm, login, , đẹp, đăng

Ðiều Chỉnh Kiếm Trong Bài
Kiếm Trong Bài:

Kiếm Chi Tiết

Chuyển đến


Múi giờ GMT. Hiện tại là 02:34 PM.
Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.
vdata

Bo-Blog Việt Nam

Bo-blog
9.9 10 13259