Mạng Giải Trí Online

—¤™(¯`†´¯) —»Thành_Công«— (¯`†´¯)™¤—
 
Trang ChínhTrợ giúpTìm kiếmThành viênNhómĐăng kýĐăng Nhập
Top posters
ThanhCong
 
s2lovelytt
 
anhtrang01
 
slil
 
pe.keomut_love_who
 
kidlove
 
thanhcong1989
 
190231
 
2012
 
sjfff
 
Similar topics
Latest topics
» Hướng dẫn cách kiểm tra xuất xứ, nơi sản xuất, phân phối iPhone 100%
by ThanhCong Tue Nov 29, 2016 6:37 pm

» Hướng dẫn tạo USB cài đặt Windows không cần phần mềm
by zzcongtuzz19x6 Thu Nov 24, 2016 7:47 am

» Đề cương môn cảm biến phần 1
by ThanhCong Thu Jul 21, 2016 4:41 pm

» Đề cương môn cảm biến phần 1
by ThanhCong Thu Jul 21, 2016 4:40 pm

» Bảng thông báo đẹp cho forum
by ThanhCong Fri Dec 12, 2014 10:36 pm

» Làm ảnh động GIF đơn giản bằng Photoshop và Giffing Tool
by ThanhCong Fri Dec 12, 2014 10:02 pm

» Hướng dẫn lắp Diode LED
by ThanhCong Thu Dec 04, 2014 9:48 pm

» Cách đọc trị số của điện trở
by ThanhCong Thu Dec 04, 2014 9:32 pm

» Bài 2 - Hướng dẫn sử dụng đồng hồ đo các loại.
by ThanhCong Wed Oct 22, 2014 9:12 pm

» Bài 1 - Kiến thức căn bản
by ThanhCong Wed Oct 22, 2014 9:06 pm

» Tìm Driver máy tính đơn giản, mọi người đều có thể làm
by ThanhCong Sun Apr 20, 2014 10:28 pm

» Thăng Long - Hà Nội nghìn năm văn hiến
by ThanhCong Sun Mar 02, 2014 6:17 pm

» Thế nào là Nhôm ?
by ThanhCong Sun Dec 29, 2013 10:25 am

» Câu chuyện về cuộc sống ( triết lý cuộc đời )
by ThanhCong Sun Nov 10, 2013 9:06 pm

» Thanh Dock đẹp cho win 7 Xp tổng hợp
by ThanhCong Sun Nov 03, 2013 5:27 pm

Poll
Statistics
Diễn Đàn hiện có 115 thành viên
Chúng ta cùng chào mừng thành viên mới đăng ký: Ren_KXO

Tổng số bài viết đã gửi vào diễn đàn là 661 in 615 subjects
QUY ĐỊNH CHUNG CHO CÁC THÀNH VIÊN TRONG DIỄN ĐÀN Thành công
Mon Oct 17, 2011 12:39 pm by ThanhCong
QUY ĐỊNH CHUNG CHO CÁC THÀNH VIÊN TRONG DIỄN ĐÀN FORUM Wed 1 Jun 2011 - 20:57 Trả lời với trích dẫn nội dung bài viết này Sửa/Xóa bài viết Xóa bài viết Xem địa chỉ IP của thành viên này
* Tất cả thành viên có trách nhiệm thực hiện nội quy khi tham gia hoạt động trên http://thanhcong.forumvi.com/forum đồng thời chú ý theo …

Comments: 3


Share |

Đóng khung avatar bằng css

Tác giả Thông điệp
ThanhCong

Chủ diễn đàn



avatar


Tổng số bài gửi : 1072
Tài sản Tài sản : 3197
NGAY SINH NGAY SINH : 14/01/1996
NGAY THAM GIA : 28/08/2011
TUOI : 22
Đến từ Đến từ : Hà nội

Bài gửiTiêu đề: Đóng khung avatar bằng css Mon Dec 12, 2011 1:03 pm

Dạo web 1 vòng kiếm được đoạn code hay thế là chia sẻ anh em ngay kẻo nguội mất.
Cơ bản chỉ dùng cho version nào thay đổi được template.

Bước 1: Vào ACP_Template_view topic body_tìm chỗ AVATAR thêm :

Code:

<span class="avatarcp">{postrow.displayed.POSTER_AVATAR}</span>

bước 2: Vào ACP_Display_Colors_CSS thêm đoạn code sau:


Code:

span.avatarcp img {
                max-width:110px;
      background-color:beige;
      border:1px solid #FFCC33;
      -moz-border-radius:5px;
      -webkit-border-radius:5px;
      border-radius:5px;
      padding:8px;
      -webkit-transform: rotate(-4deg);
      -moz-transform: rotate(-4deg);
      transform: rotate(-4deg);
      -moz-box-shadow:2px 2px 10px rgba(0,0,0,0.2);
      -webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.2);
      box-shadow:2px 2px 10px rgba(0,0,0,0.2);
  }
Code gốc không có max-width, mình thêm vô. Còn bên dưới là các thuộc tính mà các bạn có thể thay đổi được để ra cái khung hoành tráng hơn Cười nhe răng.

Bạn nào chế ra được khung đẹp thì post lên để mọi người cùng xài nhé hehe Rose

Nhờ phutu và vk code đã được cải tiến : Khi rê chuột vào thì nó ngay ngắn lại
Code:

span.avatarcp img:hover {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      transform: rotate(0deg);
}
Và để nó hiện trong forum dạng blog thì thêm .blog_comment-avatar img
Cụ thể như sau:

Code:


.blog_comment-avatar img, span.avatar1 img {
  max-width:110px;
  background-color:beige;
  border:1px solid #FFCC33;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  padding:8px;
  -webkit-transform: rotate(-4deg);
  -moz-transform: rotate(-4deg);
  transform: rotate(-4deg);
  -moz-box-shadow:2px 2px 10px rgba(0,0,0,0.2);
  -webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.2);
  box-shadow:2px 2px 10px rgba(0,0,0,0.2)
}
.blog_comment-avatar img:hover, span.avatar1 img:hover{
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg)}

Mọi góp ý cho chinhphuc.info xin gửi về THanh Cong

Chữ ký của ThanhCong



Về Đầu Trang Go down
Xem lý lịch thành viên http://thanhcong.forumvi.com

Đóng khung avatar bằng css

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang

Similar topics

-
» [Shop Avatar Động] Pucca X Garu ~♥~
» Hình đẹp - Phong cảnh
» Hướng dẫn một số chức năng trên diễn đàn (chèn ảnh, upload tài liệu...)
» [K]Chuyện tình thằng lớp trưởng và thằng lớp phó học tập[Shortfic|GTOP]
» [2/4/15][News] BIGBANG sẽ tổ chức world tour qua 15 quốc gia
Trang 1 trong tổng số 1 trang
* Viết tiếng Việt có dấu, là tôn trọng người đọc.
* Chia sẻ bài sưu tầm có ghi rõ nguồn, là tôn trọng người viết.
* Thực hiện những điều trên, là tôn trọng chính mình.
-Nếu chèn smilies có vấn đề thì bấm A/a trên phải khung viết bài

Permissions in this forum: Bạn không có quyền trả lời bài viết
Mạng Giải Trí Online :: Hướng dẫn tạo Forum -
Chuyển đến: