Hướng dẫn [XF2] Làm đẹp nút chia sẻ bet365 có những phương thức nạp tiền nào_link vào bet365_điểm số trực tiếp bet365 2

Discussion in 'Template Modifications' started by 2L.Ohayo, May 26, 2018.

  1. 2L.Ohayo

    2L.Ohayo Cộng Sự Đắc Lực Staff Member

    Joined:
    Mar 8, 2015
    Messages:
    761
    Likes Received:
    808
    Trophy Points:
    93
    Gender:
    Male
    Xenforo 2 đã tích hợp hệ thống các nút chia sẻ mạng xã hội rất tiện lợi. Nếu bạn muốn làm nổi bật các nút chia sẻ này thì xin mời làm theo hướng dẫn dưới đây.

    Tìm template share_controls.less và thay toàn bộ code trong đó bằng code phía dưới.
    Code:
    .m-shareButtons-button(@background)
    {
        background-color: @background;
        &:hover { background-color: xf-diminish(@background, 10%); }
    }
    
    .shareButtons
    {
        .m-clearFix();
    }
    
    .shareButtons-label
    {
        float: left;
        margin-right: 3px;
        color: @xf-textColorMuted;
        min-height: 35px;
        line-height: 35px;
    }
    
    .shareButtons-button
    {
        float: left;
        margin-right: 6px;
        padding: 6px;
        color: #fff;
        font-size: 20px;
        line-height: 20px;
        white-space: nowrap;
        min-width: 35px;
        border-radius: @xf-borderRadiusSmall;
        background-color: transparent;
        .m-transition();
    
        &:last-of-type
        {
            margin-right: 0;
        }
    
        &:hover
        {
            text-decoration: none;
            color: white;
        }
    
        > i
        {
            display: inline-block;
            vertical-align: middle;
            .m-faBase();
        }
    
        > span
        {
            font-weight: @xf-fontWeightNormal;
            font-size: @xf-fontSizeNormal;
        }
    
        .shareButtons--iconic &
        {
            text-align: center;
    
            > i
            {
                min-width: 20px;
            }
    
            > span
            {
                .m-visuallyHidden();
            }
        }
    
        &&--facebook
        {
            .m-shareButtons-button(#3B5998);
            > i:before { .m-faContent(@fa-var-facebook, .58em); }
        }
    
        &&--twitter
        {
            .m-shareButtons-button(#1DA1F3);
            > i:before { .m-faContent(@fa-var-twitter, .93em); }
        }
    
        &&--gplus
        {
            .m-shareButtons-button(#dd4b39);
            > i:before { .m-faContent(@fa-var-google-plus, 1.29em); }
        }
    
        &&--pinterest
        {
            .m-shareButtons-button(#bd081c);
            > i:before { .m-faContent(@fa-var-pinterest-p, .72em); }
        }
    
        &&--tumblr
        {
            .m-shareButtons-button(#35465c);
            > i:before { .m-faContent(@fa-var-tumblr, .58em); }
        }
    
        &&--reddit
        {
            .m-shareButtons-button(#FF4500);
            > i:before { .m-faContent(@fa-var-reddit-alien, 1em); }
        }
    
        &&--whatsApp
        {
            .m-shareButtons-button(#25D366);
            > i:before { .m-faContent(@fa-var-whatsapp, .86em); }
        }
    
        &&--email
        {
            .m-shareButtons-button(#1289ff);
            > i:before { .m-faContent(@fa-var-envelope-o, 1em); }
        }
    
        &&--link
        {
            cursor: pointer;
            .m-shareButtons-button(#787878);
            > i:before { .m-faContent(@fa-var-link, 1em); }
        }
    
        &.is-hidden
        {
            display: none;
        }
    }
    
    .shareInput
    {
        margin-bottom: 5px;
    
        &:last-child
        {
            margin-bottom: 0;
        }
    }
    
    .shareInput-label
    {
        font-size: @xf-fontSizeSmall;
        .m-appendColon();
    }
    
    .shareInput-button
    {
        color: @xf-linkColor;
        cursor: pointer;
    
        > i
        {
            display: inline-block;
            vertical-align: middle;
            .m-faBase();
    
            &:before { .m-faContent(@fa-var-copy); }
        }
    
        &.is-hidden
        {
            display: none;
        }
    }
    
    .shareInput-input
    {
        font-size: @xf-fontSizeSmall;
    
        .shareInput-button.is-hidden + &
        {
            border-radius: @xf-borderRadiusMedium;
        }
    }
    Kết quả thu được sẽ như hình bên dưới.

    Screen Shot 2018-05-26 at 19.10.04.png


    Screen Shot 2018-05-26 at 19.09.13.png
     
    quick87, sukoro, PVS and 2 others like this.
  2. caolaogia7

    caolaogia7 Thượng Đế

    Joined:
    Mar 15, 2017
    Messages:
    163
    Likes Received:
    50
    Trophy Points:
    28
    Gender:
    Male
    mình muốn thêm hoặc bớt nút share/like mạng xã hội thì chỉnh sửa ở đâu huynh ?
     
  3. sukoro

    sukoro Thượng Đế

    Joined:
    Apr 2, 2015
    Messages:
    145
    Likes Received:
    90
    Trophy Points:
    28
    Gender:
    Male
    Location:
    Hà Nội
    Home Page:
    Vậy giờ mình muốn chèn nó vào cuối bài viết thì chèn ntn vậy bạn?
     
  4. 2L.Ohayo

    2L.Ohayo Cộng Sự Đắc Lực Staff Member

    Joined:
    Mar 8, 2015
    Messages:
    761
    Likes Received:
    808
    Trophy Points:
    93
    Gender:
    Male
    Muốn thêm thì thêm vào template share_page_macros, còn muốn xóa bớt thì chỉ cần vào Setup > Options > Sharing > Uncheck cái nào muốn bỏ
     
  5. 2L.Ohayo

    2L.Ohayo Cộng Sự Đắc Lực Staff Member

    Joined:
    Mar 8, 2015
    Messages:
    761
    Likes Received:
    808
    Trophy Points:
    93
    Gender:
    Male
    Chèn vào cuối mỗi bài viết à?
     
    sukoro likes this.
  6. sukoro

    sukoro Thượng Đế

    Joined:
    Apr 2, 2015
    Messages:
    145
    Likes Received:
    90
    Trophy Points:
    28
    Gender:
    Male
    Location:
    Hà Nội
    Home Page:
    Cuối bài viết đầu tiên ấy bạn ơi, chèn trên cái more thread ấy, mình chèn thử mấy lần mà ko được luôn
     
  7. NTTM

    NTTM Thượng Đế

    Joined:
    May 27, 2018
    Messages:
    35
    Likes Received:
    13
    Trophy Points:
    8
    Gender:
    Female
    Location:
    HT
    có cho wordpress không chủ thớ ơi @@
     
  8. 2L.Ohayo

    2L.Ohayo Cộng Sự Đắc Lực Staff Member

    Joined:
    Mar 8, 2015
    Messages:
    761
    Likes Received:
    808
    Trophy Points:
    93
    Gender:
    Male

Share This Page