Tìm thấy 10 mục

[Code] Tổng hợp Codes và Tuts cho forumotion tại hotrofm.net

Trong bài viết này là 1 số Codes và Tuts được share tại hotrofm.net , nếu còn thiếu các bạn cmt bên dưới để mình bổ sung nhé !


1 : Đầu tiên là chắc chắn cần có Skin, bạn có thể lấy 1 Skin tại đây : Click


2 : Latest topic ( có rất nhiều bạn có thể chọn 1 cái theo ý thích của mình )

Latest topic vietdesigner full version
Topx Style đơn giản nhưng màu mè ( ver 1.5 )
Topx advanced statistics latest
Topx style đơn giản nhưng màu mè
Latest topic devs
Topx dạng tab của Vngame
Last Online & Quảng Cáo bên phải Forum
Topx vxf.vn full version
Topx xdavn Full version
Last dạng tab invision
Topx style xenforo
Topx dvanced statistics latest classic PunBB
- update...

3 : Codes ( Click vào demo để xem demo )

- Chatbox hotrofm đang dùng - Demo
- Đặt avatar của bạn ở một nơi nhất đinh - Demo
bảng thông báo đơn giản đẹp - Demo
Tiền tố Forumotion - Demo
hoa mai rơi khắp forum - Demo
Việt hóa trang lý lịch Forumotion - Demo
- Xem ảnh với fancybox + login + thông báo tin nhắn - Demo
Bảng đăng nhập đóng mở có nút đăng ký cho Forumotion - Demo
Đăng nhập nhanh trên toolbar FM đã được việt hóa  - Demo
Link youtube tự động chuyển thành video - Demo
Đăng nhập tự động sau khi đăng ký
đăng nhập mới xem được code
Css chuyển toàn bộ bbcode sang font awesome
CSS việt hóa cho các button cực đơn giản mà nhẹ
Hiệu ứng đẹp hiển thị khi rê chuột vào liên kết trong diễn đàn
Ẩn chữ số bài và số % trên Last Topic bằng Javascript
- Việt hóa URL theo tiêu đề bài viết cho Forumotion
Khung thông báo đẹp
Khung thống kê cho PunBB
BQT Trực tuyến - Staff Online Widget
Đóng mở danh mục dành cho Punbb và Phpbb3
Hiển thị số thành viên đang truy cập ảo cho Forumotion
Trích dẫn nhanh trượt xuống không chuyển trang
Hiện tooltip hashtags khi rê vào tên thành viên toàn forum
Giới thiệu Ban quản trị 
Tự động đóng khung các liên kết trong bài viết
Nút đóng mở thanh chat với fanpage facebook
Button reply ảnh GIF
Chatbox cho invision
Js vô hiệu hoá ký tự đặc biệt phần đăng ký
Kiểm tra tài khoản khi đăng ký
Tự động đăng nhập sau khi đăng ký xong cho Forumotion
Xóa bình luận thông qua ajax không chuyển trang
Sửa lỗi font chữ bị nhỏ khi copy bài viết từ một trang web khác
Khung Sceditor cool ( part 2 )
Recommended Content cùng chuyên mục
Quảng cáo sau bài viết thứ nhất
Chuyển link theo phong cách xenforo
Khung hashtags posting_body
Huân chương theo số bài viết
Việt hóa thanh toolbar Forumotion
Hiện nhiều tab quảng cáo khi click chuột lần đầu tiên vào diễn đàn
Css respoonsive mobile img forumotion hotrofm.net
code dấu tick như hotrofm
Tự động thay thế các ảnh bị hư bằng một ảnh khác
Avatar drop - style phutu.vn ( ver Punbb)
Đổi font chữ cho từng Nickname
Thanh nav đơn giản
Rút gọn liên kết dài trong bài viết
Giới hạn số ký tự tối thiểu khi gửi bài viết trong diễn đàn
Đóng mở box
Tạo icon riêng cho từng box
Code popup login style ForumUS
Frame bbcode forumotion
bbcode nhúng video từ vbox7.com forumotion
code thay đổi button quote ở mobile
Thay Úp ảnh mặc định thành úp ảnh Imgur
bbcode embe jsfiddle in website forumotion
bbcode up ảnh imgur thay thế code tinypic forumotion
bbcode up file lên driver google bằng google app scrip
bbcode thông báo notification hide forumotion
bbcode phân trang trong bài viết
Notifications thông báo khi có trả lời bài viết và nhắn tin riêng
Gửi bài mới và bình luận bỏ qua trang trung gian (không chuyển hướng)
Đóng khung chữ ký ĐẸP cho Forumotion
chọn toàn bộ Code cho Forumotion
jquery Tạo Prefix ( tiêu ngữ )
Bảng đăng nhập và đăng ký nhanh popup 2 trong 1
Bảng đăng ký, đăng nhập, tìm kiếm, đăng xuất nhanh trượt xuống
Thay Background liên tục
Xóa topic không chuyển trang
Tự động chèn nguồn trang sau copy
Thông báo hiện ra khi bạn vô tình tắt trình duyệt lúc đang soạn bài viết
Khung khuyến cáo ở nơi comment bài viết
Thay đổi màu thanh cuộn cho Web, Forum
News Sticker với CSS3 Thuần dành cho forumotion
Tạo nút hỏi trước khi Thoát khỏi diễn đàn
Giới hạn lần xem cho khách
tùy chọn thêm cho hashtags
bbcode nút demo và dowload cực đẹp với font awesome
Ruồi và nhện bò khắp diễn đàn
Lên top bằng tên lửa style VBB
Viewtopic_body đẹp dạng tin tức
- updates....


