CHINH PHỤC
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.
Đăng nhập

Ghi nhớ
Latest topics
» Tôi sẽ đỗ đại học!
by nightWalker 9/2/2024, 7:00 pm

» Kỷ niệm xưa của chúng ta
by nightWalker 9/2/2024, 6:49 pm

» Bị lệch khung cần người giúp đỡ
by webhuy28 7/10/2021, 10:34 pm

» [HỎI ĐÁP] Danh sách bạn bè không thể hiển thị
by anhdaodaica1 2/10/2021, 10:04 pm

» [HỎI ĐÁP] Thông tin tài khoản không thể lưu thay đổi
by anhdaodaica1 2/10/2021, 6:05 am

» Phim bố già full
by huy.pc52 24/8/2021, 12:20 am

» Xin code Box HTML cho Forumvi
by Larva 1/7/2021, 12:57 pm

» Hello Anh Em Chinh phục
by HoàngTửNaivip5p 28/5/2021, 5:03 am

» Trang chủ tin tức cập nhật HOT 2016
by kenbi05 1/1/2020, 11:02 pm

» Không Dang9 bài viết = hình ảnh được
by huy.pc52 30/11/2019, 10:52 am

» CHÚC ANH EM NĂM MỚI VUI VẺ TRÀNG ĐẦY HẠNH PHÚC
by sps.kủn 12/2/2019, 1:16 pm

» Skin CNTT-K3 2015 (Full Mod)[✔]
by kenbi05 6/7/2018, 12:30 am

» baivong, handsome,....
by sps.kủn 29/6/2018, 1:54 pm

» [SHARE] SKIN ĐHFM.V7 @PUNBB
by tonyhoaivu 2/5/2018, 2:37 pm

» Share Skin Xanh Dương Cùi Bắp
by tonyhoaivu 28/4/2018, 5:57 pm

» Xin Skin http://v1.hotrofm.net/
by tonyhoaivu 28/4/2018, 5:45 pm

» Xin Skin Rao Vặt
by tonyhoaivu 15/4/2018, 12:07 pm

» Làm Sao Để Xóa Khung Này
by tonyhoaivu 14/4/2018, 7:18 pm

» [Lập nhóm]Lập nhóm fm
by vietkanpy 31/3/2018, 11:53 am

» [Help] về server úp ảnh của phutu [✔]
by baivong 17/3/2018, 10:18 pm

» Đừng khóc cho “tôi – Chinh Phục!”…
by AnHung 27/2/2018, 5:33 pm

» [Share] Skin Diendandaihoc.com [ Punbb ] [✔]
by Lu Mờ 13/2/2018, 7:28 pm

» Mời mấy thím vào groups Forumotion Việt Nam.
by dang02315 13/2/2018, 12:40 am

» Có thể làm các kiểu giao diện được không?
by Lu Mờ 9/2/2018, 3:40 pm

» ltns chinhphuc.info
by Shinichi Kudo 27/1/2018, 2:27 am

Top posting users this week
No user


Cùng nhau chinh phục CSS phần 5 - chatbox

2 posters

Go down

Cùng nhau chinh phục CSS phần 5 - chatbox Empty Cùng nhau chinh phục CSS phần 5 - chatbox

Bài gửi by CPFounder 19/9/2008, 6:45 pm

