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!