Kênh thông tin giải trí dành cho giới trẻ
Tự động đăng nhập lần sau
Toàn bộ
Đại sảnh
Du lịch VĐ
Làm quen
Thư viện
Thư giãn
Trường xưa
Âm nhạc
Phim ảnh
Thời trang
Cuộc sống
Tâm sự
Chém gió
Năng khiếu
DJ-Club
Bang hội
CLB
Đố vui
Trò chơi
Tin tức
Kỳ thú
Tin học
Ảnh đẹp
Học tập
Linh tinh
Tiêu đềSáng lậpGửi cuốiChuyên mụcBìnhXem
Bài gửi sau cùng
Bài mới trong thời gian

You are not connected. Please login or register

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]

1 [CSS] Member info box - on Tue Nov 13, 2012 8:33 am

 Trùm Forum

Admin

avatar
Trùm Forum


THÔNG TIN
*Mô tả: Khi rê chuột đến nick thành viên, một khung thông tin hiện ra ở góc trái trên forum.

*Tác giả: handsomevip007 - A14 Tôi yêu
*Demo: [You must be registered and logged in to see this image.]
CÀI ĐẶT
*B1: Chèn vào CSS
Code:
/*1*/{position:fixed;top:0;z-index:999;right:0;margin-right:314px;border:4px solid #DDD}
/*2*/{font-weight:normal;line-height:124%;font-size:12px;position:fixed;right:0;padding:5px;top:0;width:300px;height:100px;background:rgba(0, 0, 0, 0.85);border:4px solid #DDD;color:white;text-shadow: 1px 1px 2px white;z-index:999;text-align:justify}

*B2: Thay đổi link thành viên trong code sau rồi thay vào vị trí /*1*/ trong code B1
Code:
a[href="/u6290"]:hover::before

*B3: Thay đổi link thành viên trong code sau rồi thay vào vị trí /*2*/ trong code B1
Code:
a[href="/u6290"]:hover::after
*Lưu ý 1: Khi muốn thêm nhiều thành viên bạn thay đổi link như ở B2 và B3 rồi chèn code như trên, mỗi thành viên cách nhau bằng một dấu phẩy (,)
*B4: Chèn code sau vào tiếp bên dưới những code trên, thay link thành viên, và avatar cho phù hợp, kích thước avatar chiều cao khoảng 105px~110px là đẹp
Code:
a[href="/u6290"]:hover::before{content:url(http://i44.servimg.com/u/f44/12/24/45/65/13-9811.jpg)}

*B5: Chèn tiếp code sau dưới những code trên, thay thông tin thành viên cho phù hợp

Code:
a[href="/u6290"]:hover::after{content:"-X-- THÔNG TIN -------X-------X------X-------- @handsomevip007 là một trong những thành viên xuất sắc của Chinh Phục nắm giữ các trọng trách quan trọng như: CPContributor, CPDeveloper, CPSecurity. Hoạt động chính trong các lĩnh hỗ trợ, sửa lỗi code, phát triển các mods trang trí và làm đẹp cho diễn đàn."}
*Lưu ý 2: Nếu làm cho nhiều thành viên, thì lập lại B4 và B5.



[You must be registered and logged in to see this link.]

[You must be registered and logged in to see this image.]
Xem lý lịch thành viên http://xteenvn.forum-viet.com

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