Magic school ( rất xin lỗi đã ngừng hoạt động )

Cám ơn đã ủng hộ, vui lòng kiểm tra hộp tin nhắn của bạn trước khi off hoàn toàn
 
Trang ChínhLatest imagesTìm kiếmĐăng kýĐăng Nhập
NoteĐóng lại

Hướng dẫn cách tạo bg hìnhXem chủ đề cũ hơn Xem chủ đề mới hơn Go down
Kirigaya Kazuto[Thành viên] - Kirigaya Kazuto
Học sinh
Học sinh
Giới tính Giới tính : Nam
Cung hoàng đạo Cung hoàng đạo : Ma Kết
Bài gửi Bài gửi : 22
Reputation Reputation : 2
Age Age : 28
Hướng dẫn cách tạo bg hình 989327l93at20bl8
#1

Bài gửiTiêu đề: Hướng dẫn cách tạo bg hình Hướng dẫn cách tạo bg hình Nameicon_64094-Mon Jul 29, 2013 8:38 am

HƯỚNG DẪN LÀM HTML BG
 


abcxyz...........................
............................
........................................
.....................................
...................................
.................................
...................................
..............................
.................................
....................................

 
Đây là code y chang bài của mình:
 
Code:
 <div style="background: url('http://i1303.photobucket.com/albums/ag147/BloodyKing95/kxa1_zps7a323751.png');background-attachment: fixed;background-position: center;; border: 1px solid #FF9966; border-radius: 1px 1px; -moz-border-radius: 1px 1px; -o-border-radius: 1px 1px;"><br />
abcxyz...........................
............................
........................................
.....................................
...................................
.................................
...................................
..............................
.................................
....................................
</div>
 
Và sau đây là cách thay đổi:
Code thay đổi là phần chính của mã html như sau:
 
Code:
 <div style="background: url('http://i1303.photobucket.com/albums/ag147/BloodyKing95/kxa1_zps7a323751.png');background-attachment: fixed;background-position: center;; border: 1px solid #FF9966; border-radius: 1px 1px; -moz-border-radius: 1px 1px; -o-border-radius: 1px 1px;"><br />
Phân tử của code rất dễ nhìn và thay đổi như sau:
 
1/ Thay text:
Code:
 abcxyz...........................
............................
........................................
.....................................
...................................
.................................
...................................
..............................
.................................
....................................
Xoá hết đi và thay text mới, xuống dòng thoải mái và sử dụng bbcode đơn giản và html khác thoải mái.

2/ Hình nền đằng sau:
Trong code có đoạn này:
Code:
http://i1303.photobucket.com/albums/ag147/BloodyKing95/kxa1_zps7a323751.png
Các bạn xoá đi và thay direct link ảnh mà các bạn dùng vào.
 
3/ Màu bo viền:
Trong này mình dùng màu bo viền là màu: #FF9966
Trong đoạn:
Code:
 border: 1px solid #FF9966
Muốn thay màu thì cho màu vào thay thế mã màu này cho border.
 
4/ Định phân px:
Viền border của mình là:
Code:
 border: 1px solid #FF9966; border-radius: 1px 1px; -moz-border-radius: 1px 1px; -o-border-radius: 1px 1px;"><br />
Trong này có mấy cái 1px đó, các bạn thoải mái thay đổi cho viền to lên hay bốn góc tròn hơn, muốn quay về góc 90 độ thì cho
Code:
-moz-border-radius: 1px 1px; -o-border-radius: 1px 1px;">
Tất cả px về hàng 0. Còn muốn tròn hơn thì tăng lên.
Thay viền thì thay từ đây:
Code:
 border-radius: 1px 1px
Đây là viền trên dưới, to thì cho lượng px lên, còn ko cần viền thì cho xuống 0.
 
CHÚC CÁC BẠN THÀNH CÔNG!

Tài sản của Kirigaya Kazuto


Pet :
Pet :




Hướng dẫn cách tạo bg hình

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang
Trang 1 trong tổng số 1 trang
* Không dùng những ngôn từ thiếu lịch sự.
* Bài viết sưu tầm nên ghi rõ nguồn.
* Tránh spam nhảm không liên quan đến chủ đề.

Yêu cầu viết tiếng Việt có dấu.


Permissions in this forum:Bạn không có quyền trả lời bài viết
Magic school ( rất xin lỗi đã ngừng hoạt động ) :: Sân trường :: Hướng dẫn Code :: BBcode/HTML-