[Code] Tên bài viết trên box

  • vi01239984564

    Demo

    :

    Hướng dẫn

    Bước 1.

    Vào Viewtopic_body. Tìm đoạn:
    Code:
    <div class="pun-crumbs noprint">

    Thêm vào trước nó đoạn code sau:
    Code:
    <!-- #region TitleBox_Viewtopic_body -->
    <!-- BEGIN switch_user_logged_in -->
    <!-- BEGIN watchtopic -->
    <div class="ipbfs_titlebox">
    <div class="__like right" id="watchtopic" data-isfave="" data-relid="" data-area="topics" data-app="forums">
        
          <div align="center" id="FM_widget_share">
          <script type="text/javascript" src="https://apis.google.com/js/plusone.js" gapi_processed="true">{lang: 'pt-BR'}</script></div>
      </div>
    <!-- END watchtopic -->
    <!-- END switch_user_logged_in -->
    <a class="ipsUserPhotoLink left" href="#">
        <img class="ipsUserPhoto ipsUserPhoto_medium" alt="Foto" src="http://i56.servimg.com/u/f56/17/97/98/69/avatar10.png">
    </a>
    <div class="ipsBox_withphoto" itemtype="http://schema.org/Article" itemscope="">
        <span class="rating ipsType_smaller" itemtype="http://schema.org/AggregateRating" itemscope="" itemprop="aggregateRating">
            <!-- BEGIN switch_user_logged_in -->
            <strong style="margin-right: 8px;">Danh tiếng </strong>
            <!-- END switch_user_logged_in -->
            <script type="text/javascript" src="http://SetRating.com/SetRating.js"></script><script type="text/javascript">SetRatingWidget("star")</script>
            <span id="rating_text" style="display: none;">
                <span id="rating_hits" itemprop="ratingCount">0</span> <span>votos</span>
                <meta content="0" itemprop="ratingValue">            
            </span>
        </span>
      <h1 class="ipsType_pagetitle" itemprop="name">{TOPIC_TITLE}</h1>
      <div class="desc lighter blend_links">
            Bắt đầu bởi <span itemprop="creator"><a title="" href="" class="url fn name"><span itemprop="name"></span></a></span>, <span itemprop="dateCreated"> </span>
      </div>
        <span id="tags_search"></span>
        <br>
        <meta content="UserComments:3" itemprop="interactionCount">
          </div></div>
    <br>

    Sau đó thêm đoạn code ở dưới vào cuối viewtopic_body:
    Code:
    <script type="text/javascript">
        //<![CDATA[
        jQuery(document).ready(function(){
            var target = $('.post:first');
            target.find('div.postbody').find('strong:contains("Relembrando a primeira mensagem")').closest('div.main-content.topic').hide();
            var imgdata = target.find('div.user-basic-info');
            var autor_dat = target.find('div.username');
            var autor_url = autor_dat.attr('href');
            var autor_txt = autor_dat.text();
            var date = target.find('span.data-post').html();
            var topic_title = '{TOPIC_TITLE}';
            var tags = topic_title.split(' ');
            var follow = '{S_WATCH_TOPIC}';
            
            $('.ipsUserPhotoLink.left').attr('href', imgdata.find('a').attr('href'));
            $('.ipsUserPhoto.ipsUserPhoto_medium').attr('src', imgdata.find('img').attr('src'));
            $('span[itemprop="creator"]').find('a').attr('title', autor_txt).attr('href', autor_url);
            $('span[itemprop="name"]').text(autor_txt);
            $('span[itemprop="dateCreated"]').html(date);
            
            /* Remove duplicates values in array!
            -> If you find something better than this, telme please. */
            tags = tags.filter(
                function(a){
                    if (!this[a]) {
                        this[a] = 1;
                        return a;
                    }
                }
            );
            /* Sets tag search... */
            $.each(tags, function(index, data) {
                if(data.length > 4) {
                    $('#tags_search').append(
                        '<a id="tag_search_' + index + '" class="ipsTag" title="Localizar mas Aportes con la tag ' + data + '" href="/search?search_keywords=' + data + '">' +
                        '    <span>' + data + '</span>' +
                        '</a>'
                    );
                }
            });
            /* Whatch topic */
            <!-- BEGIN switch_user_logged_in -->
            
            <!-- END switch_user_logged_in -->
            
            var target = $('.main-content.topic').find('div.post');
            target.each(function(index) {
                var oThis = $(this);
                var userImg = oThis.find('div.user-basic-info a');
                var memberTitle = oThis.find('p.desc.member_title');
                var urlID = oThis.find('.username a').attr('href');
                var target = oThis.find('div.user-basic-info').text();
                var IsSuper = (target.search(/administrador/i) + 1) + (target.search(/moderador/i) + 1) + (target.search(/punbb/i) + 1);
                /* Sets default avatar... */
                if (userImg.find('img').length == 0) {
                    userImg.html('<img src="http://i78.servimg.com/u/f78/18/17/62/92/defaul10.png" alt="User image">');
                }
                /* field_id1 (Título) = First field added to the perfil! */
                $.get(urlID, function(data){
                    var userTitle = $.trim($('#field_id1', data).find('div.field_uneditable').text());
                    var posts = $('#field_id-6', data).find('div.field_uneditable').text();
                    if (IsSuper <= 0) {
                        if (posts <= 99){
                            memberTitle.text('Membro');
                        } else if (posts >= 100 && posts < 200) {
                            memberTitle.text('Membro Nível 1');
    } else if (posts >= 200 && posts < 300) {
                            memberTitle.text('Membro Nível 2');
                        } else if (posts >= 300 && posts < 500) {
                            if(userTitle == '-') {memberTitle.text('Membro Nível 3');}
                        } else if (posts >= 500) {
                            if(userTitle == '-') {memberTitle.text('Membro Avançado');}
                        }
                    } else {
                        if(userTitle != '-') {memberTitle.text(userTitle);}
                    }
                    /*sets state*/
                    /*console.log($.trim($('#user_status', data).text()));*/
                    if($.trim($('#user_status', data).text()) == 'conectado') {
                        oThis.find('span.ipsBadge').html('online').addClass('ipsBadge_green').removeClass('ipsBadge_lightgrey');
                    } else {
                        oThis.find('span.ipsBadge').html('offline').addClass('ipsBadge_lightgrey').removeClass('ipsBadge_green');
                    };
                });
            });
        });
        /* Editar mensagem */
        function edit_message(topic_ID, post_ID){
            /* This load and read all form fields ¯| */
            $('#' + topic_ID).load('/post?p=' + post_ID + '&mode=editpost' + ' .main .frm-form', function() {
                var msgID = $('#' + topic_ID);
                msgID.find('.main-head.clearfix').remove();
                msgID.find('.frm-set.multi > dl').hide();
                msgID.find('#textarea_content dt:last').show();
                msgID.find('.frm-set.multi').css('border-bottom', '0px');
                msgID.find('.frm-set > dl').hide();
                msgID.find('.frm-buttons').css('border-top', '0');
                msgID.find('.main').hide();
                msgID.find('.frm-form').attr('target','iframe_' + post_ID).submit(function(){var time=setTimeout("edited()",1000);});
                msgID.find('input[name=post]').css('margin-left', '-225px');
                msgID.find('input[name=preview]').css('margin-left', '120px').attr('value', 'Cancelar');
            });
        }
        function edited(){window.location.reload()}      
        //]]>
    </script>
    <style type="text/css">
      <!--
      .post_online {
        display: inline-block;
        float: left;
        min-width: 60px;
    }
        .right {
            float: right;
        }
        .left {
            float: left;
        }
        .ipsBox_withphoto {
            margin-left: 65px;
        }
        .ipsUserPhoto_medium {
            height: 54px;
            width: 54px;
        }
        .ipsUserPhoto {
            background: none repeat scroll 0 0 #FFFFFF;
            border: 1px solid #D5D5D5 !important;
            box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
            padding: 1px;
            border-radius: 100px;
        }
        .ipsUserPhotoLink:hover .ipsUserPhoto {
            border-color: #7D7D7D !important;
        }
        .rating {
            display: block;
            line-height: 16px;
            margin-bottom: 4px;
        }
        .ipsType_smaller, .ipsType_smaller a {
            font-size: 11px !important;
        }
        .rating img {
            vertical-align: top;
        }
        #rating_text {
            margin-left: 4px;
        }
        .ipsType_pagetitle, .ipsType_subtitle {
            color: #323232;
            font: 300 26px/1.3 Helvetica,Arial,sans-serif;
        }
        .desc.lighter, .desc.lighter.blend_links a {
            color: #A4A4A4;
        }
        .desc, .desc.blend_links a, p.posted_info {
            color: #777777;
            font-size: 12px;
        }
        .ipsTag {
        display: inline-block;
        background: url('http://i56.servimg.com/u/f56/17/97/98/69/tag_bg10.png') repeat scroll 0% 0% #555;
        height: 23px;
        line-height: 23px;
        padding: 0px 7px 0px 21px;
        margin: 5px 5px 0px 0px;
        font-size: 11px;
        color: rgb(255, 255, 255) !important;
    }
        .ipsButton_secondary {
            background: -moz-linear-gradient(center top , #F6F6F6 0%, #E5E5E5 100%) repeat scroll 0 0 transparent;
            border: 1px solid #DBDBDB;
            border-radius: 3px 3px 3px 3px;
            box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 0 rgba(0, 0, 0, 0.3);
            color: #616161;
            display: inline-block;
            font-size: 12px;
            height: 22px;
            line-height: 22px;
            padding: 0 10px;
            transition: all 0.2s ease-in-out 0s;
            white-space: nowrap;
        }
        .ipsButton_secondary:hover {
            border-color: #9A9A9A;
            color: #4C4C4C;
        }
        .ipsButton_extra {
            color: #5C5C5C;
            font-size: 11px;
            height: 22px;
            line-height: 22px;
            margin-left: 5px;
        }
        .clickable {
            cursor: pointer;
        }
        -->
    </style>
    <!-- #endregion TitleBox_Viewtopic_body -->

    <!-- #region: member_title -->
    <style type="text/css">
    <!--
    .author_info .member_title {
        margin-bottom: 5px;
        word-wrap: break-word;
    }
    .desc, .desc.blend_links a, p.posted_info {
        color: #777777;
        font-size: 12px;
    }
        -->
    </style>
    <!-- #endregion: member_title -->

    Bước 2.

    Tiếp tục tìm trong viewtopic_body code:
    Code:
    {postrow.displayed.POST_DATE_NEW}

    Thay bằng code:

    Code:
    <span class="data-post">{postrow.displayed.POST_DATE_NEW}</span>


    Bước 3.


    Vào CSS và thêm vào code:


    Code:
    /*Ten bai viet tren box*/
    .ipbfs_titlebox {background:#fff;border:1px solid #ddd;-webkit-box-shadow:rgba(0,0,0,0.06) 0px 1px 4px;-moz-box-shadow:rgba(0,0,0,0.06) 0px 1px 4px;box-shadow:rgba(0,0,0,0.06) 0px 1px 4px;padding:15px;overflow:hidden}



    Được sửa bởi vi01239984564 ngày 06.03.18 16:32; sửa lần 1.

  • Admin
    2. Re: [Code] Tên bài viết trên box
    avatar ACP
    Em ơi cái vote kia là fix cứng hay click được thế. cái vote star kia có chuẩn không


    --Chữ ký--
    www.danganhviet.com


    • - Tránh đặt tiêu đề các dạng như: Giúp em với, Code này hay nè, Vào xem nè anh em,...
      - Đăng bài phải có ảnh demo hoặc viết mô tả rõ ràng, code phải bỏ vào khung code
      - Không comment vô nghĩa, không spam, không chữi tục, không post link độc hại, không hide bài viết
      - Hạn chế viết tắt, viết chữ màu, chữ to, chữ in đậm
  • vi01239984564
    @Admin đã viết:Em ơi cái vote kia là fix cứng hay click được thế. cái vote star kia có chuẩn không
    Cái vote đó là của http://setrating.com/ nhưng hiện tại web đó đã die rồi nên không vote được nữa ạ

  • Sponsored content

Thông tin tác giả
avatar
MOD
Bài viết :
78
Points :
171
Like :
15
Invision
An toàn
Xem lý lịch thành viên
Thông tin tác giả
avatar
ACP
Bài viết :
327
Points :
630
Like :
106
Punbb
Quản trị
Status :
test
Xem lý lịch thành viên http://hotrofm.forumvi.com
Thông tin tác giả
avatar
MOD
Bài viết :
78
Points :
171
Like :
15
Invision
An toàn
Xem lý lịch thành viên
Thông tin tác giả
Sponsored content
Bài viết liên quan
    Đang tải dữ liệu

Permissions in this forum:
Bạn không có quyền trả lời bài viết