CLass 12a1
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.


(¯`’•.¸(¯`’•.¸† -‘๑’-CLass 12a1-Kết Nối Bạn Bè CLass 12a1-‘๑’- †¸.•’´¯)¸.•’´¯)
 
Trang chủ 4RTrang ChínhTrang web của lớp 12A1 VB HPGalleryLatest imagesTìm kiếmĐăng kýĐăng Nhập
 Đóng khung avatar bằng css Tdyt10
 Đóng khung avatar bằng css Tdyt10
 Đóng khung avatar bằng css Tdyt10
 Đóng khung avatar bằng css Tongda10 ak_toan nhắn tới Các bạn lớp A1 :" Chúc các bạn ăn tết vui vẻ, hạnh phúc bên gia đình. ".
 Đóng khung avatar bằng css Tongda10 Vân nhắn tới các bạn trong lớp :" Chúc các bạn luôn học thật tốt! hi vọng cả lớp mình có nhiều dịp họp mặt cùng nhau! ".
 Đóng khung avatar bằng css Tongda10 Minh Tuấn nhắn tới Anh em :" nho anh em qua! hom nao lam tran nhi lau lam chua xut tung luoi chu dieu  Đóng khung avatar bằng css Icon_smile) . cai thang bat ga cu che anh haha . i miss you. we are one. ".
