Cộng Đồng Học Sinh Trường THPT Trần Phú - Quảng Nam

Chào mừng các bạn đến với diễn đàn học sinh trường THPT Trần Phú - Quảng Nam!!

* Nơi giao lưu học hỏi kinh nghiệm học tập và các vấn đề đang được quan tâm của giới teen!!!
 * Các bạn hãy đăng ký nếu chưa có tài khoản hoặc đăng nhập để được sử dụng tất cả các chức năng của diễn đàn nhé.

Chúng tôi rất hoan nghênh các bạn ghé thăm.

Chúc các bạn vui vẻ! Ban Quản Trị
Cộng Đồng Học Sinh Trường THPT Trần Phú - Quảng Nam


    hiệu ứng avatar nghiêng, xoay

    Share
    avatar
    hero P.Vy001
    Moderator
    Moderator

    Giới tính : Nam
    Tuổi : 21
    Sinh Nhật : 10/02/1996
    Tài Năng : 19
    Points : 270


    :

    hiệu ứng avatar nghiêng, xoay

    Bài gửi by hero P.Vy001 on Wed Jun 20, 2012 10:56 am

    Nguồn: cntt
    cho code sau vào css:
    Code:
    .avatar97 img{
    opacity: 0.3;filter: alpha(opacity=30);
    border-radius:5px;
    background-color: #FFFFFF;
    margin:1px 3px 3px 1px;
    padding:3px;
    border:1px solid #d4d4d4;
    box-shadow: 3px 3px 3px #8A8A8A;
    transform:rotate(30deg); -moz-transform:rotate(30deg); -webkit-transform:rotate(30deg);
    transition: all 2s ease; -webkit-transition: all 2s ease; -moz-transition: all 2s ease;
    }
    .avatar97 img:hover {
    opacity: 1; filter: alpha(opacity=100);
    transition: all 2s ease; -webkit-transition: all 2s ease; -moz-transition: all 2s ease;
    transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);
    transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5);
    position:relative;
    }


    vào viewtopic_body tìm

    Code:
    {postrow.displayed.POSTER_AVATAR}
    thay bằng
    Code:
    <span class="avatar97">{postrow.displayed.POSTER_AVATAR}</span>


    cái này share cho ai làm forum...


    -----------------* Chữ * Ký *-----------------


    Thành công là do mình tạo ra Ôm 1 cái

      Hôm nay: Sun Jul 23, 2017 3:48 am