Thứ Ba, 9 tháng 1, 2018

Code xem bài viết ở chế độ toàn màn hình

1. Đầu tiên chèn css vào template (tìm /b:skin chèn vào trong phần này nhé)

.fullpage {position: fixed !important; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 9999; background-color: rgb(255, 255, 255);overflow-x: hidden;overflow-y: scroll;}
.fullpage-fix-scroll {overflow:hidden;}
#full-page-chiase78{
 position: fixed;
text-align: center;
padding: 10px;
overflow: hidden;
background: #00a2ff;
border-radius:0 4px 4px 0;
color: #fff;
font-size: 12px;
font-weight: bold;
left: 0;
top: 50px;
z-index: 9999;
}

2. Chèn code dưới vào nơi hiển thị (chèn sau <body>)

<a href="#" id="full-page-chiase78">XEM BÀI VIÊT
TOÀN MÀN HÌNH</a>

3. Tìm

<div class="date-posts">

Đổi thành

<div class="date-posts panel-default">

4. Chèn js dưới vào trước /body là xong

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>//<![CDATA[
            jQuery(document).ready(function($) {
              $('#full-page-chiase78').click(function(e) {
                $(this).parents('.panel-default').toggleClass('fullpage');
                $('.panel-default').toggleClass('fullpage-fix-scroll');
                $('html, body').toggleClass('fullpage-fix-scroll');
                $(this).blur();
                e.preventDefault();
              });
            });
            //]]></script>

thưởng thức nào

- Trong quá trình viết bài chúng tôi sẽ có nhiều thiếu sót mong các bạn đóng góp để chúng tôi rút kinh nghiệm hơn !
- Mọi chi tiết xin liên hệ:
- Email: lephuocsinh96@gmail.com
- Facebook: Fb.com/beohoavinh