Tạm thời up như vậy nhé ! sẽ sắp sếp lại sau


Tags: #code #tuts #html-page #forumotion #lasttopic #thủ-thuật #hướng-dẫn

[Code] Đóng mở box

Demo : Topics tagged under tuts on Diễn Đàn Hỗ Trợ FM  880SUmb
Demo online : http://diendan.ngoinhagame.com/

Hướng dẫn :
ACP >> Modules >> HTML & JAVASCRIPT >> Javascript codes management >> Add a Javascript Code

- Title * : Đóng mở box
- Placement : In all the pages
- Javascript Code * : dùng code dưới

Code:

$(function(){$(".main-head").prepend('<span class="collapse" style="padding: 0px; float:right;width: 16px;height: 16px;overflow: hidden;"><img src="http://i.imgur.com/Wu126eP.png" alt="Đóng" /><img class="hide" src="http://i.imgur.com/53WuN50.png" alt="fmOpen" /></span>');$(".collapse").each(function(index){$(this).attr("id","fmvicollapse"+location.pathname+index);if(my_getcookie("fmvicollapse"+location.pathname+index)=="1"){$(this).children("img[alt='Đóng']").hide();$(this).children("img[alt='fmOpen']").show();$(this).parent().next().hide()}});$(".collapse img[alt='Đóng']").click(function(){my_setcookie($(this).parent().attr("id"),1,1,0);$(this).hide().next().show();$(this).parent().parent().next().hide()});$(".collapse img[alt='fmOpen']").click(function(){my_setcookie($(this).parent().attr("id"),0,1,0);$(this).hide().prev().show();$(this).parent().parent().next().show()})});


Các bạn có thể thay đổi lại 2 icon đóng mở theo sở thích của các bạn nhé !

Code:

http://i.imgur.com/Wu126eP.png

và

Code:

http://i.imgur.com/53WuN50.png


Nếu icon quá to hoặc nhỏ thì thay đổi lại lại chiều rộng và dài của nó luôn nha

Code:

width: 16px;height: 16px


Sữa lại cho phù hợp là OK !
Tags: #code #tuts

[Code] Giới hạn số ký tự tối thiểu khi gửi bài viết trong diễn đàn.

Demo:

Topics tagged under tuts on Diễn Đàn Hỗ Trợ FM  DyxLsLI

Hướng dẫn:

ACP >> Modules >> HTML & JAVASCRIPT >> Javascript codes management >> Create a new javascript

Title * : Giới hạn ký tự tối thiểu
Placement: In all the pages (nếu muốn áp dụng cả khi gửi chủ đề) hoặc In the Topics (nếu muốn chỉ áp dụng ở quickreply)
Javascript Code * :