(¯`’•.¸(¯`’•.¸† -‘๑’- Chủ đề có bài mới -‘๑’- †¸.•’´¯)¸.•’´¯) (¯`’•.¸ Người gửi ¸.•’´¯)-‘๑’- Thời gian -‘๑’-
một số lưu ý khi đi thi tốt nghiệp thpt môn Lịch Sử năm 2014 ak_toan  Đóng khung avatar bằng css Dongho10 Fri Dec 05, 2014 2:32 am
Phầm mềm bí quyết học tập tôt cho những bạn ham chơi GvVgioitinh  Đóng khung avatar bằng css Dongho10 Wed Dec 18, 2013 11:12 am
Skin aotrangtb.com minh quan  Đóng khung avatar bằng css Dongho10 Tue Oct 15, 2013 7:18 am
Học ngành nào ra trường dễ xin việc ipmac_online  Đóng khung avatar bằng css Dongho10 Tue Aug 13, 2013 4:48 pm
Game cho điện thoại di động, trúng thưởng lớn f.astfive  Đóng khung avatar bằng css Dongho10 Mon Jan 21, 2013 3:32 pm
Phần mềm chat cho ĐTDĐ-siêu rẻ, siêu tiện ích, kết nối Yh boconganh  Đóng khung avatar bằng css Dongho10 Wed Jan 09, 2013 9:52 pm
Việt Nam vô đối ak_toan  Đóng khung avatar bằng css Dongho10 Thu Dec 20, 2012 9:55 pm
Cái này hay ko? lasperpen  Đóng khung avatar bằng css Dongho10 Fri Dec 07, 2012 8:47 pm
Phầm mềm hay cho điện thoại (hot hot) tryforme  Đóng khung avatar bằng css Dongho10 Fri Nov 16, 2012 1:13 pm
Game Online cho điện thoại đây mọi người tryforme  Đóng khung avatar bằng css Dongho10 Fri Nov 16, 2012 1:00 pm
Phần mềm chat cho ĐTDĐ-siêu rẻ, siêu tiện ích, kết nối Yh tryforme  Đóng khung avatar bằng css Dongho10 Wed Nov 14, 2012 8:51 pm
Game Ola - Game cho điện thoại di động, trúng thưởng lớn tryforme  Đóng khung avatar bằng css Dongho10 Wed Nov 14, 2012 8:34 pm
Đóng khung avatar bằng css xeko0007  Đóng khung avatar bằng css Dongho10 Thu Nov 01, 2012 6:10 pm
NIIT –iPMAC tuyển sinh Lập trình viên quốc tế 2012 ipmac_online  Đóng khung avatar bằng css Dongho10 Sat Aug 18, 2012 10:33 pm

Share | 
 

  Đóng khung avatar bằng css

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down 
Tác giảThông điệp
Nick: ak_toan

Danh hiệu: Quản trị diễn đàn
Quản trị diễn đàn
ak_toan


Tình trạng cá nhân.
Sức khỏe Sức khỏe:
 Đóng khung avatar bằng css 210100/100 Đóng khung avatar bằng css Empty_bar_bleue  (100/100)
Vui vẻ Vui vẻ:
 Đóng khung avatar bằng css 210100/100 Đóng khung avatar bằng css Empty_bar_bleue  (100/100)
Họ và tên Họ và tên : Nguyễn Đức Toàn
Giới tính Giới tính : Nam

Số bài Số bài : 583
Số tiền Số tiền : -2147453139
Điểm thanks Điểm thanks : 20
Sn Sn : 29/08/1992
Đến từ Đến từ : Vĩnh Bảo - Hải Phòng
Nghề nghiệp Nghề nghiệp : Sinh viên
Thú cưng Thú cưng : Mèo đáng yêu
Huy hiệu: Huy hiệu: : Víp
Liên hệ: ak_toan
 Đóng khung avatar bằng css Empty
Bài gửiTiêu đề: Đóng khung avatar bằng css   ; Đóng khung avatar bằng css Dongho10Sun Jun 19, 2011 4:08 am

Các bạn đang xem bài viết tại forum lớp 12A1 trường THPT Vĩnh Bảo Hải Phòng
Chủ Đề : Đóng khung avatar bằng css
-------------------------------------------------------------------------------------------------

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:CHỌN NỘI DUNG

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


Bước 2: Vào ACP Display Colors CSS thêm đoạn code sau:


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 .

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

Nhờ phutu và 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)}

 Đóng khung avatar bằng css Cubbar10
 Đóng khung avatar bằng css Untitl20 Đóng khung avatar bằng css Sao11 Đóng khung avatar bằng css Forum10 Đóng khung avatar bằng css Sao11
 Đóng khung avatar bằng css Done1110
Chữ của: Đóng khung avatar bằng css King110ak_toan Đóng khung avatar bằng css King210
Về Đầu Trang Go down
Nick: xeko0007

Danh hiệu: Thành viên mới tinh
Thành viên mới tinh
xeko0007

Họ và tên Họ và tên : nguyen quoc khanh
Giới tính Giới tính : Nữ

Số bài Số bài : 1
Số tiền Số tiền : 20840
Điểm thanks Điểm thanks : 5
Sn Sn : 09/07/1996
Đến từ Đến từ : eeeeeeeeeeeeee
Nghề nghiệp Nghề nghiệp : eeeeeeeeeeeeeeeee
Thú cưng Thú cưng : Ong chăm chỉ
Liên hệ: xeko0007
 Đóng khung avatar bằng css Empty
Bài gửiTiêu đề: Re: Đóng khung avatar bằng css   ; Đóng khung avatar bằng css Dongho10Thu Nov 01, 2012 6:10 pm

Các bạn đang xem bài viết tại forum lớp 12A1 trường THPT Vĩnh Bảo Hải Phòng
Chủ Đề : Đóng khung avatar bằng css
-------------------------------------------------------------------------------------------------

hay
 Đóng khung avatar bằng css Cubbar10
 Đóng khung avatar bằng css Untitl20 Đóng khung avatar bằng css Sao11 Đóng khung avatar bằng css Forum10 Đóng khung avatar bằng css Sao11
 Đóng khung avatar bằng css Done1110
Chữ của: Đóng khung avatar bằng css King110xeko0007 Đóng khung avatar bằng css King210
Về Đầu Trang Go down

 Similar topics

-
» Khung avatar
»  Khung xem video Youtube/Dailymotion ver.2
» Code CSS làm khung đẹp cho file đính kèm
» Bạch Tuyết và... 7 con khùng
» khung bài viết siêu cute


Trang 1 trong tổng số 1 trang
 Đóng khung avatar bằng css Thanks10

 Đóng khung avatar bằng css Krxnbr10Copy đường link dưới đây gửi đến nick yahoo bạn bè! Đóng khung avatar bằng css Krxnbr10

 Đóng khung avatar bằng css Notes10

Permissions in this forum:Bạn không có quyền trả lời bài viết
CLass 12a1 :: THẾ GIỚI IT :: Thủ thuật Forumotion :: Code-
 Đóng khung avatar bằng css Animat10 Đóng khung avatar bằng css Downlo13

FORUM LỚP 12A1 MỘT PHONG CÁCH TRẺ, MỘT PHONG CÁCH XITEEN

 Đóng khung avatar bằng css Banerw10


Free forum | ©phpBB | Free forum support | Báo cáo lạm dụng | Thảo luận mới nhất
facebook | Thành viên | Cá nhân | Tivi online | Thư viện ảnh | blog | Website | Trang chủ