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

  • Móm Đặc Biệt
    1. [Skin] Chia sẻ skin màu xanh đang làm dở dang.
    avatar S-MOD
    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:



    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ị 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

  • Móm Đặc Biệt
    3. Re: [Skin] Chia sẻ skin màu xanh đang làm dở dang.
    avatar S-MOD
    @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
    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 ý

  • Móm Đặc Biệt
    5. Re: [Skin] Chia sẻ skin màu xanh đang làm dở dang.
    avatar S-MOD
    @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
    Nice skin. Thank you for sharing this.
    waiting for the full design.

  • LASPERPEN
    7. Re: [Skin] Chia sẻ skin màu xanh đang làm dở dang.
    avatar ADM
    thằng tín nó lấy tên nyc t với avatar nyc t Smile vãi thanh niên


    --Chữ ký--
    Khách viếng thăm nhìn cưng vậy cho hun cái coi Smile
  • Móm Đặc Biệt
    8. Re: [Skin] Chia sẻ skin màu xanh đang làm dở dang.
    avatar S-MOD
    @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
    9. Re: [Skin] Chia sẻ skin màu xanh đang làm dở dang.
    avatar ADM
    thuyngoczz =))
    ......................................


    --Chữ ký--
    Khách viếng thăm nhìn cưng vậy cho hun cái coi Smile
  • Móm Đặc Biệt
    10. Re: [Skin] Chia sẻ skin màu xanh đang làm dở dang.
    avatar S-MOD
    @LASPERPEN đã viết:thuyngoczz =))
    ......................................
    À thì ra là nó Smile
    Thặc là vl Smile

  • tonyhoaivu
    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
    @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
    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"}

  • Móm Đặc Biệt
    14. Re: [Skin] Chia sẻ skin màu xanh đang làm dở dang.
    avatar S-MOD
    @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
    không hiểu mà bác nói vậy em cũng chịu luôn đành để vậy

  • Sponsored content

Thông tin tác giả
avatar
S-MOD
Bài viết :
275
Points :
581
Like :
156
Punbb
An toàn
Status :
Đành vậy thế thôi
Xem lý lịch thành viên http://vnraovat.forumvi.com/
Thông tin tác giả
avatar
MEM LV1
Bài viết :
10
Points :
11
Like :
1
Punbb
Cẩn thận
Xem lý lịch thành viên
Thông tin tác giả
avatar
S-MOD
Bài viết :
275
Points :
581
Like :
156
Punbb
An toàn
Status :
Đành vậy thế thôi
Xem lý lịch thành viên http://vnraovat.forumvi.com/
Thông tin tác giả
avatar
MEM LV1
Bài viết :
10
Points :
11
Like :
1
Punbb
Cẩn thận
Xem lý lịch thành viên
Thông tin tác giả
avatar
S-MOD
Bài viết :
275
Points :
581
Like :
156
Punbb
An toàn
Status :
Đành vậy thế thôi
Xem lý lịch thành viên http://vnraovat.forumvi.com/
Thông tin tác giả
avatar
MEM
Bài viết :
9
Points :
12
Like :
3
Punbb
Xem lý lịch thành viên
Thông tin tác giả
avatar
ADM
Bài viết :
184
Points :
382
Like :
140
Invision
Quản trị
Status :
Hồi xưa mình đẹp trai lắm...Bây giờ đỡ nhiều rồi
Xem lý lịch thành viên http://www.hotrofm.net/u4
Thông tin tác giả
avatar
S-MOD
Bài viết :
275
Points :
581
Like :
156
Punbb
An toàn
Status :
Đành vậy thế thôi
Xem lý lịch thành viên http://vnraovat.forumvi.com/
Thông tin tác giả
avatar
ADM
Bài viết :
184
Points :
382
Like :
140
Invision
Quản trị
Status :
Hồi xưa mình đẹp trai lắm...Bây giờ đỡ nhiều rồi
Xem lý lịch thành viên http://www.hotrofm.net/u4
Thông tin tác giả
avatar
S-MOD
Bài viết :
275
Points :
581
Like :
156
Punbb
An toàn
Status :
Đành vậy thế thôi
Xem lý lịch thành viên http://vnraovat.forumvi.com/
Thông tin tác giả
avatar
MEM LV1
Bài viết :
20
Points :
31
Like :
3
Punbb
Xem lý lịch thành viên
Thông tin tác giả
avatar
MEM LV1
Bài viết :
25
Points :
40
Like :
5
Punbb
Xem lý lịch thành viên
Thông tin tác giả
avatar
MEM LV1
Bài viết :
20
Points :
31
Like :
3
Punbb
Xem lý lịch thành viên
Thông tin tác giả
avatar
S-MOD
Bài viết :
275
Points :
581
Like :
156
Punbb
An toàn
Status :
Đành vậy thế thôi
Xem lý lịch thành viên http://vnraovat.forumvi.com/
Thông tin tác giả
avatar
MEM LV1
Bài viết :
20
Points :
31
Like :
3
Punbb
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