Diễn Đàn Hỗ Trợ FM
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.


[Skin] Chia sẻ skin màu xanh đang làm dở dang.

Tác giả: - vào lúc:
Kiwi
Bài viết : 289
Points : 601
Like : 160
Punbb
An toàn
Status : Đành vậy thế thôi
KiwiS-MOD
3/27/2018, 19:22
#1
Vì skin không hợp phong thủy nên share Smile
Bác nào xài về edit lại xíu là ok Very Happy

Demo ảnh:

[Skin] Chia sẻ skin màu xanh đang làm dở dang. 3SDArqJ

Demo online:

Code:

http://huudang10.forumvi.com/


Hướng dẫn:

ACP >> Display >> Colors >> CSS
Thay toàn bộ thành

Code:

/* All */*{margin:0;padding:0}
*,:before,:after{box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.clearfix:after{display:block;visibility:hidden;height:0;clear:both;font-size:0;content:" "}
body{text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;-o-text-size-adjust:100%;font-family:Roboto,arial,sans-serif;color:#333;word-wrap:break-word;line-height:1.28;font-size:14px;background:#eee}
.pagewidth{max-width:1020px;margin:0 auto;padding:0 10px;position:relative}
.pun{margin:30px 0}
h1,h2,h3,h4,h5,h6{font-size:14px}
li{list-style:none}
a:link,a:visited{color:#4993c5;text-decoration:none}
fieldset,img{border:0}
select,input{outline:0}
input[type="text"],input[type="password"]{border:1px solid #a5cae4;background:#f0f7fc;padding:8px 10px;height:35px;width:100%;word-wrap:break-word;color:#4993c5}
input[type="text"]:focus,input[type="password"]:focus{background:#d7edfc}
input[type="submit"],input[type="reset"],a.button{background:#f0f7fc;padding:0 10px;font-weight:700;height:35px;line-height:35px;color:#4993c5;border:1px solid #a5cae4;cursor:pointer;margin:0 5px;display:inline-block}
a.button{margin:0}
input[type="submit"]:hover,input[type="reset"]:hover{background:#d7edfc}
input[name="submit"],input[name="confirm"],.posting a{background:#4993c5;border-color:#4993c5;color:#fff}
input[name="submit"]:hover,input[name="confirm"]:hover,.posting a:hover{background:#57a1d4;border-color:#57a1d4}
input[type="radio"],input[type="checkbox"]{vertical-align:middle;margin:0 5px 2px 0}
.main{background:#fff;border:1px solid #ddd;margin:0 0 15px;position:relative;padding:10px}
.main-head{background:#4993c5;padding:0 10px;height:35px;line-height:35px;color:#fff;margin:0 0 10px;font-size:16px}
.main-head h2,.main-head h1,.main-head p{font-size:16px;display:inline}
.main-head a{color:#fff}
.sidecol{margin-right:-250px;width:100%}
.colleft{padding-right:15px;margin-right:250px}
.sidebar{width:250px;position:relative}
.left{float:left}
.right{float:right}
.center{text-align:center}
/* Hide */#content>#main>#main-content>div:first-child{display:none!important}
.hide,div[style="overflow:visible"],div[style="height:3px"],#pun-visit,.adminlink br{display:none}
/* Transition */a,.lastcontent li,.boxcount,.boxicon .fa,.crumbs a:before,input[type="submit"],input[type="reset"]{transition:all 225ms ease;-o-transition:all 225ms ease;-ms-transition:all 225ms ease;-moz-transition:all 225ms ease;-webkit-transition:all 225ms ease}
/* Header */.headertop{background:#4993c5;padding:10px 0}
.navtop{background:#fff;border-bottom:1px solid #ddd}
.navtop > div >ul{border-left:1px solid #e7e7e7}
.navtab{float:left;position:relative;border-right:1px solid #e7e7e7}
.navtab a{padding:0 10px;line-height:40px;height:40px;display:block;color:#333}
.navtab.active a,.navtab:hover a,.navtab:focus a{background:#f5f5f5}
/* Box */.main.mainbox{padding:10px 10px 0}
.indexbox{margin:0 -5px}
.boxcontent{float:left;width:50%;padding:0 5px 10px}
.boxall{display:table;width:100%;position:relative}
.boxcontent:last-child{width:100%}
.boxall:hover .boxicon .fa{transform:rotate(360deg) scale(1.3);-webkit-transform:rotate(360deg) scale(1.3);-moz-transform:rotate(360deg) scale(1.3);-ms-transform:rotate(360deg) scale(1.3);-o-transform:rotate(360deg) scale(1.3)}
.boxall:hover .boxcount{margin-top:-25px}
.boxicon{background:#4993c5;color:#fff;width:60px;height:60px;display:table-cell;vertical-align:middle;font-size:28px;text-align:center}
.boxinfo{padding:10px;background:#f0f7fc;height:60px;overflow:hidden}
.boxname h3{padding:0 0 5px;font-size:16px}
.boxcountlast{height:17px;overflow:hidden}
.boxcount,.box-last{height:25px;padding:0 0 8px}
.boxcount .countitemt{padding-right:10px}
.boxc1 .boxicon .fa:before{content:"\f015"}
.boxc2 .boxicon .fa:before{content:"\f0c0"}
.boxc3 .boxicon .fa:before{content:"\f26c"}
.boxc4 .boxicon .fa:before{content:"\f109"}
.boxc5 .boxicon .fa:before{content:"\f118"}
.boxc6 .boxicon .fa:before{content:"\f290"}
.boxc7 .boxicon .fa:before{content:"\f1b9"}
.boxc8 .boxicon .fa:before{content:"\f232"}
.boxc9 .boxicon .fa:before{content:"\f292"}
.boxc10 .boxicon .fa:before{content:"\f0a1"}
.boxc7 .boxcontent:last-child,.boxc10 .boxcontent:last-child{width:50%}
/* Sidebar */.sidecontent{border:1px solid #ddd;background:#fff;padding:10px;margin:0 0 15px;color:#888}
.sidecontent h3{padding:0 10px;border:1px solid #a5cae4;background:#f0f7fc;height:35px;line-height:35px;margin:0 0 10px;color:#4993c5}
.sidecontent h3 .fa{padding-right:10px}
a.sidereg{height:40px;line-height:40px;display:block;padding:0 10px;text-align:center;background:#4993c5;color:#fff;font-weight:700;font-size:16px}
.listonline{padding:0 0 5px}
.sideonline{font-size:0}
.sideonline strong{font-size:14px;padding-right:3px;color:#333;font-weight:400}
.sideonline strong:before,.sideonline strong:after{color:#888}
.sideonline strong:nth-child(1):before{content:"Tổng: "}
.sideonline strong:nth-child(2):before{content:"(Thành viên: "}
.sideonline strong:nth-child(2):after{content:","}
.sideonline strong:nth-child(3){display:none}
.sideonline strong:nth-child(4):before{content:"Khách: "}
.sideonline strong:nth-child(4):after{content:")"}
.sidestatics dl,.sideuser dl{line-height:1.5;overflow:hidden}
.sidestatics dt,.sideuser dt{float:left}
.sidestatics dd,.sideuser dd{float:right;color:#333}
.sideuser{overflow:hidden}
.sideuser .avtuser{float:left;width:80px;height:80px;margin-right:10px;padding:3px;border:1px solid #e7e7e7}
.sideuser .avtuser img{width:100%;height:100%}
/* Crumbs */.pun-crumbs{margin:0 0 10px}
.crumbs{font-size:0;background:#f0f7fc;border:1px solid #a5cae4;overflow:hidden}
.crumbs a{display:inline-block;padding:0 10px;font-size:14px;position:relative;height:33px;line-height:33px}
.crumbs strong a{padding:0 10px 0 22px}
.crumbs>a>span{font-size:0}
.crumbs>a>span:before{content:"Diễn đàn";font-size:14px}
.crumbs a:before,.crumbs a:after{content:"";border:17px solid transparent;border-left-width:12px;border-right:0;border-left-color:#f0f7fc;position:absolute;right:-12px;top:0;z-index:10}
.crumbs a:after{border-left-color:#a5cae4;right:-13px;z-index:5}
.crumbs a:hover{background:#d7edfc}
.crumbs a:hover:before{border-left-color:#d7edfc}
/* Posting */.posting{padding-left:10px}
/* Footer */.footer{background:#fff}
.footermain{margin:0 -10px;padding-top:20px}
.footertab{width:25%;float:left;padding:0 10px 10px}
.footertitle h3{padding:0 10px;background:#4993c5;height:35px;line-height:35px;margin:0 0 10px;color:#fff;font-size:16px}
.footercontent li a{padding:0 10px;display:block;height:25px;line-height:25px;margin:0 0 10px;background:#f0f7fc;border-left:3px solid #4993c5}
.footerlink{background:#4993c5;color:#fff;padding:10px 0;text-align:center;line-height:1.5}
.footerlink a{color:#fff}
/* Lasttopic */.lastcontent li{background:#f0f7fc;margin:0 0 10px;padding:0 10px 0 35px;height:25px;line-height:25px;position:relative;overflow:hidden;counter-increment:Zzindex}
.lastcontent li:last-child{margin:0}
.lastcontent li:before{text-align:center;content:counter(Zzindex);position:absolute;width:25px;height:25px;color:#fff;background:#4993c5;left:0;top:0;font-size:11px;line-height:25px}
.lastcontent li:after{content:" ";position:absolute;border-width:5px 0 5px 4px;border-style:solid;border-color:transparent transparent transparent #4993c5;left:25px;top:7px}
.lastcontent li:hover{background:#d7edfc}
.lastcontent a.topictitle{white-space:nowrap;width:80%;display:inline-block;overflow:hidden;text-overflow:ellipsis}
.lastuser{width:19%;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}


Kéo xuống cuối
Deactivate the basic CSS: Chọn

ACP >> Display >> Homepage >> Generalities
Message content:
Cho code này vào

Code:

<div class="sidestatics">
    <dl>
        <dt>Đề tài thảo luận:</dt>
        <dd>{FORUMCOUNTOPIC}</dd>
    </dl>
    <dl>
        <dt>Bài viết:</dt>
        <dd>{FORUMCOUNTPOST}</dd>
    </dl>
    <dl>
        <dt>Thành viên:</dt>
        <dd>{FORUMCOUNTUSER}</dd>
    </dl>
    <dl>
        <dt>Thành viên mới nhất:</dt>
        <dd>{FORUMLASTUSERLINK}</dd>
    </dl>
</div>


ACP >> Display >> Template >> QLTT
Thay từng template tương ứng:
Index_body

Code:

{JAVASCRIPT}

<div class="sidecol left">
    <div class="colleft">
        <div class="main">
            <div class="main-head">
                <h2>Tin mới đăng</h2>
            </div>
            <!-- BEGIN giefmod_index1 -->
            {giefmod_index1.MODVAR}
            <!-- END giefmod_index1 -->
        </div>
        {CHATBOX_TOP}
        {BOARD_INDEX}
    </div>
</div>

<div class="sidebar right">
    <div class="sidecontent">
        <a class="sidereg">Đăng ký</a>
    </div>
    <div class="sidecontent">
        <h3><i class="fa fa-user"></i><a href="/">Thông tin cá nhân</a></h3>
        <div class="sideuser">
            <span class="hienthianh"></span>
            <div class="stats">
                <span class="tenthanhvien"></span>
                <dl>
                    <dt>Bài viết:</dt>
                    <dd><span class="baiviet"></span> </dd>
                </dl>
                <dl>
                    <dt>Được thích:</dt>
                    <dd><span class="duoclike"></span> </dd>
                </dl>
                <dl>
                    <dt>Điểm:</dt>
                    <dd><span class="sopoint"></span> </dd>
                </dl>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        //<![CDATA[
        $(".hienthianh").replaceWith('<a class="avtuser" href="/profile?mode=editprofile&page_profil=avatars" rel="nofollow">' + _userdata.avatar + '</a>');
        $(".tenthanhvien").replaceWith('<a class="tenthanhvien" href="/u' + _userdata.user_id + '" rel="nofollow">' + _userdata.username + '</a>');
        $(".baiviet").replaceWith('' + _userdata.user_posts + '');
        $(".duoclike").replaceWith('' + _userdata.point_reputation + '');
        $('.sopoint').load('/u' + _userdata["user_id"] + ' #field_id-13 .field_uneditable');
        //]]>
    </script>
    <div class="sidecontent">
        <h3><i class="fa fa-user"></i><a href="/viewonline">Thành viên trực tuyến</a></h3>
        <div class="listonline">{LOGGED_IN_USER_LIST}</div>
        <div class="sideonline">{TOTAL_USERS_ONLINE}</div>
    </div>
    <div class="sidecontent">
        <h3><i class="fa fa-bar-chart"></i>Thống kê diễn đàn</h3>
        <!-- BEGIN message_admin_index -->
        <!-- BEGIN message_admin_txt -->
        {message_admin_index.message_admin_txt.MES_TXT}
        <!-- END message_admin_txt -->
        <!-- END message_admin_index -->
    </div>
    <div class="sidecontent">
        <h3><i class="fa fa-share"></i>Chia sẻ trang này</h3>
        Chức năng này đang nâng cấp
    </div>
</div>

{CHATBOX_BOTTOM}
{AUTO_DST}


Index_box

Code:

<div class="pun-crumbs">
 <p class="crumbs"><a href="{U_INDEX}"><span>{L_INDEX}</span></a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<!-- BEGIN catrow -->
 <!-- BEGIN tablehead -->
<div class="main mainbox box{catrow.tablehead.ID}">
 <div class="main-head ">
 <div class="page-title"><a href="/{catrow.tablehead.ID}-category">{catrow.tablehead.L_FORUM}</a></div>
 </div>
 <div class="main-content">
 <ul class="indexbox clearfix">
 <!-- END tablehead -->

 <!-- BEGIN forumrow -->
<li class="boxcontent">
    <div class="boxall">
        <div class="boxicon">
            <i class="fa"></i>
        </div>
        <div class="boxinfo">
            <div class="boxname">
                <h3><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></h3>
            </div>
            <div class="boxcountlast">
            <div class="boxcount">
                <span class="countitemt">Chủ đề: <strong>{catrow.forumrow.TOPICS}</strong></span>
                <span class="countitemt">Bài viết: <strong>{catrow.forumrow.POSTS}</strong></span>
            </div>
            <div class="boxlast">
                Mới nhất: <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a>
            </div>
            </div>
        </div>
    </div>
</li>
 <!-- END forumrow -->

 <!-- BEGIN tablefoot -->
 </ul>
 </div>
</div>
 <!-- END tablefoot -->
<!-- END catrow -->


Overall_footer_begin

Code:

<!-- BEGIN html_validation -->
<div>
 <div>
 <div>
 <div><div><div><div><div>
 <div>
 <div>
 <div>
 <div>
<!-- END html_validation -->
 </div>
 </div>
 </div>
 </div>
 </div></div></div></div></div>
 <div id="{ID_RIGHT}">
 <!-- BEGIN giefmod_index2 -->
 {giefmod_index2.MODVAR}
 <!-- BEGIN saut -->
 <div style="height:{SPACE_ROW}px"></div>
 <!-- END saut -->
 <!-- END giefmod_index2 -->
 </div>
 </div>
 </div>
</div>

<footer>
    <div class="footer">
        <div class="pagewidth">
            <div class="footermain clearfix">
                <div class="footertab">
                    <div class="footertitle">
                        <h3>Nội dung title</h3>
                    </div>
                    <div class="footercontent">
                        <ul>
                            <li><a href="#">Nội dung footer</a></li>
                            <li><a href="#">Nội dung footer</a></li>
                            <li><a href="#">Nội dung footer</a></li>
                            <li><a href="#">Nội dung footer</a></li>
                            <li><a href="#">Nội dung footer</a></li>
                        </ul>
                    </div>
                </div>
                <div class="footertab">
                    <div class="footertitle">
                        <h3>Nội dung title</h3>
                    </div>
                    <div class="footercontent">
                        <ul>
                            <li><a href="#">Nội dung footer</a></li>
                            <li><a href="#">Nội dung footer</a></li>
                            <li><a href="#">Nội dung footer</a></li>
                            <li><a href="#">Nội dung footer</a></li>
                            <li><a href="#">Nội dung footer</a></li>
                        </ul>
                    </div>
                </div>
                <div class="footertab">
                    <div class="footertitle">
                        <h3>Nội dung title</h3>
                    </div>
                    <div class="footercontent">
                        <ul>
                            <li><a href="#">Nội dung footer</a></li>
                            <li><a href="#">Nội dung footer</a></li>
                            <li><a href="#">Nội dung footer</a></li>
                            <li><a href="#">Nội dung footer</a></li>
                            <li><a href="#">Nội dung footer</a></li>
                        </ul>
                    </div>
                </div>
                <div class="footertab">
                    <div class="footertitle">
                        <h3>Nội dung title</h3>
                    </div>
                    <div class="footercontent">
                        <ul>
                            <li><a href="#">Nội dung footer</a></li>
                            <li><a href="#">Nội dung footer</a></li>
                            <li><a href="#">Nội dung footer</a></li>
                            <li><a href="#">Nội dung footer</a></li>
                            <li><a href="#">Nội dung footer</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>



<div class="footerlink">
 <div class="pagewidth clearfix">
 <ul>
 <li>
<!-- BEGIN html_validation -->
 </li>
 </ul>
 </div>
</div>
<!-- END html_validation -->


Overall_footer_end

Code:

<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div>
 <div>
 <div>
 <div>
 <div>
 <div>
 <ul>
 <li>
<!-- END html_validation -->
 </li>
 </ul>
 <!-- BEGIN switch_footer_links -->
 <ul>
 <li>
 <!-- BEGIN footer_link -->
 <!-- BEGIN switch_separator -->&nbsp;|&nbsp;<!-- END switch_separator -->
 {switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
 <!-- END footer_link -->
 </li>
 </ul>
 <!-- END switch_footer_links -->
 <p class="adminlink">
 <strong>{ADMIN_LINK}</strong>
 </p>
 </div>
 </div>
 {PROTECT_FOOTER}
 </div>
 </div>
 </div>
</div>
<script type="text/javascript">
//<![CDATA[
 fa_endpage();
//]]>
</script>
</body>
</html>


Overall_header

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
 <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
 <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
 <meta http-equiv="content-script-type" content="text/javascript" />
 <meta http-equiv="content-style-type" content="text/css" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 <!-- BEGIN switch_compat_meta -->
 <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
 <!-- END switch_compat_meta -->
 <!-- BEGIN switch_canonical_url -->
 <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
 <!-- END switch_canonical_url -->
 {META_FAVICO}
 {META}
 {META_FB_LIKE}
 <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
 {T_HEAD_STYLESHEET}
 {CSS}
 <link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
 <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
 <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
 <script src="{JQUERY_PATH}" type="text/javascript"></script>
    <!-- BEGIN switch_recent_jquery -->
    <script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
    <script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
    <script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>
    <!-- END switch_recent_jquery -->
 <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
    {RICH_SNIPPET_GOOGLE}
 {GREETING_POPUP}
 {HOSTING_JS}
    <!-- BEGIN google_analytics_code -->
    <script type="text/javascript">
        //<![CDATA[
        var _gaq = _gaq || [];
        _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
        _gaq.push(["_trackPageview"]);
        _gaq.push(['_trackPageLoadTime']);

        <!-- BEGIN google_analytics_code_bis -->
        _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
        _gaq.push(['b._trackPageview']);
        <!-- END google_analytics_code_bis -->

        (function() {
            var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
            ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
            var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
        })();
        //]]>
    </script>
    <!-- END google_analytics_code -->
</head>

<body>

<a id="top" name="top" accesskey="t"></a>

<header>
    <div class="headertop">
        <div class="pagewidth clearfix">
            <div class="logo">
                <img src="https://xenforo.com/community/styles/default/xenforo/xenforo-logo.png" alt="" />
            </div>
        </div>
    </div>
    <div class="navtop">
        <div class="pagewidth clearfix">
            <ul class="mainmenu left">
                <li class="navtab active"><a href="/forum">Diễn đàn</a></li>
                <li class="navtab"><a href="/memberlist">Thành viên</a></li>
                <li class="navtab"><a href="/faq">Trợ giúp</a></li>
            </ul>
            <ul class="mainuser right">
                <li class="navtab"><a href="/login">Đăng nhập</a></li>
                <li class="navtab"><a href="/register">Đăng ký</a></li>
            </ul>
        </div>
    </div>
</header>
  
 <div class="minwidth_IE pagewidth">
 <div class="layout_IE">
 <div class="container_IE">
 <div class="pun clearfix">
 <div id="page-body">
 <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
 <div id="outer-wrapper">
 <div id="wrapper">
 <div id="container">
 <div id="content">
 <div id="main">
 <div id="main-content">
<!-- BEGIN html_validation -->
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
</body>
</html>
<!-- END html_validation -->


ACP >> Display >> Templates >> Portal
Mod_recent_topics

Code:

<div class="main-content lastcontent">
    <ol>
        <!-- BEGIN classical_row -->
        <!-- BEGIN recent_topic_row -->
        <li>
            <!-- BEGIN switch_poster -->
            <a href="{classical_row.recent_topic_row.U_TITLE}" title="{classical_row.recent_topic_row.L_TITLE}" class="topictitle">{classical_row.recent_topic_row.L_TITLE}</a>
            <!-- END switch_poster -->

            <!-- BEGIN switch_poster -->
            <span class="lastuser right"><a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a></span>
            <!-- END switch_poster -->
        </li>
        <!-- END recent_topic_row -->
        <!-- END classical_row -->
    </ol>
</div>


Vậy là xong Very Happy
Sẵn tiện cho gởi cái link ở đây, tại sợ quên Smile : http://raovat.5forum.net/
ZzThuyNg0czZ
Bài viết : 10
Points : 11
Like : 1
Punbb
Cẩn thận
ZzThuyNg0czZMEM LV1
3/27/2018, 22:11
#2
bị lỗi ở trên thanh bên trên anh ui , đăng nhập rùi mà vẫn còn 2 cái " đăng nhập và đăng ký " , với cái chỗ đăng bài bị lỗi , nó lộn xộn lắm
Kiwi
Bài viết : 289
Points : 601
Like : 160
Punbb
An toàn
Status : Đành vậy thế thôi
KiwiS-MOD
3/27/2018, 23:24
#3
ZzThuyNg0czZ đã viết:
bị lỗi ở trên thanh bên trên anh ui , đăng nhập rùi mà vẫn còn 2 cái  " đăng nhập và đăng ký " , với cái chỗ đăng bài bị lỗi , nó lộn xộn lắm

Tại mình chưa làm hết và tắt hết css mặc định nên nó vậy.
Phải làm thêm mấy trang kia nữa mới dc Very Happy
ZzThuyNg0czZ
Bài viết : 10
Points : 11
Like : 1
Punbb
Cẩn thận
ZzThuyNg0czZMEM LV1
3/28/2018, 00:06
#4
a giúp em sữa mấy cái đó với ạ chứ như vậy không ai biết đăng bài sao luôn ý
Kiwi
Bài viết : 289
Points : 601
Like : 160
Punbb
An toàn
Status : Đành vậy thế thôi
KiwiS-MOD
3/28/2018, 12:12
#5
ZzThuyNg0czZ đã viết:
a giúp em sữa mấy cái đó với ạ chứ như vậy không ai biết đăng bài sao luôn ý

Tạm thời bạn xài skin khác đi, khi nào xong mình share toàn bộ
FolkBirds
Bài viết : 9
Points : 12
Like : 3
Punbb
FolkBirdsMEM
3/28/2018, 15:38
#6
Nice skin. Thank you for sharing this.
waiting for the full design. [Skin] Chia sẻ skin màu xanh đang làm dở dang. 1f60d
lasperpen
Bài viết : 239
Points : 457
Like : 156
PhpBB3
Quản trị
Status : Hồi xưa mình đẹp trai lắm...Bây giờ đỡ nhiều rồi
lasperpenMOD
3/30/2018, 17:02
#7
thằng tín nó lấy tên nyc t với avatar nyc t Smile vãi thanh niên
Kiwi
Bài viết : 289
Points : 601
Like : 160
Punbb
An toàn
Status : Đành vậy thế thôi
KiwiS-MOD
3/30/2018, 18:27
#8
LASPERPEN đã viết:
thằng tín nó lấy tên nyc t với avatar nyc t Smile vãi thanh niên

Nó đâu
lasperpen
Bài viết : 239
Points : 457
Like : 156
PhpBB3
Quản trị
Status : Hồi xưa mình đẹp trai lắm...Bây giờ đỡ nhiều rồi
lasperpenMOD
3/31/2018, 16:05
#9
thuyngoczz =))
......................................
Kiwi
Bài viết : 289
Points : 601
Like : 160
Punbb
An toàn
Status : Đành vậy thế thôi
KiwiS-MOD
3/31/2018, 18:06
#10
LASPERPEN đã viết:
thuyngoczz =))
......................................

À thì ra là nó Smile
Thặc là vl Smile
tonyhoaivu
Bài viết : 124
Points : 280
Like : 8
Punbb
Cẩn thận
tonyhoaivuMEM LV3
4/11/2018, 18:07
#11
Làm Sao Để Thêm Icon Box Thư Mục Như Ảnh Demo Vậy Làm Hoài Không Được
http://ketnoi24honline.forumb.biz/forum
phuot
Bài viết : 35
Points : 58
Like : 9
Punbb
phuotMEM LV1
4/11/2018, 19:02
#12
tonyhoaivu đã viết:
Làm Sao Để Thêm Icon Box Thư Mục Như Ảnh Demo Vậy Làm Hoài Không Được
http://ketnoi24honline.forumb.biz/forum

mình về nghiên cứu thì thấy đây nè

Code:

.boxc1 .boxicon .fa:before{content:"\f015"}
.boxc2 .boxicon .fa:before{content:"\f0c0"}
.boxc3 .boxicon .fa:before{content:"\f26c"}
.boxc4 .boxicon .fa:before{content:"\f109"}
.boxc5 .boxicon .fa:before{content:"\f118"}
.boxc6 .boxicon .fa:before{content:"\f290"}
.boxc7 .boxicon .fa:before{content:"\f1b9"}
.boxc8 .boxicon .fa:before{content:"\f232"}
.boxc9 .boxicon .fa:before{content:"\f292"}
.boxc10 .boxicon .fa:before{content:"\f0a1"}

thay số

Code:

 2,3,4,5,6,7,8,9
thành số chuyên mục của bạn
tonyhoaivu
Bài viết : 124
Points : 280
Like : 8
Punbb
Cẩn thận
tonyhoaivuMEM LV3
4/14/2018, 19:30
#13
không được bạn ơi

Code:

.boxc1 .boxicon .fa:before{content:"\f0"}
.boxc2 .boxicon .fa:before{content:"\f1"}
.boxc3 .boxicon .fa:before{content:"\f2"}
.boxc4 .boxicon .fa:before{content:"\f3"}
.boxc5 .boxicon .fa:before{content:"\f4"}
.boxc6 .boxicon .fa:before{content:"\f5"}
.boxc7 .boxicon .fa:before{content:"\f6"}
.boxc8 .boxicon .fa:before{content:"\f7"}
.boxc9 .boxicon .fa:before{content:"\f8"}
.boxc10 .boxicon .fa:before{content:"\9"}
.boxc1 .boxicon .fa:before{content:"\f10"}
Kiwi
Bài viết : 289
Points : 601
Like : 160
Punbb
An toàn
Status : Đành vậy thế thôi
KiwiS-MOD
4/14/2018, 20:38
#14
tonyhoaivu đã viết:
không được bạn ơi

Code:

.boxc1 .boxicon .fa:before{content:"\f0"}
.boxc2 .boxicon .fa:before{content:"\f1"}
.boxc3 .boxicon .fa:before{content:"\f2"}
.boxc4 .boxicon .fa:before{content:"\f3"}
.boxc5 .boxicon .fa:before{content:"\f4"}
.boxc6 .boxicon .fa:before{content:"\f5"}
.boxc7 .boxicon .fa:before{content:"\f6"}
.boxc8 .boxicon .fa:before{content:"\f7"}
.boxc9 .boxicon .fa:before{content:"\f8"}
.boxc10 .boxicon .fa:before{content:"\9"}
.boxc1 .boxicon .fa:before{content:"\f10"}


Không phải là thay thành id box như thế, phải thay thành id của font awesome
tonyhoaivu
Bài viết : 124
Points : 280
Like : 8
Punbb
Cẩn thận
tonyhoaivuMEM LV3
4/15/2018, 09:37
#15
không hiểu mà bác nói vậy em cũng chịu luôn đành để vậy
Sponsored content
#16