Username:
Password:
Remember me?

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down Thông điệp [Trang 1 trong tổng số 1 trang]

1Sat Aug 17, 2013 10:25 am


:
Kirigaya Kazuto
Kirigaya Kazuto
Hiện đang:
Kazuto

Kazuto


:
Bookman Lavi
Chưa có Pet
Chưa có lover
Hướng dẫn làm bg bbcode bằng hình Empty


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;"></br>


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!








Trả lời

2Sat Aug 17, 2013 10:29 am


:
Aoi
Aoi
Hiện đang:
Gekikara

Gekikara


:
L Lawliet
Hướng dẫn làm bg bbcode bằng hình Empty
@Kazu: . . . HTML code đúng hơn chứ ".."








Trả lời

3Sat Aug 17, 2013 5:34 pm


:
Kirigaya Kazuto
Kirigaya Kazuto
Hiện đang:
Kazuto

Kazuto


:
Bookman Lavi
Chưa có Pet
Chưa có lover
Hướng dẫn làm bg bbcode bằng hình Empty
Quen gọi như nhau rồi :v








Trả lời

4

Sponsored content
Hiện đang:

Hướng dẫn làm bg bbcode bằng hình Empty








Trả lời

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang Thông điệp [Trang 1 trong tổng số 1 trang]

Permissions in this forum:
Bạn không có quyền trả lời bài viết