mình đã làm song cái style mình mong muốn nhưng h mình có 2 vấn đề mong được giúp ak. 1. phần mỗi vài viết của forum còn trống rất nhiều mình muốn them 1 sidebar thông kê bài viết nổi bật(có bình luận và lượt xem cao nhất ak) và bài viết liên quan. 2.mặt đinh bình luận xenforo là cột dọc em muốn chuyển cho nó nằm ngang Như vbb em còn rất gà nên mong các pro chỉ giáo!
1. Đầu tiên, các bạn add đoạn code sau đây vào template EXTRA.css nhé Mã: /*Display Postbit in first post*/ .firstPost .messageUserInfo { float: none; } .firstPost .messageUserInfo .messageUserBlock .arrow { display: none; } .firstPost .messageInfo { margin-left: 5px !important; margin-top: 10px; } .newIndicator { display: none !important; } .firstPost .messageUserInfo { width: 100% !important; } .firstPost .messageUserInfo .messageUserBlock .arrow { display: none; } .firstPost .messageUserBlock { -moz-border-bottom-colors: none !important; -moz-border-image: none !important; -moz-border-left-colors: none !important; -moz-border-right-colors: none !important; -moz-border-top-colors: none !important; background: none repeat scroll 0 0 transparent !important; border-color: -moz-use-text-color -moz-use-text-color #CDE5F0 !important; border-style: none none dashed !important; border-width: 0 0 1px !important; height: 64px; } .firstPost .avatar .img { margin-left: 0 !important; } .firstPost .avatarHolder { padding: 0 !important; position: absolute !important; } .firstPost .userText { margin-left: 58px; position: absolute !important; top: 18px; } .firstPost .tt_share_page { margin-left: 220px; position: absolute; top: 34px; width: 420px; } .firstPost .shareControl { float: right; } .firstPost .addthis { padding-left: 20px; } .titleBar h1 { font-size: 20pt !important; } 2. Sau đó bạn tạo 1 template mới và đặt tên nó là message_user_info_firstpost Sau khi tạo xong template mới, các bạn add đoạn code này vào template này nhé! Mã: <xen:require css="message_user_info.css" /> <div class="messageUserInfo" itemscope="itemscope" itemtype="http://data-vocabulary.org/Person"> <div class="messageUserBlock"> <xen:hook name="message_user_info_avatar" params="{xen:array 'user={$user}', 'isQuickReply={$isQuickReply}'}"> <div class="avatarHolder"> <span class="helper"></span> <xen:avatar user="$user" size="s"/> <!-- slot: message_user_info_avatar --> </div> </xen:hook> <xen:if is="!{$isQuickReply}"> <xen:hook name="message_user_info_text" params="{xen:array 'user={$user}', 'isQuickReply={$isQuickReply}'}"> <h3 class="userText"> <xen:username user="$user" itemprop="name" rich="true" /> <xen:if hascontent="true"><em class="userTitle" itemprop="title"><xen:contentcheck>{xen:helper userTitle, $user}</xen:contentcheck></em></xen:if> <!-- slot: message_user_info_text --> </h3> </xen:hook> </xen:if> <span class="tt_share_page"> <div class="facebookLike shareControl"> <fb:like href="{$url}" layout="button_count" action="{$xenOptions.facebookLikeAction}" font="trebuchet ms" colorscheme="@fbColorScheme"></fb:like> </div> <div class="plusone shareControl"> <div class="g-plusone" data-size="medium" data-count="true" data-href="{$url}"> </div> </span> <span class="arrow"><span></span></span> </div> </div> 3. Cuối cùng là các bạn vào template message và tìm đúng đoạn code sau: Mã: <li id="{$messageId}" class="message {xen:if $message.isDeleted, 'deleted'} {xen:if '{$message.is_admin} OR {$message.is_moderator}', 'staff'} {xen:if $message.isIgnored, ignored}" data-author="{$message.username}"> <xen:include template="message_user_info"> <xen:map from="$message" to="$user" /> </xen:include> và thay nó bằng đoạn code này: Mã: <xen:if is="{$post.position} == 0 AND !{$message.conversation_id}"> <li id="{$messageId}" class="message firstPost {xen:if $message.isDeleted, 'deleted'} {xen:if '{$message.is_admin} OR {$message.is_moderator}', 'staff'} {xen:if $message.isIgnored, ignored}" data-author="{$message.username}"> <xen:include template="message_user_info_firstpost"> <xen:map from="$message" to="$user" /> </xen:include> <xen:else /> <li id="{$messageId}" class="message {xen:if $message.isDeleted, 'deleted'} {xen:if '{$message.is_admin} OR {$message.is_moderator}', 'staff'} {xen:if $message.isIgnored, ignored}" data-author="{$message.username}"> <xen:include template="message_user_info"> <xen:map from="$message" to="$user" /> </xen:include> </xen:if> Bài này mình copy bên vietdesigner của anh phamhuudu. Mình làm theo và trang trí thêm theo cách này. Mong có thể giúp ích cho bạn
Phải rồi bạn. Nếu bạn muốn làm toàn bộ # thì bạn phải biết chút ít html. Còn nếu không thì bạn có thể liên hệ Y!M: kun.pitz. Mình sẽ giúp bạn
cái sider bar thì dùng widget framwork thì phải, cái thông tin cá nhân thì như bạn trên htp://softso1.com như mình nè làm cho nó ngang hết toàn bộ luôn