[Tips] Cookie chuyển giao diện mobile sang desktop

  Bài viết hay nhất1

Giới thiệu

Giao diện mobile của forumotion hoạt động tốt nhưng chức năng thì không đầy đủ, hiện tại thì cũng đã có quảng cáo rồi. Vì thế sẽ có một số diễn đàn có lượng thành viên dùng mobile nhiều, cần loại bỏ giao diện mobile. Dưới đây là một cách sử dụng cookie để làm điều đó.

Hướng dẫn

Tạo một file javascript, đặt In all the pages:
Code:
my_setcookie("fa_" + location.host.replace(/\./g, "_") + "_mobile_version", 0, true, "." + location.host);

Rất đơn giản phải không, khá là hiệu quả đấy. :3
  Bài viết hay nhất2
Ừ quá chí lý. Do đó mình làm nguyên 1 skin mobile cho 4rum mình luôn. 2 trong 1 luôn cho lành.
  Bài viết hay nhất3
Code:
$(function() {if(window._userdata && _userdata.page_desktop) location.href = _userdata.page_desktop.replace('&', '&');});
code của @Zero
  Bài viết hay nhất4
maytrang0196 wrote:Có code chuyển từ desktop sang mobile trên dt không baivong?

Chắc là không có đâu.
  Bài viết hay nhất5
làm giao diện mobile thế nào vậy
  Bài viết hay nhất6

@sonlapro wrote:làm giao diện mobile thế nào vậy

Bạn có thể dùng css để trang trí lại giao diện mặc định của mobile.

Còn bạn muốn làm một giao diện riêng. Thì phải thiết kế skin ngay từ lúc bắt đầu cơ.

Lên mạng tìm những kiến thức về thiết kế Mobile Responsive.

Hoặc có thể làm skin theo phong cách wap giống mình. Hỗ trợ tốt cho tất cả các dòng mobile.

http://viethoagame.forumvi.com/
  Bài viết hay nhất7
dùng @media (min-width: XXXpx) trong css khi xem bằng dt nó có chạy ko nhỉ?
  Bài viết hay nhất8
http://dinhcao.5forum.net/h36-mobile-skin
mới thử làm giao diện Responsize nên hơi xấu :D (cái này làm theo kiểu Mobile First)
  Bài viết hay nhất9
mới làm được cái này đang trong quá trình hoàn thiện còn cái posting_body là khó nhất làm mãi không được...

http://lionleo.123.st/

xem trên điện thoại hoặc thu nhỏ trình duyệt trên PC

Giao diện desktop:



Giao diện mobile - tablet:

  Bài viết hay nhất10

@sonlapro wrote:mới làm được cái này đang trong quá trình hoàn thiện còn cái posting_body là khó nhất làm mãi không được...

http://lionleo.123.st/

xem trên điện thoại hoặc thu nhỏ trình duyệt trên PC

Giao diện desktop:



Giao diện mobile - tablet:


Nhìn cũng được. Nhưng nên để cho mấy box con đơn giản chút vì nhìn như vậy hơi rối. Với lại skin này chỉ thích hợp cho mấy dòng điện thoại có width trên 360px thôi cón thấp hơn thì không hiển thị tốt lắm.

Posting body cùng dễ làm. Nên sử dụng old editor của baivong cho dễ hiển thị. Bạn có thể tham khảo cách làm của mình cũng được. Hiển thị tốt mọi loại màn hình.

http://viethoagame.forumvi.com/post?f=22&mode=newtopic

Hiện giờ là thời đại của mobile cho nên một website có giao diện mobile đẹp mắt dễ nhìn là điều khá là tốt. Google vừa mới thay đổi thuật toán tìm kiếm Mobilegeddon trên mobile. Cho nên những website nào có giao diện mobile khi tìm kiếm bằng mobile sẽ được ưu tiên trước. Rất thích hợp cho SEO web.
The author of this message was banned from the forum - See the message
  Bài viết hay nhất12

