Tạo Facebook Like Box đẹp

  1. [​IMG]

    Demo online: http://nguoimientay.info/ (demo trên vBB nhe ;)))

    27/09/2012: Fix

    Thực hiện:

    Thêm vào cuối EXTRA.CSS

    Mã:
    .slide_likebox {
     
        -moz-transition: all 1s ease 0s;
     
      -webkit-transition: all 1s ease 0s;
     
      -o-transition: all 1s ease 0s;
     
        right:-205px; !important;
     
    }
     
    .slide_likebox:hover {
     
        -moz-transition: all 1s ease 0s;
     
      -webkit-transition: all 1s ease 0s;
     
      -o-transition: all 1s ease 0s;
     
        right: 0 !important;
     
    }
     
    .slide_likebox {
     
    float:right;
     
    width:247px;
     
    height:385px;
     
    background: url(http://nguoimientay.info/diendan/nvh/fb.png) no-repeat !important;
     
    display:block;
     
    color:#FFFFFF ;
     
    right:-205px;
     
    padding:0;
     
    position:fixed;
     
    top: 170px;
     
    z-index:1002;
     
    }
     
    .slide_text {
     
    font-family: Geneva, Verdana, sans-serif;
     
    font-size: 8px;
     
    padding-left: 10px;
     
    text-decoration: none;
     
    color: #FFFFFF;
     
    }

    * Lưu ảnh http://nguoimientay.info/diendan/nvh/fb.png

    upload lên host, sửa lại đường dẫn

    Thêm vào cuối PAGE_CONTAINER (trước thẻ </body>)

    Mã:
    <div class="slide_likebox"> <div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;"><div class="FB_Loader"></div><span>http://www.aclass=</span></div></div>
     
    

    Thay ketnoinguoimientay thành tên hoặc id page facebook của bạn

Advertisements