/* Chatbox-------------------------------------------------*/
body.chatbox {
background-image: url(https://msp279.photobucket.com/albums/kk125/Riktascale/ColourSmileyFace.jpg);
background-repeat: repeat; <---Dòng này thêm vào để hình nền nó lặp lại, còn ở trên là thêm ảnh nền
}
.chatbox {
background-color: #999999; <----Màu nền
}
#chatbox_header {
height: 30px;
background-color: #000000;<----Có thể chèn hình nền vào, dùng hình ghi câu chú ý hay quy định là tốt nhất
}
.chatbox .forabg {
margin: 0;
border: none;
}
.chatbox-title,.chatbox-title a.chat-title {
color: #ffffff !important;
}
.chatbox-title {
float: left;
margin: 0;
padding: 2px 5px 0 5px;
width: 12em;
}
.chatbox-options {
float: right;
list-style: none;
font-size: 11px;
margin: 0.7em 0.5em 0.5em 0.5em;
}
.chatbox-options li {
display:inline;
}
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
color: #ffffff;
}
#chatbox_members {<----Có thể dùng hình nền để chatbox thêm sinh động. Chú ý chỉnh bề rộng tương ứng.
position: absolute;
top: 30px;
bottom: 30px;
width: 180px;
overflow: auto;
border-right: 1px solid ;<----Tùy chỉnh đường kẻ ngăn cách phần member và phần nội dung chat
}
#chatbox_members .member-title {
text-align: center;
padding: 0.5em 0.25em;
background-image: none;
font-size: 12px;
background-color: #02710e;
}
#chatbox_members ul {
list-style-image: url(http://www.freeiconsweb.com/Icons/16x16_Flag_icons/objects_062.gif); <----Ứng dụng list style là hình ảnh, nhớ chỉnh số cuối ở dòng margin bên dưới tăng lên chút đỉnh.
margin: 0 0 0 3em;
}
#chatbox_members ul li {
margin: 0.5em 0.5em 0.5em 0;
}
#chatbox { <---- Chỉnh vị trí của khung hiển thị lời thoại bào gồm cách lề trên, trái phải, dưới
position: absolute;
top: 30px;
left: 181px;<----Nếu đã chỉnh bề rộng khung member list thì cần chỉnh cái này tương ứng
right: 0;
bottom: 40px;
overflow: auto;
line-height: 10px;
}
.chatbox_row_1 { <---- Chỉnh màu của dòng chữ thứ I
padding: 4px;
background-color: #999999;
}
.chatbox_row_2 { <---- Chỉnh màu của dòng chữ thứ II
padding: 4px;
background-color: #ffffff;
}
.chatbox_row_3 {
padding: 4px;
background-color: #02710e;
}
.memberlist_row_1 {
background-color: #999999;
}
#chatbox_footer { <---- Chỉnh vị trí màu nền của các button ở góc dưới cùng của chatbox
position: absolute;
bottom: 20px;
left: 0;
right: 0;
padding: 5px;
}
#chatbox_footer label {
color: #ffffff;
}
#message,#submit_button{
border-width: 1px;
}
.fontbutton {
padding: 1px;
cursor: pointer;
text-align: left;
}
.fontbutton_normal {
background: transparent;#E1E1E2
}
.fontbutton_selected {
background: #BBC7CE;
border: 1px solid #22229C;
}
.fontbutton_clicked {
background: #959595;
border: 1px solid #22229C;
}
.fontbutton_hover {
background: #E1E1E2;
border: 1px solid #22229C;
}
#chatbox_contextmenu {
border: 2px solid black;
background-color: #f3f3f3;
}
#chatbox_contextmenu p {
border-bottom: 1px solid #000009;
padding: 5px 20px 5px 0px;
margin: 0px;
}
#chatbox_contextmenu p.close {
background-color: #105290;
padding: 0px;
}

Từ từ khám phá thêm sẽ bổ sung.
...Vừa bổ sung thêm 1 số khám phá.


Được sửa bởi Ea8x ngày 3/10/2008, 12:01 pm; sửa lần 2.
CPFounder
CPFounder
CPAdministrator
CPAdministrator

Firefox PunBB
Ngày đăng ký : 09/04/2008
Số bài : 6169
CPP : 3352
Châm ngôn sống : Vì tương lai Chinh phục chúng ta

http://www.chinhphuc.info

Về Đầu Trang Go down

Cùng nhau chinh phục CSS phần 5 - chatbox Empty Re: Cùng nhau chinh phục CSS phần 5 - chatbox

Bài gửi by CPFounder 3/10/2008, 11:57 am

Nâng cao : [phpBB 2 + 3]Tạo NOtice cho chatbox
Để hỗ trợ việc chỉnh sửa ảnh nền tham khảo http://chinhphuc.info/forum-f77/topic-t168.htm
CPFounder
CPFounder
CPAdministrator
CPAdministrator

Firefox PunBB
Ngày đăng ký : 09/04/2008
Số bài : 6169
CPP : 3352
Châm ngôn sống : Vì tương lai Chinh phục chúng ta

http://www.chinhphuc.info

Về Đầu Trang Go down

Cùng nhau chinh phục CSS phần 5 - chatbox Empty Re: Cùng nhau chinh phục CSS phần 5 - chatbox

Bài gửi by Lowie 25/7/2013, 10:06 am

lục lọi thử tí kiêu
Lowie
Lowie
CPPurpleMember
CPPurpleMember

No choice PhpBB2
Ngày đăng ký : 24/06/2011
Số bài : 1345
CPP : 231
Châm ngôn sống : Dẫu hiên ngang giữa đất trời, VỢ DÂM BẠN ĐỂU thì đời cũng xong!

Về Đầu Trang Go down

Cùng nhau chinh phục CSS phần 5 - chatbox Empty Re: Cùng nhau chinh phục CSS phần 5 - chatbox

Bài gửi by Sponsored content


Sponsored content


Về Đầu Trang Go down

Về Đầu Trang

- Similar topics

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