@ZuniThoang wrote:Anh Kai làm giúp em cái Danh sách bài viết cùng chuyên mục ở view topic... cho phpbb3 với, em làm không được :(

Đặt code này vào nơi muốn hiển thị. Tự chỉnh css cho phù hợp nhé.
Code:
<div id="ccm">
   <ul id="ccmc">  
   </ul>
</div>
<script type="text/javascript">
$.get('/feed/?f={FORUM_ID}').done(function(data){
   var b = $(data).find('item').length;
     if(b > 12){b = 12};
   for ( var j = 0; j < b ; j++) {
      $('#ccmc').append('<li class="ccmn"><a href="'+$(data).find('item:eq('+j+') link').text()+'">'+$(data).find('item:eq('+j+') title').text()+'</li>')
   }
})
</script>

Có thể chỉnh đoạn b = 12 thành bao nhiêu tùy theo ý muốn. Nếu em muốn nó hiển thị nhiều thì chỉnh nhiều.

Lưu ý rằng ở đoạn j = 0. Nếu diễn đàn em có những bài viết để trên stick thì nên chỉnh nó cho phù hợp.
Nếu có 2 bài để trên stick thì chỉnh j = 2. Còn nếu muốn để y vậy thì cũng được.
The author of this message was banned from the forum - See the message
  Bài viết hay nhất14

@ZuniThoang wrote:Thành công rồi anh ơi, rất hay.
Mà em có suy nghĩ thế này, anh có thể làm cho em thêm 1 mod danh sách các bài viết random không cùng chuyên mục nhưng có cùng từ khoá được không?
Em có tìm hiểu được 1 đoạn code có tác dụng như thế nhưng do bị xung đột với 1 js rất quan trọng ở forum em nên em không dùng.

Code:
$(function() {
    $(".topic-actions:last").before("<div style='display:none; font-size: 1.3em; line-height: 1.4em;' id='closeFMvi' class='post row2'><span class='corners-top'><span></span></span><span class='gensmall'><a href='javascript:ShowHideLayer("openFMvi","closeFMvi");'><img border='0'  alt='+' src='http://illiweb.com/fa/empty.gif' class='sprite-tabs_more' title='+'></a></span><span class='ptrafic'> Bài viết mới cùng chuyên mục</span><span class='corners-bottom'><span></span></span></div><div style='font-size:1.3em;line-height:1.4em' id='openFMvi' class='post row2'><span class='corners-top'><span></span></span><span class='gensmall'><a href='javascript:ShowHideLayer("openFMvi","closeFMvi");'><img border='0' alt='-' src='http://illiweb.com/fa/empty.gif' class='sprite-tabs_less' title='-'></a></span><span class='ptrafic'> Bài viết mới cùng chuyên mục</span><div class='clear'></div><div id='cungchuyenmuc'></div><span class='corners-bottom'><span></span></span></div><div style='display:none; font-size: 1.3em; line-height: 1.4em;' id='hideFMvi' class='post row2'><span class='corners-top'><span></span></span><span class='gensmall'><a href='javascript:ShowHideLayer("showFMvi","hideFMvi");'><img border='0'  alt='+' src='http://illiweb.com/fa/empty.gif' class='sprite-tabs_more' title='+'></a></span><span class='ptrafic'> Bài viết liên quan</span><span class='corners-bottom'><span></span></span></div><div style='font-size:1.3em;line-height:1.4em' id='showFMvi' class='post row2'><span class='corners-top'><span></span></span><span class='gensmall'><a href='javascript:ShowHideLayer("showFMvi","hideFMvi");'><img border='0' alt='-' src='http://illiweb.com/fa/empty.gif' class='sprite-tabs_less' title='-'></a></span><span class='ptrafic'> Bài viết liên quan</span><div class='clear'></div><div id='bailienquan'></div><span class='corners-bottom'><span></span></span></div>");
    var linkchuyenmuc = $("a.nav[href^='/f']:first").attr("href");
    $('#cungchuyenmuc').load(linkchuyenmuc + ' .dterm:not(".dterm:contains("Announcement"), .dterm:contains("Sticky"), .dterm:contains("Global announcement")") .topic-title a.topictitle:lt(20)', function() {
        $('#cungchuyenmuc a.topictitle').wrap("<p></p>")
    });
    var topictitleFMvi = $(".page-title:first").text();
    var fmviTopictitle = topictitleFMvi.replace(/ /gi, '+');
    $('#bailienquan').load('/search?mode=searchbox&search_keywords=' + fmviTopictitle + '&show_results=topics .dterm:not(".dterm:contains("Announcement"), .dterm:contains("Sticky"), .dterm:contains("Global announcement")") .topic-title a.topictitle:lt(20)', function() {
        $('#bailienquan a.topictitle').wrap("<p></p>")
    })
});
 
Đoạn code trên cũng đưa ra 1 danh sách các bài viết cùng chuyên mục và 1 danh sách các bài viết có cùng từ khoá.

Làm thì cũng được. Nhưng dùng search để load khá chậm. Dễ lỗi và có thể bị request limit nếu có quá nhiều lượt truy cập. Tốt hơn là không nên.
  Bài viết hay nhất15
Lúc trước mình dùng google search, nhưng mod đó mình thương mại nên ko tiện nói ra.
Nếu là @markai30 định làm thì không khó lắm, tìm hiểu google search api sẽ xong cả thôi.
  Bài viết hay nhất16

@Zzbaivong wrote:Lúc trước mình dùng google search, nhưng mod đó mình thương mại nên ko tiện nói ra.
Nếu là @markai30 định làm thì không khó lắm, tìm hiểu google search api sẽ xong cả thôi.

Thôi nếu đại ca không làm thì đệ xin kiếu. Giờ chán mò mẫm fm lắm rồi. Có làm cũng chả có ai quan tâm.
Nó có ra sao thì cứ đê vậy cho nó lành ^^
The author of this message was banned from the forum - See the message
  Bài viết hay nhất18
@markai30 wrote:
Thôi nếu đại ca không làm thì đệ xin kiếu. Giờ chán mò mẫm fm lắm rồi. Có làm cũng chả có ai quan tâm.
Nó có ra sao thì cứ đê vậy cho nó lành ^^
FM tệ nhất là không có khoản backup, muốn backup thì cũng phức tạp và dễ lỗi BBcode.
Chủ đề như viethoagame, nếu có 1 nhóm cùng làm và thảo luận Việt hóa game thì chọn hình thức diễn đàn như FM cũng tốt. Đăng sản phẩm hoàn chỉnh thì cứ làm 1 cái blogger rồi đưa lên, có thể backup hoặc chuyển sang Wordpress cũng dễ.
You cannot reply to topics in this forum