Thanh Mạng xã hội chạy bên Forum

Discussion in 'Tips and Guides' started by PVS, Apr 4, 2015.

  1. PVS

    PVS Cộng Sự Đặc Biệt Staff Member

    Joined:
    Feb 28, 2015
    Messages:
    11,755
    Likes Received:
    7,002
    Trophy Points:
    113
    Gender:
    Male
    Location:
    Huế
    Home Page:
    Vào template--> thread_view
    Thêm vào cuối:
    Nhớ sửa link forum nhé!

    Thêm vào " thread_view.css":
    Code:
    .thh_ics {
        left:50%;
        top:160px;
        position:fixed;
        z-index:5;
        width: 32px;
        margin-left:40%;
    }
    .thh_ics a {
        display: inline-block;
        width: 32px;
        height:32px;
        margin: 3px;
        vertical-align: middle;
        -o-transition: all .3s;
        -moz-transition: all .3s;
        -webkit-transition: all .3s;
        -ms-transition: all .3s;
    }
    .thh_ics a.facebook { background: url('images/facebook.png') left top no-repeat; }
    .thh_ics a.google { background: url('images/google.png') left top no-repeat; }
    .thh_ics a.yahoo { background: url('images/yahoo.png') left top no-repeat; }
    .thh_ics a.zing { background: url('images/zing.png') left top no-repeat; }
    .thh_ics a:hover { background-position: -32px; }
    .thh_ics_tooltip a{
        float:left;
        position:Relative;
        margin-left:10px;
        margin-right:10px;
    }
    .thh_ics_tooltip a span{
        position:Absolute;
        top: 2px;
        left:120%;
        white-space:nowrap;
        font-size:12px;
        font-family:arial,sans-serif;
        padding:6px 10px;
        border-radius:3px;
        color:white;
        background-color:#101010;
        text-shadow:0 1px 0 rgba(0,0,0,0.7);
        box-shadow:0 1px 1px  rgba(0,0,0,1);
        visibility:hidden;
        opacity:0;
        -moz-transition:right 0.4s,opacity 0.4s ease;
        -webkit-transition:right 0.4s,opacity 0.4s ease;
        -o-transition:right 0.4s,opacity 0.4s ease;
        transition:right 0.4s,opacity 0.4s ease;
    }
    .thh_ics_tooltip a span:after{
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        bottom: 6px;
        left: -10px;
        border: 6px solid transparent;
        border-right: 7px solid #101010;
    }
    .thh_ics_tooltip a:hover span{
        visibility:visible;
        opacity:1;
    }
    Các bạn down file đính kèm về, giải nén ra rồi up tất cả ảnh vào forder images trong host nhé.

    Demo:

    1.PNG

    Nguồn: 4vnn.com​
     

    Attached Files:

    • MXH.zip
      File size:
      19.3 KB
      Views:
      17
    THB likes this.
  2. Jindo_Katori

    Jindo_Katori Thượng Đế

    Joined:
    Mar 1, 2015
    Messages:
    1,463
    Likes Received:
    1,114
    Trophy Points:
    113
    Gender:
    Male
    Occupation:
    http://tuyhoaplus.com
    Location:
    http://tuyhoaplus.com
    Home Page:
    Sao giống addthis vậy bác?
     
    THB likes this.
  3. PVS

    PVS Cộng Sự Đặc Biệt Staff Member

    Joined:
    Feb 28, 2015
    Messages:
    11,755
    Likes Received:
    7,002
    Trophy Points:
    113
    Gender:
    Male
    Location:
    Huế
    Home Page:
    tương tự thôi :D, chứ nó khác mà :p
     
    THB likes this.
  4. 5svn

    5svn Thượng Đế

    Joined:
    Mar 10, 2015
    Messages:
    22
    Likes Received:
    21
    Trophy Points:
    3
    Gender:
    Male
    Home Page:
    gần giống
     
    THB likes this.
  5. THB

    THB Admin - Founder Staff Member

    Joined:
    Feb 25, 2015
    Messages:
    6,336
    Likes Received:
    3,550
    Trophy Points:
    113
    Gender:
    Male
    Occupation:
    CEO
    Location:
    Bình Dương
    Home Page:
    dùng cái nào thì hay hơn?
     
  6. 1234

    1234 Thượng Đế

    Joined:
    Mar 9, 2015
    Messages:
    33
    Likes Received:
    32
    Trophy Points:
    18
    Gender:
    Male
    cho em hỏi cái likebox của gamesupport.vn là cái gì vậy bác ?, chỉ em với.Pls
     

Share This Page