CNTT01
Snow Flower ✔
- Tham gia
- 06/07/2015
- Bài viết
- 803
- Được Like
- 686
Sau đây mình sẽ hướng dẫn các bạn tạo một cái nút đăng tin nhanh cho diễn đàn xenforo. Với nút tin nhanh thành viên có thể tạo một chủ đề rất nhanh. Trên mạng mình thấy một add-on để tạo nút đăng tin nhanh có giá bán 15$ chắc có nhiều nhiều người là sinh viên như mình thì tiền đâu ra mà mua. có thể tham khảo link sau: : http://proshowvn.net/
Bây giờ mình sẽ hướng dẫn tạo nút đăng tin nhanh bằng code xenforo
Đầu tiên các bạn tìm quick_navigation_menu thay tất cả bằng:
Tiếp theo tìm : quick_navigation_menu.css và thay bằng:
Như thế các bạn có thể tạo được cái nút đăng chủ đề cho diễn đàn mình
Image :
Bây giờ mình sẽ hướng dẫn tạo nút đăng tin nhanh bằng code xenforo
Đầu tiên các bạn tìm quick_navigation_menu thay tất cả bằng:
Mã:
<xen:title>Đăng chủ đề</xen:title>
<xen:require css="quick_navigation_menu.css" />
<div class="section">
<div id="jumpMenu">
<xen:if is="{$visitor.user_id}">
<div class="jumpMenuColumn">
<h3 class="primaryContent">{xen:phrase forum_list}</h3>
<div class="secondaryContent nodeList">
<ol class="blockLinksList">
<xen:foreach loop="$nodes" value="$node">
<li class="d{$node.depth} {xen:if "{$selected} == 'node-{$node.node_id}'", 'OverlayScroller'}">
<a href="{xen:link {$nodeTypes.{$node.node_type_id}.public_route_prefix}, $node}create-thread"
class="{xen:if '{$node.node_type_id} == "Category"', 'OverlayCloser'} {xen:if "{$selected} == 'node-{$node.node_id}'", 'selected'}">
<span class="_depth{$node.depth} depthPad">{$node.title}</span>
</a>
</li>
</xen:foreach>
</ol>
</div>
</div>
<xen:else />
<div class="secondaryContent nodeList">
<p style="text-align:center">Vui lòng <a href="login" title="Đăng nhập"><b>đăng nhập</b></a> hoặc <a href="register" title="Đăng ký thành viên"><b>đăng ký</b></a> trước khi đăng tin trên <a href="http://www.iforum.vn/" title="diễn đàn lập trình">Diễn đàn</a></p>
</div>
</xen:if>
</div>
<div class="sectionFooter overlayOnly"><a class="button primary OverlayCloser">{xen:phrase close}</a></div>
</div>
Mã:
#jumpMenu
{
overflow: hidden; zoom: 1;
}
.xenOverlay #jumpMenu .jumpMenuColumn
{
}
.xenOverlay #jumpMenu .blockLinksList
{
height: 250px;
overflow: auto;
}
#jumpMenu .blockLinksList ul,
#jumpMenu .nodeList li.d0
{
padding-top: 5px;
border-top: 1px solid @primaryLighterStill;
margin-top: 5px;
}
#jumpMenu .blockLinksList ul:first-child,
#jumpMenu .nodeList li.d0:first-child
{
padding-top: 0;
border-top: none;
margin-top: 0;
}
.xenOverlay #jumpMenu .nodeList
{
border-left: 1px solid @primaryLighterStill;
background:#fff
}
#jumpMenu .blockLinksList li
{
vertical-align: bottom;
}
Image :
Bài viết liên quan
Bài viết mới