Bạn ghé thăm diễn đàn lần đầu? hãy đăng ký ngay bây giờ để tham gia.
  • Đăng nhập:

Chào mừng bạn đến với ITVNN FORUM - Diễn đàn công nghệ thông tin.

Nếu đây là lần đầu tiên bạn tham gia diễn đàn, xin mời bạn xem phần Hỏi/Ðáp để biết cách dùng diễn đàn. Để có thể tham gia thảo luận bạn phải đăng ký làm thành viên, click vào đây để đăng ký.


  • Partner Area
kết quả từ 1 tới 1 trên 1
Tăng kích thước phông chữ Giảm kích thước phông chữ
  1. #1
    bavuongduongpho's Avatar

    Trạng thái
    Offline
    Họ tên
    Nguyễn Quốc Đại
    Tham gia ngày
    Sep 2009
    Thành viên thứ
    73
    Đến từ
    http://kenh76.vn/
    Tuổi
    26
    Giới tính
    Bài gởi
    690
    Level: 40 [?]
    Experience: 2,028,156
    Next Level: 2,111,327
    Cảm ơn 236
    Cảm ơn 322 lần / 145 Bài viết

    Icon16 Share đóng khung Avatar và Avatar xoay theo trục cực đẹp by DaiThinh  

    Demo: http://sonmyschool.com/forum/showthr...on-My-chup-270



    Hướng dẫn:



    Upload thư mục đính kèm ngang hàng với index.php (đính kèm)


    Thêm Css:
    Code: 
        /* ---------------- dong khung avatar www.sonmyschool.com --------------*/
    .avatardaithinh_ { float: left; margin-right: 10px;background: url(images/avatardaithinh.png) no-repeat center top; width: 172px;}
    .avatardaithinh_ .images { margin-top: 24px; margin-left: 0px;}
    .avatardaithinh_ .images img{ width: 140px; height: 140px;}
    .avatardaithinh_ h2 { font-size: 10pt; text-align: center; margin-top: 15px;}
    .avatardaithinh_ p { text-align: center;}
        /* ---------------- dong khung avatar www.sonmyschool.com --------------*/
    /* ---------------- xoay avatar www.sonmyschool.com --------------*/
        #sonmy_container {
            position: relative;
            margin: 10px auto;
            width: 172px;
            height: 172px;
            z-index: 1;
        }
        .face.back {
            display: none;
        }
    
        #sonmy_container {
            -webkit-perspective: 1000px;
            -moz-perspective: 1000px;
            -o-perspective: 1000px;
            -ms-perspective: 1000px;
            perspective: 1000px;
        }
        #sonmy_card {
            width: 100%;
            height: 100%;
            -webkit-transform-style: preserve-3d;
            -webkit-transition: all 1.0s linear;
            -moz-transform-style: preserve-3d;
            -moz-transition: all 1.0s linear;
            -o-transform-style: preserve-3d;
            -o-transition: all 1.0s linear;
            -ms-transform-style: preserve-3d;
            -ms-transition: all 1.0s linear;                        
            transform-style: preserve-3d;
            transition: all 1.0s linear;        
        }
        #sonmy_container:hover #sonmy_card, #sonmy_container.hover_effect #sonmy_card {
            -webkit-transform: rotateY(180deg);
            -moz-transform: rotateY(180deg);
            -o-transform: rotateY(180deg);
            -ms-transform: rotateY(180deg);
            transform: rotateY(180deg);
            
        }
        .face {
            position: absolute;
            width: 100%;
            height: 100%;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            -o-backface-visibility: hidden;
            -ms-backface-visibility: hidden;
            backface-visibility: hidden;                                
        }
        .face.back {
            display: block;
            -webkit-transform: rotateY(180deg);
            -webkit-box-sizing: border-box;
            -moz-transform: rotateY(180deg);
            -moz-box-sizing: border-box;
            -o-transform: rotateY(180deg);
            -o-box-sizing: border-box;        
            -ms-transform: rotateY(180deg);
            -ms-box-sizing: border-box;
            transform: rotateY(180deg);
            box-sizing: border-box;                
            padding: 10px;
            color: white;
            text-align: center;
            background-color: #C8DEDE;
        }
    /* ---------------- xoay avatar www.sonmyschool.com --------------*/

    Sửa postbit/postbit_legacy

    Tìm:
    Code: 
    <if condition="$show['avatar']">
    ..............
    </if>
    Thay bằng:
    Code: 
                <if condition="$show['avatar']"><td>
                <div id="sonmy_container">
                <div id="sonmy_card" class="shadow">
                <div class="front face">
                <div class="avatardaithinh_ ">
                <p class="images">
    
                <a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a>
    
                </p>
                </div>
                </div>
                <div class="back face center">
                <if condition="$post['usertitle']"><div class="smallfont">$post[usertitle]</div></if>
                <p>$post[musername]</p>
                <img src=images/leverbot.png border="0">
                <p>    <if condition="$post['rank']"><div class="smallfont">$post[rank]</div></if></p>
                <img src=images/leverbot2.png border="0">
                </div>
                  </div>
                </div>
                </td></if>
    File Kèm Theo File Kèm Theo

  2. The Following User Says Thank You to bavuongduongpho For This Useful Post:

    admin (20-05-2012)


 

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. Share Đóng khung avatar dạng temp ( ngang, dọc )
    By khanhhoa in forum v4.0.x Modifications
    Trả lời: 14
    Bài mới gởi: 15-06-2013, 12:07 PM
  2. Hướng dẫn làm avatar xoay tròn vbb
    By bavuongduongpho in forum v4.x Modifications
    Trả lời: 10
    Bài mới gởi: 15-11-2011, 11:22 PM
  3. [Help] Đóng khung avatar dạng temp và đóng khung bài viết dạng shadow
    By hoangduykt7990 in forum Hỏi đáp & Thảo luận
    Trả lời: 6
    Bài mới gởi: 02-09-2011, 09:28 AM
  4. Trả lời: 0
    Bài mới gởi: 28-08-2011, 11:57 AM
  5. Trả lời: 10
    Bài mới gởi: 12-08-2011, 08:33 PM

Tags for this Thread

Bookmarks

Quuyền Hạn Của Bạn

  • Bạn không thể tạo chủ đề mới
  • Bạn không thể trả lời bài viết
  • Bạn không thể gửi file đính kèm
  • Bạn không thể chỉnh sửa bài viết
  •