Code:

  $(function () {
      var min = 10,
              a;
      $("input[name='post']").click(function () {  
          a = $("#text_editor_textarea").sceditor("instance").val().replace(/\s|\[\/?(b|i|u|strike|list(=(1|a))?|\*|quote(=".+")?|hr|code|spoiler(=[^\[\]]*)?|hide|table|tr|td|img.+\/img|flash.+\/flash|youtube.+\/youtube|dailymotion.+\/dailymotion|size(=\d+)?|color(=#.{6})?|font(=[^\[\]]*)?|url(=[^\s\[\]]*)?|rand|flipv|fliph|blur|fade|wow|sub|sup|updown|scroll|justify|right|center|left)\]/gi, '').length;  
          if (min > a) return alert("Bài viết quá ngắn!\nSố ký tự tối thiểu là " + min + " ký tự.\nBạn cần viết thêm " + (min - a) + " ký tự nữa mới có thể gửi bài."), !1
      })
    });

Lưu ý:

Trong code trên, số 10 là số ký tự tối thiểu để thành viên có thể đăng bài viết. Bạn có thể thay đổi nó bằng số bạn muốn.
Tags: #code #tuts

[Code] Tự động thay thế các ảnh bị hư bằng một ảnh khác.

Mô tả

- Đoạn code này sẽ giúp bạn thay thế các hình ảnh bị hư, bị die bằng 1 hình ảnh khác.

Cách làm

ACP >> Display >> QLTT
Cho code này vào cuối Viewtopic_body nếu muốn thay thế ảnh bị die trong bài viết.
Cho code này vào cuối Overall_header nếu muốn thay thế ảnh bị die ở tất cả các trang.

Code:

  <script type="text/javascript">
    for (i = 0; i < document.images.length; i++) {
      var img = document.images[i];
      img.onerror = function (evt) {
        this.src = "http://i21.servimg.com/u/f21/17/57/29/64/no-ima10.png";
      }
    };
    </script>

Lưu ý:

Thay https://i.servimg.com/u/f21/17/57/29/64/no-ima10.png thành link ảnh muốn hiển thị.
Tags: #code #tuts

[Code] Gửi bài mới và bình luận bỏ qua trang trung gian (không chuyển hướng)

Mô tả

Code này sẽ giúp bạn gửi bài mới và bình luận bỏ qua trang thông báo gửi bài thành công sau đó chuyển luôn đến bài vừa đăng

Hướng dẫn

ACP >> Modules >> Javascript codes management >> Tạo 1 java script mới
Title*: Tùy thích
Placement: In all the pages
Javascript Code*:

Code:

$("meta[http-equiv='refresh'][content]:first").each(function(){window.location.href=$(this).attr("content").replace(/^.*;url=/,"")});

Tags: #code #tuts

[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 tuts on Diễn Đàn Hỗ Trợ FM  110
Tìm kiếm nhanh

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

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

Topics tagged under tuts on Diễn Đàn Hỗ Trợ FM  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 tuts on Diễn Đàn Hỗ Trợ FM  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] Đóng mở danh mục dành cho Punbb và Phpbb3.

Demo ảnh

Topics tagged under tuts on Diễn Đàn Hỗ Trợ FM  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

Trang đăng nhập sử dụng giao diện Material Design của Google

Nhân dịp HotroFM ra mắt nên mình share một cái cho có màu Very Happy

Topics tagged under tuts on Diễn Đàn Hỗ Trợ FM  Untitl10

Demo: http://4rdinhcao.forumvi.com/h28-login

Đây là source nguyên cái trang đó:

Code:


<!DOCTYPE html>
  <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" id="min-width" lang="vi" xml:lang="vi" xmlns:og="http://opengraphprotocol.org/schema/">
    <head>
      <title>Đăng nhập -  DINHCAO</title>
      <meta http-equiv="content-type" content="text/html; charset=utf-8" />
      <meta http-equiv="content-script-type" content="text/javascript" />
      <meta http-equiv="content-style-type" content="text/css" />
      <!--Import Google Icon Font-->
      <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"/>
      <!--Import materialize.css-->
      <link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.1/css/materialize.min.css"  media="screen,projection"/>
      <!--Let browser know website is optimized for mobile-->
      <link rel="shortcut icon" type="image/x-icon" href="http://illiweb.com/fa/favicon/discussion.ico" />
      <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
      <style>
        body{background-attachment:fixed;background-color:#272D4E;color:#FFF;font-family:'trebuchet ms',tahoma,arial,sans-serif;font-size:12px}
.lol-body{position:absolute;width:100%;height:100%;text-align:center}
.lol-content{display:inline-block;float:none}
.lol-login-form{margin:0 auto 3rem;border-radius:5px;padding:1.5rem 2rem 0.5rem;color:#444}
.row.lol-logo h1{color:#fff;text-align:center;margin-top:5%;font-size:3.5rem}
.dark-grey-text{color:#121212}
.col.l5.m8.s12{display:inline-block;float:none}
.center-btn > *{width:100%;margin-top:1em}
        .input-field .prefix.active,input[type=text]:focus:not([readonly])+label,input[type=password]:focus:not([readonly])+label,input[type=email]:focus:not([readonly])+label,input[type=url]:focus:not([readonly])+label,input[type=time]:focus:not([readonly])+label,input[type=date]:focus:not([readonly])+label,input[type=datetime-local]:focus:not([readonly])+label,input[type=tel]:focus:not([readonly])+label,input[type=number]:focus:not([readonly])+label,input[type=search]:focus:not([readonly])+label,textarea.materialize-textarea:focus:not([readonly])+label{color:#3f51b5!important}
        input[type=text]:focus:not([readonly]),input[type=password]:focus:not([readonly]),input[type=email]:focus:not([readonly]),input[type=url]:focus:not([readonly]),input[type=time]:focus:not([readonly]),input[type=date]:focus:not([readonly]),input[type=datetime-local]:focus:not([readonly]),input[type=tel]:focus:not([readonly]),input[type=number]:focus:not([readonly]),input[type=search]:focus:not([readonly]),textarea.materialize-textarea:focus:not([readonly]){border-bottom:1px solid #3f51b5!important;box-shadow:0 1px 0 0 #3f51b5!important}
@media only screen and (max-width:700px){.flow-text{line-height:1.84rem}.center-btn button,.center-btn > a{display:block;margin:10px 0}}
      </style>
    </head>

    <body>
      <div class="row lol-body" style="margin-bottom:0">
        <div class="row lol-logo">
          <a href="/"><h1>DINHCAO</h1></a>
        </div>
        <div class="lol-content">
          <div class="row" style="margin-bottom:0">
            <div class="lol-login-form lol-1">
              <div class="row" style="margin-bottom:0">
                <form class="col s12" action="/login" method="post" name="form_login">
                  <div class="row">
                    <div class="input-field s6">
                      <i class="material-icons prefix">account_circle</i>
                      <input id="icon_prefix" name="username" type="text" class="validate" />
                      <label for="icon_prefix">Tài khoản</label>
                    </div>
                    <div class="input-field s6">
                      <i class="material-icons prefix">vpn_key</i>
                      <input id="icon_telephone" name="password" type="password" class="validate" />
                      <label for="icon_telephone">Mật khẩu</label>
                    </div>
                    <div class="center-btn">
                      <button type="submit" class="waves-effect waves-light yellow darken-2 btn" name="login" id="login-btn"><span class="dark-grey-text"><i class="mdi-hardware-keyboard-arrow-left left"></i>Đăng nhập</span></button>
                      <a class="waves-effect waves-light yellow darken-2 btn" id="register-btn" href="register?agreed=true&step=2"><span class="dark-grey-text"><i class="mdi-social-person-add left"></i>Đăng ký</span></a>
                    </div>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>
        
      </div>
      <!--Import jQuery before materialize.js-->
      <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
      <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.1/js/materialize.min.js"></script>
    </body>
  </html>


Ảnh by: @Titus

#codefm

Tags: #tuts #forumotion #thủ-thuật

[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 tuts on Diễn Đàn Hỗ Trợ FM  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