Tìm thấy 90 mục

[Code] Bảng đăng ký, đăng nhập, tìm kiếm, đăng xuất nhanh trượt xuống.

Demo ảnh

Topics tagged under code on Diễn Đàn Hỗ Trợ FM  - Page 5 110
Tìm kiếm nhanh

Topics tagged under code on Diễn Đàn Hỗ Trợ FM  - Page 5 210
Đăng ký nhanh

Topics tagged under code on Diễn Đàn Hỗ Trợ FM  - Page 5 310
Đăng nhập nhanh

Topics tagged under code on Diễn Đàn Hỗ Trợ FM  - Page 5 410
Đăng xuất nhanh

Hướng dẫn:

ACP >> Display >> Colors >> CSS
Cho code này vào cuối

Code:

/* Đăng nhập - đăng ký - tìm kiếm */
.frameTop{display:none;padding:10px 0;display:none;color:#DDD;position:relative;width:100%;background:#035e8d}
.frameTop .inputTop,.frameTop fieldset,.frameTop h2,.frameTop > div{width:100%;display:block;height:30px!important;line-height:28px;border:1px solid #DDD;max-width:600px;margin:10px auto;padding:0 10px!important}
.frameTop fieldset{border:0;padding:0!important}
#searchTop fieldset{position:relative;background:#FFF;padding:0 48px 0 0 !important}
#searchTop .btn{position:absolute;right:1px;top:1px;background:url(//i56.servimg.com/u/f56/18/59/49/93/13848712.png) no-repeat center center transparent!important;border:0!important;width:28px;height:28px!important;text-indent:-9999px;background-size:40px 40px!important;padding:0!important}
#searchTop .inputTop{border:0 none!important;margin:0}
#outTop fieldset{text-align:center}
#outTop input[name="confirm"]{background:#d15c00!important;border-color:#b85101!important}
#outTop input[name="confirm"]:hover{background-color:#777!important;border-color:#666!important}
.frameTop h2{border:0 none;text-align:center;margin-bottom:20px!important;font-weight:300}
.frameTop > div{margin-top:0;height:auto!important;border:0}


Cho code này vào chỗ muốn hiện, ví dụ như cuối overall_header

Code:

<!-- BEGIN switch_user_logged_out -->
<li id="submit-menu" class="menu-text menu-text-small "><a href="/register">ĐĂNG KÝ</a></li>
<li class="menu-text menu-text-small "><a href="/login">ĐĂNG NHẬP</a></li>
<!-- END switch_user_logged_out -->

<div id="searchTop" class="frameTop">
                        <form action="/search" method="get" class="frm-form" name="searchform" style="background:#035e8d">
                            <fieldset>
                                <input placeholder="Vui lòng nhập nội cần tìm" type="search" tabindex="1" name="search_keywords" size="30" value="" class="inputTop" required/>
                                <input type="submit" tabindex="2" class="btn" />
                            </fieldset>
                        </form>
                    </div>
                            <!-- BEGIN switch_user_logged_out -->
                    <div id="loginTop" class="frameTop">
                        <form action="/login" method="post" class="frm-form" name="form_login" style="background:#035e8d">
                            <input placeholder="Tên đăng nhập" type="text" tabindex="1" name="username" size="30" maxlength="50" value="" class="inputTop" required/>
                            <input placeholder="Mật khẩu" type="password" tabindex="2" name="password" size="30" maxlength="50" class="inputTop" required/>
                            <fieldset>
                                <input type="hidden" name="redirect" value="" />
                                <input type="submit" name="login" tabindex="3" value="Đăng nhập" class="button2" />&nbsp;&nbsp;
                                <label>
                                    <input type="checkbox" name="autologin" id="autologin" tabindex="4" class="checkbox" checked="checked" />&nbsp; Ghi nhớ đăng nhập ?</label>
                            </fieldset>
                        </form>
                    </div>
                    <div id="regTop" class="frameTop">
                        <form action="/register?agreed=true&step=2" method="post" class="frm-form" name="form_register" style="background:#035e8d">
                            <input id="username_reg" placeholder="Tên đăng nhập" type="text" tabindex="1" name="username" size="30" maxlength="20" value="" class="inputTop" title="Tên tài khoản phải có ít nhất 4 ký tự" required/>
                            <input id="email" placeholder="Địa chỉ Email" name="email" tabindex="2" value="" size="30" maxlength="64" type="email" class="inputTop" required/>
                            <input placeholder="Mật khẩu" type="password" tabindex="3" name="password" size="30" maxlength="50" class="inputTop" title="Nên đặt mật khẩu có chữ và số để an toàn hơn cho tài khoản của bạn" required/>
                            <fieldset>
                                <input type="submit" name="submit" tabindex="4" value="Đăng ký" class="button2" />&nbsp;&nbsp;
                                <input class="button2" name="reset" tabindex="5" value="Xác lập lại" type="reset" />
                            </fieldset>
                        </form>
                    </div>
                            <!-- END switch_user_logged_out -->
                    <!-- BEGIN switch_user_logged_in -->
                    <div id="outTop" class="frameTop" style="overflow: hidden; display: none;">
                        <form action="{U_LOGIN_LOGOUT}" method="post" class="frm-form" style="background:#035e8d">
                            <h2>Bạn có thật sự muốn thoát ?</h2>
                            <fieldset>
                                <input type="submit" name="confirm" value="Có">&nbsp;&nbsp;
                                <input class="close" type="button" name="cancel" value="Không">
                            </fieldset>
                        </form>
                    </div>
                    <!-- END switch_user_logged_in -->

                    <script type="text/javascript">
                        //<![CDATA[
                        $(function() {
                            var b, p = location.pathname;
                            "/login" == p || "/register" == p ? ($("#regTop, #loginTop").remove(), $("#username_reg").attr({
                                pattern: "^[^\\d\\.]([\\.\\w\\d]+){2,}",
                                title: "Tên tài khoản phải có ít nhất 3 ký tự và bắt đầu bằng chữ cái hoặc gạch dưới. Chỉ được phép sử dụng chữ cái, số, dấu chấm và dấu gạch dưới"
                            }), $("#pass").attr({
                                pattern: "^(?=.*\\d)(?=.*[a-zA-Z]).{6,}$",
                                title: "Mật khẩu từ 6 ký tự trở lên, bao gồm chữ và số"
                            }), $("#email").attr("type", "email"), $("#email, :password, [name=username]").attr("required", "required")) : ($("a[href^='/login']:not('#logout')").attr({
                                "data-href": "#loginTop",
                                "class": "quickLink"
                            }), $("input[name='redirect']").val(p), $("#logout").attr({
                                "data-href": "#outTop",
                                "class": "quickLink"
                            }), $("a[href^='/register']").attr({
                                "data-href": "#regTop",
                                "class": "quickLink"
                            }));
                            $(".frameTop .close").click(function() {
                                $(this).closest(".frameTop").stop().slideUp();
                            });
                            "/search" == p ? $("#searchTop").remove() : $("a[href='/search'],a[href='/search?tt=1']").attr({
                                "data-href": "#searchTop",
                                "class": "quickLink"
                            });
                            $(".quickLink, .close.topform").click(function(a) {
                                a.preventDefault();
                                $(document).scrollTop(0);
                                a = $(this).data("href");
                                a != b ? (b = a, $(".frameTop").stop().slideUp(), $(a).stop().slideDown()) : ($(a).stop().slideUp(), b = "")
                            })
                        }); //]]>
                    </script>

Tags: #code #tuts

[Code] Bảng đăng nhập và đăng ký nhanh popup 2 trong 1

Demo ảnh

Topics tagged under code on Diễn Đàn Hỗ Trợ FM  - Page 5 Log10

Hướng dẫn

Đặt code này ở nơi muốn hiện nút đăng nhập

Code:

<!-- BEGIN switch_user_logged_out -->
    <div class="loginpro" style="display: block" id="_Login"><a class="login" href="/login">Đăng nhập</a></div>
<!-- END switch_user_logged_out -->


ACP >> Display >> QLTT
Cho code này vào cuối overall_header

Code:

<!-- BEGIN switch_user_logged_out -->

  <div style="background-image: url(http://i57.servimg.com/u/f57/16/18/15/10/1225.png); width: 100%; height: 100%; position: fixed; z-index: 999; top: 0px; left: 0px; text-align: center; display: none;" class="loginpop">
   <div style="width:500px;height:360px;border:1px solid rgb(222,223,222);background-color:#FFF;position: fixed;top:50%;left:50%;margin-left:-250px;margin-top:-180px;text-align:left">
      <div style="background-image:url(http://i57.servimg.com/u/f57/16/18/15/10/1284.png);font:bold 16px Arial;padding:13px;color:rgb(99,101,99);border-bottom:1px solid rgb(239,243,239)">
         Đăng nhập tài khoản Ngam9xTG<a style="float:right" href="javascript:more" class="dongloginpop"><img src="http://i57.servimg.com/u/f57/16/18/15/10/1287.png"></a>
      </div>
      <div style="padding:20px">
         <script>$(function(){$(".dongloginpop").click(function(){$(".loginpop").hide()});$('.loginpro a[href*="/login"],.loginpro a[href*="/register"]').click(function( event ) {event.preventDefault();$(".loginpop").css({'display':'inline-block'})});})</script>
         <style>
.dang_nhap {float:right;width:240px;font-family:Arial;margin-top:5px}.dang_nhap #username,.dang_nhap #password{width:200px!important;padding:10px 10px 10px 30px;font:16px Arial;margin-bottom:20px;border:1px solid #cccccc}.dang_nhap #username:focus,.dang_nhap #password:focus,.dang_ky #username:focus,.dang_ky #email:focus,.dang_ky #password:focus {border:1px solid rgb(74,142,231)}.pun .dang_nhap input.button2 {width:240px!important;font:bold 16px Arial!important;height:40px!important}.dang_ky {float:left;width:180px;background-color:rgb(247,247,247);padding:10px;height:220px;background-image:url(http://i57.servimg.com/u/f57/16/18/15/10/1286.png);background-repeat:no-repeat;background-position:top center;padding-top:40px}.dang_ky #username,.dang_ky #email,.dang_ky #password{width:140px!important;padding:5px 5px 5px 30px;font:14px Arial;margin-bottom:5px;border:1px solid #b0b0b0}.dang_ky p{margin-bottom:10px;font:bold 14px Arial;color:rgb(99,101,99)}.dang_ky .luuy {color:rgb(99,101,99);font:14px Arial;margin-top:10px}.dang_ky .luuy div{background: url(http://i57.servimg.com/u/f57/16/18/15/10/1285.png)no-repeat left;padding-left:20px}#pwd_bad:before {content:"Không hợp lệ";margin-top:0px;}#pwd_middle:before,#pwd_good:before {content:"Hợp lệ";margin-left:4px;margin-top:5px;}
         </style>
               
         <form action="/login" method="post" name="form_login" class="dang_nhap">
              <script type="text/javascript">document.write('<input type="hidden" name="redirect" value="' + location.href + '" />')</script>
<input type="text" name="username" id="username" size="15" maxlength="40" placeholder="Tên truy cập" value="" class="inputbox autowidth"><input type="password" id="password" name="password" size="15" maxlength="25" placeholder="Mật khẩu" class="inputbox autowidth">
            <div style="font:14px Arial;margin-bottom:10px">
               <input type="checkbox" name="autologin" checked="true"> Tự động mỗi khi truy cập
            </div>
            <input type="submit" name="login" tabindex="6" value="Đăng Nhập" class="button2" style="margin-left:0px">
            <div style="font:bold 14px Arial;margin-top:10px;text-align:right">
               <a href="/profile?mode=sendpassword" target="_blank">Quên mật khẩu ?</a>
            </div>
         </form>
         <form action="/register?agreed=true&step=2" method="post" target="_blank" name="post" id="ucp" class="dang_ky">
            <p>
               Tài khoản :
            </p>
            <input id="username" name="username" value="" placeholder="Bắt buộc" type="text">
            <p>
               Email :
            </p>
            <input id="email" name="email" value="" placeholder="" type="text">
            <p>
               Mật khẩu :
            </p>
            <input class="left ltr password_reg" placeholder="●●●●●●" type="password" id="password" name="password" value="" size="25" maxlength="25">
            <div id="cont_pwd" style="float:right;overflow:hidden;width:60px;height:16px;margin-top:5px;margin-bottom:-5px">
               <div class="pwd_img" id="pwd_bad">
                  Weak
               </div>
               <div class="pwd_img" id="pwd_middle">
                  Normal
               </div>
               <div class="pwd_img" id="pwd_good">
                  Strong
               </div>
            </div>
            <script src="http://illiweb.com/rs3/85/frm/jquery/pwd_strength/passwordStrengthMeter.js"></script>
            <script type="text/javascript">//<![CDATA[
jQuery(document).ready(function(){$('input[name=reset]').click(function(){$("#pwd_good,#pwd_middle,#pwd_bad").hide();});$('.password_reg,#username').keyup(function() {if ( $('.password_reg').val() != "" ){var level = passwordStrength($('.password_reg').val(),$('#username').val());switch(level){case 'bad' :$("#pwd_middle,#pwd_good").hide();$("#pwd_bad").show();break;case 'good' :$("#pwd_good,#pwd_bad").hide();$("#pwd_middle").show();break;case 'strong' :$("#pwd_middle,#pwd_bad").hide();$("#pwd_good").show();break;}}else{$("#pwd_middle,#pwd_good,#pwd_bad").hide();}});});//]]></script>
            <input id="profile_field_16_-7" name="profile_field_16_-7" value="1" checked="checked" type="radio" style="display:none"><input class="button2" name="submit" value="Đăng kí" type="submit" style="margin-top:5px">
            <div class="luuy">
               <div>
                  Mật khẩu có số và chữ
               </div>
            </div>
         </form>
      </div>
   </div>
</div>
                                  <!-- END switch_user_logged_out -->

Click vào nút đăng nhập nó sẽ hiện ra popup
Tags: #code #tuts

[Code] Thông báo thay đổi ngẫu nhiên mỗi khi truy cập hoặc F5.

Demo ảnh

Topics tagged under code on Diễn Đàn Hỗ Trợ FM  - Page 5 Note10
Nó sẽ thay đổi mổi lần F5 hoặc truy cập forum

Cách làm

Cho code sau vào chỗ muốn hiện

Code:

<div class="homeQuoteBox">
<div class="quoteBox">                    
<script type="text/javascript">
enlace = new Array();
enlace[0] = 'Các bài đăng của các bạn sẽ được đưa<br/>lên trang chủ ngay sau khi đăng xong ^^';
enlace[1] = 'Xem bài thấy hay mà không LIKE<br/>Như nhìn gái đẹp mà không cảm xúc<br/>Gay cmnr!';
enlace[2] = 'Mấy chế biết Đua Top là gì chưa?<br/>Làm sao để được Lên Top nè?<br/>Hãy đăng bài nhiều lên nhé ^^';
enlace[3] = 'Xem LMHT<br/>Úm ba la xì bùa<br/>Úa ba la xì bùm<br/>Ùm lì xi la búa';
enlace[4] = 'Xem LMHT, đã cập nhật tính năng<br/>Đua Top siêu chất luôn nhé mấy chế.';
enlace[5] = 'Đăng clip hay ẵm ngay 12 triệu<br/>Có thím nào dám chơi không? ^^';
aleatorio = Math.random() * (enlace.length);
aleatorio = Math.floor(aleatorio);
document.write(enlace[aleatorio]);
</script>
</div>
<div class="boxAnchor2"></div>
<div class="circle"></div>
<div class="name">Xem Liên Minh<br/><div class="like"></div></div>


Cho code sau vào CSS

Code:

.homeQuoteBox .quoteBox{background:#FFF0D3;padding:10px;border:1px dashed #FF7C4D;font-family:Cambria,"Times New Roman",serif;text-align:center;font-size:16px}
.mainbody-singlecol .homeQuoteBox .quoteBox{width:275px}
.homeQuoteBox .boxAnchor2{background:url("http://i21.servimg.com/u/f21/17/57/29/64/hnn-ic11.png") -217px -51px no-repeat;width:15px;height:26px;margin-right:50px;margin-left:auto;margin-top:-1px}
.homeQuoteBox .circle{background:url("http://i21.servimg.com/u/f21/17/57/29/64/hnn-ic11.png") no-repeat scroll -339px -40px transparent;height:60px;margin-left:auto;margin-right:12px;margin-top:3px;float:right;width:60px}
.homeQuoteBox .name{font-size:13pt;float:right;padding-right:10px;font-weight:bold;color:#FF7C4D;text-shadow:1px 1px 0 #FFF}
.homeQuoteBox .like{width:115px;overflow:hidden;float:right;margin-top:5px}


Lưu ý: Chỉnh sửa nội dung trong code phù hợp với nhu cầu của bạn,sử dụng <br/> để xuống dòng.
#codefm

Tags: #code

[Code] Widget khung tags đẹp Hotrofm đang sử dụng.

Demo ảnh

Topics tagged under code on Diễn Đàn Hỗ Trợ FM  - Page 5 Untitl11

Cách làm

Cho code này vào chỗ muốn hiện:

Code:

    <ul class="xentag cloud">       
      <li class="cloudtag level1"><a href="/tags/code">Code Forumotion</a></li>
      <li class="cloudtag level1"><a href="/tags/skin">Skin Forumotion</a></li>
      <li class="cloudtag level3"><a href="/tags/punbb">Punbb</a></li>
      <li class="cloudtag level1"><a href="/tags/thủ-thuật">Thủ thuật</a></li>
      <li class="cloudtag level2"><a href="/tags/computer">Computer</a></li>
      <li class="cloudtag level1"><a href="/tags/smartphone">Smartphone</a></li>
      <li class="cloudtag level2"><a href="/tags/html">HTML</a></li>
      <li class="cloudtag level1"><a href="/tags/facebook">Facebook</a></li>
      <li class="cloudtag level1"><a href="/tags/internet">Internet</a></li>
      <li class="cloudtag level2"><a href="/tags/phần-mềm">Phần mềm</a></li>
      <li class="cloudtag level2"><a href="/tags/video">Video</a></li>
      <li class="cloudtag level2"><a href="/tags/music">Music</a></li>
      <li class="cloudtag level1"><a href="/tags/hình-ảnh">Hình ảnh</a></li>
      <li class="cloudtag level3"><a href="/tags/android">Android</a></li>
      <li class="cloudtag level3"><a href="/tags/forumotion">Forumotion</a></li>
      <li class="cloudtag level3"><a href="/tags/photoshop">Photoshop</a></li>
      <li class="cloudtag level2"><a href="/tags/lasttopic">Lasttopic</a></li>
      <li class="cloudtag level2"><a href="/tags/game-private">Game private</a></li>
      <li class="cloudtag level1"><a href="/tags/sexy">Sexy</a></li>
      <li class="cloudtag level3"><a href="/tags/rao-vặt">Rao vặt</a></li>
      <li class="cloudtag level1"><a href="/tags/hotrofm">Hotrofm</a></li>
      <li class="cloudtag level2"><a href="/tags/free">Free</a></li>
      <li class="cloudtag level2"><a href="/tags/cosplay">Cosplay</a></li>
      <li class="cloudtag level1"><a href="/tags/editor">Editor</a></li>
      <li class="cloudtag level2"><a href="/tags/ứng-dụng">Ứng dụng</a></li>
      <li class="cloudtag level3"><a href="/tags/seo">SEO</a></li>
      <li class="cloudtag level1"><a href="/tags/addon">Addon</a></li>
      <li class="cloudtag level3"><a href="/tags/tips">Tips</a></li>
      <li class="cloudtag level3"><a href="/tags/hướng-dẫn">Hướng dẫn</a></li>
      <li class="cloudtag level1"><a href="/tags/tuts">Tuts</a></li>
      <li class="cloudtag level2"><a href="/tags/invision">Invision</a></li>
      <li class="cloudtag level3"><a href="/tags/phpbb2">Phpbb2</a></li>
      <li class="cloudtag level2"><a href="/tags/phpbb3">Phpbb3</a></li>
      <li class="cloudtag level2"><a href="/tags/script">Script</a></li>
    </ul>


Cho code này vào CSS:

Code:

.xentag{padding:10px}
.xentag:after{content:'.';display:block;height:0;clear:both;visibility:hidden}
.xentag .cloudtag{background:#0F61A1;color:#EFF2F7;display:inline;float:left;margin:0.2em;padding:0}
.xentag .cloudtag:hover{background:#777;color:#fff}
.xentag .cloudtag a{color:inherit;display:block;font-size:1em;font-weight:bold;margin:0.5em;white-space:nowrap}
.xentag .level1{background-color:#E6EDFB;color:#3A5795}
.xentag .level2{background-color:#889ABF;color: #fff;}
.xentag .level3{background-color:#3A5795;color: #fff;}

Lưu lại và xem thành quả Smile
#codefm

Tags: #code #forumotion

[Code] Trích dẫn nhanh trượt xuống không chuyển trang

Mô tả

- Khi bạn nhấp vào nút trích dẫn trong bài viết thì sẽ không bị chuyển trang và thay vào đó là trượt xuống khung trả lời nhanh để tiếp tục trích dẫn.

Hướng dẫn

ACP >> Modules >> Javascript codes management

Title * : Trích dẫn nhanh
Placement : In the topic
Javascript Code * :

Code:

$(function () {
        $('a[href*="mode=quote"]').click(function () {
              var datahref = $(this).attr('href');
                $.get(datahref , function (a) {
        var datatext = $(a).find('#text_editor_textarea[name="message"]').val();
        $(".sceditor-container textarea").val(datatext);
        $(".sceditor-container iframe").contents().find('body').html(datatext);
                });
                $('body').stop().animate({
                        scrollTop: $('#quick_reply').offset().top
                    }, 3000);
                return false;
            });
});

Vậy là xong rồi, ra bài viết thử nghiệm đi nào !
#codefm

Tags: #code

[Code] Sử dụng "Variables" ở mọi nơi trên forum.

Mô tả:

Variables sẽ giúp bạn làm hiển thị một số thông tin của diễn đàn và của thành viên trong diễn đàn

Cách làm:

ACP >> Display >> QLTT
Chèn code sau vào cuối overall_header

Code:

<script type="text/javascript" src="http://codeforumotion.googlecode.com/files/FMvar.js"></script>

Bây giờ chúng ta đã có thể chèn "Variables", nhưng có 1 chút khác biệt
Thay vì sử dụng dấu ngoặc {USER...} hay {FORUM...} như bình thường, bạn phải Chèn như 1 tag html với class là tên Variables

Ví dụ:

Code:

<span class="USERNAME"></span>

Sẽ hiển thị tên người đang xem

Ví dụ 2:

Code:

<span class="FORUMAGE">Ngày hoạt động : </span>
<span class="FORUMCOUNTFORUM">Số bài viết : </span>
<span class="FORUMCOUNTOPIC">Số topic : </span>

Sẽ hiển thị :
Ngày hoạt động : 1699
Số bài viết : 69
Số topic : 17138

Danh sách một số từ thay thế:

Code:

DIỄN ĐÀN
{FORUMURL} : Địa chỉ forum
{FORUMURLINK} : Liên kết
{FORUMNAME} : Tên diễn đàn
{FORUMNAMELINK} : Liên kết
{FORUMDESC} : Mô tả diễn đàn
{FORUMBIRTHDAY} : Diễn đàn bắt đầu
{FORUMAGE} : Số ngày hoạt động
{FORUMCOUNTFORUM} : Số chuyên mục
{FORUMCOUNTOPIC} : Tổng số chủ đề
{FORUMCOUNTPOST} : Tổng số bài gửi
{FORUMCOUNTUSER} : Tổng số thành viên
{FORUMONLINEUSER} : Thành viên trực tuyến
{FORUMONLINEDATE} : Truy cập cùng lúc nhiều nhất
{FORUMLASTUSER} : Thành viên mới đăng ký
{FORUMLASTUSERLINK} : Liên kết

QUẢN LÝ NGƯỜI DÙNG
{USERNAME} : Tên truy cập
{USERLINK} : Xem lý lịch thành viên
{USERBIRTHDAY} : Sinh nhật
{USERAGE} : Tuổi
{USERREGDATE} : Ngày tham gia
{USERLASTVISIT} : Truy cập cuối
{USERCOUNTPOST} : Số lượng bài gửi
{NOW} : Ngày tháng
{NOWWITHTIME} : Ngày tháng/giờ

#codefm

Tags: #code #forumotion

[Code] Đóng mở danh mục dành cho Punbb và Phpbb3.

Demo ảnh

Topics tagged under code on Diễn Đàn Hỗ Trợ FM  - Page 5 Avby9

File Name: Đóng mở danh mục
Tác giả: IPB
Phiên bản: PhpBB3/PunBB

Cách làm

ACP >> Modules >> HTML & Javascript >> Javascript codes management
Title * : Tùy thích
Placement : Chọn In all the pageIn the sub-forums
Javascript Code * :

Code:

jQuery(document).ready(function(){var p=0,u='http://i73.servimg.com/u/f73/17/06/15/51/cat_mi11.png',v='http://i73.servimg.com/u/f73/17/06/15/51/cat_ma11.png';jQuery('#main .main .main-head').each(function(){jQuery(this).next().attr('id',p);jQuery(this).next().css('display',my_getcookie('cat-'+jQuery(this).next().attr('id')));jQuery(this).append('<img src="'+u+'" id="abrirf" style="float: right;margin-right: -1px;margin-top: -17px;"/>');jQuery(this).find('#abrirf').click(function(){var i=jQuery(this).closest('.main-head').next();if(i.css('display')=='none'){i.slideToggle();jQuery(this).attr('src',u);my_setcookie('cat-'+jQuery(this).closest('.main-head').next().attr('id'),'block',1,0)}else{i.slideToggle();jQuery(this).attr('src',v);my_setcookie('cat-'+jQuery(this).closest('.main-head').next().attr('id'),'none',1,0)}});p++})});

Save là xong
#codefm

Tags: #code #tuts #punbb #phpbb3

[Code] Khung thống kê cho PunBB

Khung thống kê đẹp cho PunBB
Demo: Topics tagged under code on Diễn Đàn Hỗ Trợ FM  - Page 5 Screen24
Hướng dẫn: Tìm trong index_body đoạn code sau: 

Code:

<!-- BEGIN disable_viewonline --> 
bla bla bla bla bla bla....
<!-- END disable_viewonline -->

thay bằng đoạn code

Code:

<!-- BEGIN disable_viewonline -->
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
<div id="pun-info" class="main">

<table width="100%" cellspacing="3" cellpadding="5">                    
<tbody>
<tr>
                                          
<td align="left" valign="top" width="75%" class="table-online">
<div class="statistics-list">  
  
<dl class="center">Statistics</dl>          
<div class="table-liner"></div>
  
<p class="right">  
<!-- BEGIN switch_viewonline_link -->
<a href="{U_VIEWONLINE}" rel="nofollow"><img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" /></a>
<!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink -->
<img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
<!-- END switch_viewonline_nolink -->
</p>
<p>{TOTAL_USERS_ONLINE}</p>
<p style="margin-top: 5px;">{LOGGED_IN_USER_LIST}</p>  
<div class="clear"></div>
  
<div class="table-liner"></div>
  
<p class="right">{GROUP_LEGEND}</p>  
<p>{RECORD_USERS}</p>
<p style="margin-top: 5px;">{L_CONNECTED_MEMBERS}</p>
<div class="clear"></div>  
  
</div>  
</td>
                                                
<td>
</td>
                                          
<td align="left" valign="top" width="25%" class="table-online">
<div class="statistics-list">  
                  
<dl><dt>Total Topics :</dt>
<dd><span class="FORUMCOUNTOPIC"></span></dd></dl>
          
<div class="table-liner"></div>          
<dl><dt>Total Posts :</dt>
<dd><span class="FORUMCOUNTPOST"></span></dd></dl>
          
<div class="table-liner"></div>          
<dl><dt>Total Members :</dt>
<dd><span class="FORUMCOUNTUSER"></span></dd></dl>
          
<div class="table-liner"></div>          
<dl><dt>Most Online :</dt>
<dd><strong><span class="FORUMONLINEUSER"></span></strong></dd></dl>
  
<div class="table-liner"></div>          
<dl><dt>Newest Member :</dt>
<dd><strong><span class="FORUMLASTUSERLINK"></span></strong></dd></dl>  
  
</div>                                      
</td>
                                          
</tr>
</tbody>
</table>
  
</div>
<!-- END disable_viewonline -->



Tiếp tục, thêm đoạn code sau vào CSS: 

Code:

.table-online {
    height: auto;
    padding: 5px;
    background: #fff;
    border: 1px solid #ddd;  
}


.table-liner {
    margin: 5px 0;  
    border-top: 1px solid #ddd;
}


.statistics-list img {
    height: 35px;
}


.statistics-list {
    line-height: 2.0;
}
  
.statistics-list dl {
    overflow: hidden;
}
  
.statistics-list dt {
    float: left;
    max-width: 100%;
    margin-right: 5px;
}
  
.statistics-list dd {
    float: right;
    text-align: right;
    max-width: 100%;
}  

#codefm



Tags: #code #statics #beautiful

[Code] BQT Trực tuyến - Staff Online Widget

Topics tagged under code on Diễn Đàn Hỗ Trợ FM  - Page 5 2v2fwxf

Up css đơn giản : thêm vào css :

Code:

     span.monAva img {
    width: 29px;
    padding: 1px;
    border: 1px solid #DDD;
    margin-right: 7px;
    box-shadow: 0 0 1px #DDD;
}
      #theStaff strong {
    font-size: 13px;
    color: red;
}


Như tiêu đề, tạo một widget mới và thêm vào đoạn code sau: 

Code:

 <script type="text/javascript">
    myStaff = ['/u1', '/u999'];
    staff_cache_time = 4*60*1000; // mm*ss*ms;
    </script>
<div id="theStaff">
</div>
    
<div id="theContent" style="display:none">
</div>
    <noscript><div style="color:red;font-size:9px">Functionality of this widget is not possible, as JavaScript is disabled or unsupported.</div></noscript>    <script type="text/javascript">
    if (localStorage.staffOn && localStorage.staffEx > +new Date - staff_cache_time) jQuery('#theStaff').html(localStorage.staffOn);
    else loadStaff();
    function loadStaff() {
      jQuery('#theContent').load('/viewonline #main-content a, a.gen', function() {
        for (i=0; i<myStaff.length; i++) jQuery('#theContent a').filter(function() { return jQuery(this).attr('href') === myStaff[i] }).appendTo('#theStaff').wrap('<div class="myStaff">');
        if (!jQuery('#theStaff .myStaff').length) jQuery('#theStaff').html('Không có BQT nào đang trực tuyến');
        jQuery('.myStaff a').each(function() {
          var href = jQuery(this).attr('href');
          jQuery(this).before('<span class="monAva"></span>').prev().load(href + ' #profile-advanced-right .module:first div img:first,.forumline td.row1.gensmall:first > img, .frm-set.profile-view.left dd img,dl.left-box.details:first dd img, .row1 b .gen:first img, .real_avatar img', function() {
            if (window.localStorage) {
              localStorage.staffOn = jQuery('#theStaff').html();
              localStorage.staffEx = +new Date;
            }
          });
        });
      });
    }
    </script>




Hướng dẫn: -Thay /u1, /u999 bằng ID của BQT

Code có gì sai sót mong thông cảm. Enjoy !!!
#codefm

Tags: #code #javascript

[Code] Khung like trang facebook có ẩn/hiện và tắt.

Demo

Topics tagged under code on Diễn Đàn Hỗ Trợ FM  - Page 5 Snapsh11

Cách làm

ACP >> Display >> QLTT
Cho đoạn code dưới đây vào Footer_begin

Code:

<!-----Like Facebook ------>
    <div style="position: fixed;z-index:100; width: 342px; overflow: hidden; bottom: 50px; right: 10px; background-color: rgb(59, 89, 152); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; display: none; background-position: initial initial; background-repeat: initial initial;" id="fbslidebox"><div style="width:320px; padding:10px; margin:0 auto; overflow:hidden;"><a href="#" style="float:right; color:#FFF; padding:0 3px; border:1px solid #FFF; text-decoration:none; font-size:9px; font-family:Verdana, Geneva, sans-serif;" id="fbcloseslidebox">X</a><strong style="color:#FFF;">đừng quên "THÍCH" chúng tôi trên Facebook!</strong><br><br><iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/hotrofm&amp;width=320&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;appId=146069025409053" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:320px; height:258px; background:#FFF;" allowtransparency="true"></iframe></div></div><script language="javascript">jQuery(document).ready(function () {jQuery.fb_slidebox = "true"; jQuery("#fbcloseslidebox").click(function () {jQuery("#fbslidebox").animate({width: 'hide'});jQuery.fb_slidebox = "false";return false; });});jQuery(window).scroll(function () {if (jQuery.fb_slidebox == "true") {if (jQuery(window).scrollTop() > 300) { jQuery("#fbslidebox").animate({"width": 'show'});} else {jQuery("#fbslidebox").animate({width: 'hide'});}}});    </script>


Lưu ý:

Sửa đoạn https://www.facebook.com/hotrofm thành link page của bạn.
#codefm

Tags: #code

[Code] Việt hóa URL theo tiêu đề bài viết cho Forumotion.

Mặc dù Forumtion đã câp nhật URL theo tiêu đề từ rất lâu, tuy nhiên đến nay vẫn không hỗ trợ Tiếng Việt.
Cách thường dùng nhất hiện nay là cài đặt ngôn ngữ hệ thống về Tiếng Anh, cách này không tiện với những diễn đàn mà thành viên ít dùng Tiếng Anh, hơn nữa URL cũng không hiển thị tốt với Tiếng Việt có dấu (lỗi mất chữ đ).
Bài viết này, mình sẽ hướng dẫn cách tạo URL theo tiêu đề mà không phụ thuộc vào ngôn ngữ diễn đàn.

Demo

Topics tagged under code on Diễn Đàn Hỗ Trợ FM  - Page 5 Url10
URL theo tiêu đề ở diễn đàn Tiếng Việt


Phần 1

Sửa URL trên thanh địa chỉ trình duyệt
ACP >> Display >> Templates >> QLTT >> Overall_header
Tìm:

Code:

<title>{SITENAME_TITLE}{PAGE_TITLE}</title>


Thêm vào bên dưới:

Code:

<script type="text/javascript">
//<![CDATA[
function lang_vi(a) {
    a = a.toLowerCase();
    a = a.replace(/\u00e0|\u00e1|\u1ea1|\u1ea3|\u00e3|\u00e2|\u1ea7|\u1ea5|\u1ead|\u1ea9|\u1eab|\u0103|\u1eb1|\u1eaf|\u1eb7|\u1eb3|\u1eb5/g, "a");
    a = a.replace(/\u00e8|\u00e9|\u1eb9|\u1ebb|\u1ebd|\u00ea|\u1ec1|\u1ebf|\u1ec7|\u1ec3|\u1ec5/g, "e");
    a = a.replace(/\u00ec|\u00ed|\u1ecb|\u1ec9|\u0129/g, "i");
    a = a.replace(/\u00f2|\u00f3|\u1ecd|\u1ecf|\u00f5|\u00f4|\u1ed3|\u1ed1|\u1ed9|\u1ed5|\u1ed7|\u01a1|\u1edd|\u1edb|\u1ee3|\u1edf|\u1ee1/g, "o");
    a = a.replace(/\u00f9|\u00fa|\u1ee5|\u1ee7|\u0169|\u01b0|\u1eeb|\u1ee9|\u1ef1|\u1eed|\u1eef/g,
        "u");
    a = a.replace(/\u1ef3|\u00fd|\u1ef5|\u1ef7|\u1ef9/g, "y");
    a = a.replace(/\u0111/g, "d");
    a = a.replace(/\W+/g, "-");
    a = a.replace(/^\-+|\-+$/g, "");
    a = a.replace(/(-group)$/, "");
    return a.replace(/(-page-\d+)$/, "")
}
var path = location.pathname,
    canonical = path + location.search + location.hash;
/(\-category|\-forum|\-topic|\-group)/.test(path) && history.replaceState(null, null, canonical.slice(1).replace(/(\-category|\-forum|\-topic|\-group)/, "-" + lang_vi(document.title)));
//]]>
</script>


Phần 2

Sửa URL liên kết (tùy chọn)
Tạo file javascript, đặt In all the pages.

Code:

$(function() {
    $("a[href^='/c'], a[href^='/f'], a[href^='/t']").attr({
        href: function() {
            var a = $.trim($(this).text());
            if ("" != a) return this.href.replace(location.origin, "").replace(/(\-category|\-forum|\-topic)/, "-" + lang_vi(a.replace(/Re:\s/i, "")))
        }
    });
});


Nguồn

Zzbaivong (devs.forumvi.com)
#codefm

Tags: #code #tuts

[code] xem ảnh với fancybox + login + thông báo tin nhắn

Có thể nói mình rất ưng ý với tính năng của fancybox load khá là nhanh. Không như các bài viết trước mình chia sẻ thì nó tổng hợp khá rộng. nhiều ae ko muốn sài các chức năng login và thông báo mình sẽ loại ra ngoài cho anh em.

Demo: Topics tagged under code on Diễn Đàn Hỗ Trợ FM  - Page 5 0CVJAOI

Css fancybox


Code:


*! fancyBox v2.1.0 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
   padding: 0;
   margin: 0;
   border: 0;
   outline: none;
   vertical-align: top;
}

.fancybox-wrap {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 999;
}

.fancybox-skin {
   position: relative;
   background: #f9f9f9;
   color: #444;
   text-shadow: none;
   -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
           border-radius: 4px;
}

.fancybox-opened {
   z-index: 999;
}

.fancybox-opened .fancybox-skin {
   -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
           box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
   position: relative;
}

.fancybox-inner {
   overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
   -webkit-overflow-scrolling: touch;
}

.fancybox-error {
   color: #444;
   font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
   margin: 0;
   padding: 15px;
   white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
   display: block;
   width: 100%;
   height: 100%;
}

.fancybox-image {
   max-width: 100%;
   max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
   background-image: url('http://i.imgur.com/zq7S7MG.png');
}

#fancybox-loading {
   position: fixed;
   top: 50%;
   left: 50%;
   margin-top: -22px;
   margin-left: -22px;
   background-position: 0 -108px;
   opacity: 0.8;
   cursor: pointer;
   z-index: 999;
}

#fancybox-loading div {
   width: 44px;
   height: 44px;
   background: url('http://i.imgur.com/HsvVmma.gif') center center no-repeat;
}

.fancybox-close {
   position: absolute;
   top: -18px;
   right: -18px;
   width: 36px;
   height: 36px;
   cursor: pointer;
   z-index: 999;
}

.fancybox-nav {
   position: absolute;
   top: 0;
   width: 40%;
   height: 100%;
   cursor: pointer;
   text-decoration: none;
   background: transparent url('https://raw.githubusercontent.com/fancyapps/fancyBox/master/source/blank.gif'); /* helps IE */
   -webkit-tap-highlight-color: rgba(0,0,0,0);
   z-index: 999;
}

.fancybox-prev {
   left: 0;
}

.fancybox-next {
   right: 0;
}

.fancybox-nav span {
   position: absolute;
   top: 50%;
   width: 36px;
   height: 34px;
   margin-top: -18px;
   cursor: pointer;
   z-index: 999;
   visibility: hidden;
}

.fancybox-prev span {
   left: 10px;
   background-position: 0 -36px;
}

.fancybox-next span {
   right: 10px;
   background-position: 0 -72px;
}

.fancybox-nav:hover span {
   visibility: visible;
}

.fancybox-tmp {
   position: absolute;
   top: -9999px;
   left: -9999px;
   visibility: hidden;
}

/* Overlay helper */

.fancybox-lock {
   overflow: hidden;
}

.fancybox-overlay {
   position: absolute;
   top: 0;
   left: 0;
   overflow: hidden;
   display: none;
   z-index: 999;
   background: url('http://i.imgur.com/9xmkaJc.png');
}

.fancybox-overlay-fixed {
   position: fixed;
   bottom: 0;
   right: 0;
}

.fancybox-lock .fancybox-overlay {
   overflow: auto;
   overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
   visibility: hidden;
   font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
   position: relative;
   text-shadow: none;
   z-index: 999;
}

.fancybox-opened .fancybox-title {
   visibility: visible;
}

.fancybox-title-float-wrap {
   position: absolute;
   bottom: 0;
   right: 50%;
   margin-bottom: -35px;
   z-index: 999;
   text-align: center;
}

.fancybox-title-float-wrap .child {
   display: inline-block;
   margin-right: -100%;
   padding: 2px 20px;
   background: transparent; /* Fallback for web browsers that doesn't support RGBa */
   background: rgba(0, 0, 0, 0.8);
   -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
           border-radius: 15px;
   text-shadow: 0 1px 2px #222;
   color: #FFF;
   font-weight: bold;
   line-height: 24px;
   white-space: nowrap;
}

.fancybox-title-outside-wrap {
   position: relative;
   margin-top: 10px;
   color: #fff;
}

.fancybox-title-inside-wrap {
   padding-top: 10px;
}

.fancybox-title-over-wrap {
   position: absolute;
   bottom: 0;
   left: 0;
   color: #fff;
   padding: 10px;
   background: #000;
   background: rgba(0, 0, 0, .8);
}

.resizebox, .resizebox .resize_content, .resizebox .resize_border, .resizebox .resize_filler {display: none !important;}
a.fancybox .iconPlayer {background:url('http://i.imgur.com/9xmkaJc.png') no-repeat scroll center center transparent;opacity:0.8;z-index:99;padding:40px !important;bottom: 150px;position: absolute;right: 200px;}
.post-entry div a.fancybox .iconPlayer {bottom: -20px;}
.post-entry .entry-content a.fancybox .iconPlayer {bottom: 150px;}


jquery fancybox


JS bạn dow ở đây:

Code:

https://drive.google.com/file/d/0B3JtgwSeBcwoY1dKMWk4aFBCczg/view?usp=sharing


Khi dow xong bạn up lên fm bằng cách vào acp>modules >HTML & JAVASCRIPT>>Javascript codes management tạo js trong này rùi save vào lấy link
cho vào

Code:

<script src="link js vừa tạo" type="text/javascript"></script>


Ở trên là chỉ có mỗi xem ảnh thôi. nếu muốn có thêm đăng nhập fancy và thông báo khi có tin nhắn thì thì cho thêm vào head hoặc footer

Code:

<script type="text/javascript">
   $(document).ready(function () {
 var u = document.location.href;
 $('body').append('<div style="display:none"><div id="login_form" class="login-box-fancybox"><div class="login-box-fancybox-content"><div class="login-form-fancybox"><form method="post" method="post" action="/login?redirect=' + u + '"><label><em>Tên truy cập : </em><input type="text" name="username"></label><label><em>Mật Khẩu : </em><input type="password" name="password"></label><label style="float: left; margin-top: 5px; text-align: left;"><em style="margin-right: 10px; margin-top: 3px; width: 85px; margin-left: 7px;">Ghi nhớ : </em><input type="checkbox" name="autologin" checked="true" style="width: 20px;"></label><input type="submit" name="login" value="Đăng nhập" class="submit"></form></div></div><div class="rpass"><a href="profile?mode=sendpassword">Quên mật khẩu</a></div></div></div>');
 $('a[href="/login"], a[href="/login?connexion"]').attr('id', 'login').attr('href', '#login_form');
 $('a#login').fancybox();
 $("#login_form").bind("submit");
 $('a img#i_icon_mini_new_message').each(function () {
 var nmp = $(this).attr("alt").match(/[0-9]+/);
 $.fancybox('<div id="FancyboxMP" style="width: 220px;text-align: center"><a href="/privmsg?folder=inbox"><img style="cursor:pointer" width="200" height="171" onmouseout="this.src=\'http://goo.gl/uf09H\'" src="http://goo.gl/uf09H" onmouseover="this.src=\'http://goo.gl/D88fp\'" /></a><p style="font-size: 13px;font-weight: 700;padding-top: 10px;">bạn có <span style="color: red;">' + nmp + '</span> tin nhắn</p></div>');
 });
   });
  </script>


#codefm

Tags: #code

[Code] Bảng thông báo chuyển tên miền mới dạng popup.

Mô tả:

Code này sẽ tạo ra 1 bảng thông báo popup khi truy cập vào forum của bạn.

Hướng dẫn:

ACP >> Display >> QLTT
Cho code này vào cuối Index_body nếu muốn hiển thị thông báo chỉ ở trang chủ.
Cho code này vào cuối Overall_header nếu bạn muốn hiển thị ở tất cả các trang.

Code:

<script language=JavaScript1.1>
alert("Thông báo: Diễn đàn sử dụng tên miền mới -> HotroFM.Net")
</script>


Lưu ý:

Chỉnh sửa lại nội dung trong code theo nhu cầu của bạn.
#codefm

Tags: #code

[Code] Hiện menu khi click vào tên thành viên.

Demo ảnh

Topics tagged under code on Diễn Đàn Hỗ Trợ FM  - Page 5 Untitl12

Cách làm

ACP >> Modules >> Javascript codes management
Tạo 1 JS và cho code này vào:

Code:

$(function(){$("a[href^='/u']").click(function(){var b=$(this).parent().height()-35,c=$(this).position().left-20,b=$(this).position().top-b,a=$(this).attr("href").slice(2);$("#fmviMenu").remove();$(this).parent().parent().after('<div class="select" id="fmviMenu" style="width: auto; left: '+c+"px; top: "+b+'px; position: absolute; background-color: #FFFFFF; border: 1px solid #BCBCBC;overflow: hidden; z-index: 999;padding:5px;"><div><a href="/u'+a+'" target="_blank"><img src="http://i69.servimg.com/u/f69/11/79/54/63/pf10.gif">L\u00fd l\u1ecbch</a></div><div><a href="/u'+ a+'wall" target="_blank"><img src="http://www.loitamsu.org/users/1214/94/30/93/album/wall10.png" /> Xem t\u01b0\u1eddng nh\u00e0</a></div><div><a href="/u'+a+'stats" target="_blank"><img src="http://www.loitamsu.org/users/1214/94/30/93/album/icon_s10.png" /> Th\u1ed1ng k\u00ea</a></div><div><a href="/u'+a+'friends" target="_blank"><img src="http://www.loitamsu.org/users/1214/94/30/93/album/fri10.jpg" /> B\u1ea1n b\u00e8</a></div><hr><div><a href="/postp/'+a+'" target="_blank"><img src="http://i69.servimg.com/u/f69/11/79/54/63/pm10.gif" /> Nh\u1eafn tin</a></div><div><a href="/postp/'+ a+'" target="_blank"><img src="http://www.loitamsu.org/users/1214/94/30/93/album/write-10.gif" /> Vi\u1ebft l\u00ean t\u01b0\u1eddng</a></div>');t=setTimeout(function(){$("#fmviMenu").hide()},3E3);$("#fmviMenu").mouseover(function(){clearTimeout(t)});$("#fmviMenu").mouseleave(function(){$(this).remove()});return!1})});
#codefm

Tags: #code

[Code] Ẩn chữ số bài và số % trên Last Topic bằng Javascript.

Demo ảnh


Topics tagged under code on Diễn Đàn Hỗ Trợ FM  - Page 5 Untitl10

Cách làm

ACP >> Display >> QLTT >> Index_body
Cho code này vào cuối:

Code:

<script type="text/javascript">


$(".half.group_time .lastRight, .half.group_post .lastRight").text(function(){


return this.innerHTML.replace(/(\d+)\s.+/, "$1")


});


</script>

Vậy là xong rồi
#codefm

Tags: #code