Code chia cột cho Xenforo forum

tungpham42

Administrator
Nhân viên
Tham gia
6 Tháng chín 2017
Bài viết
485
Điểm
28
Tuổi
31
Địa chỉ
34, Nguyễn Thị Thập, Bình Thuận, Q. 7, TP. HCM
Website
cungrao.net
Less:
.block--category{
    @media (min-width: 1100px){
        @supports(display: grid){
            .block-body{display:grid; grid-template-columns:50% 50%;}
            .block-container{background-color: #ffffff00;border:none;}
            .node-body{
                display:flex;
                flex-wrap: wrap;
                border-right: 1px solid #dedede;
                position:relative;
                height: 100%;
                padding:5px;
                box-shadow: 0 1px 4px rgba(0,0,0,0.06);
                border-width: 1px;
                border-style: solid;
                background-color: #ffffff;
                border-top-color: #dfdfdf;
                border-right-color: #d8d8d8;
                border-bottom-color: #cbcbcb;
                border-left-color: #d8d8d8;
            }
            .node{margin: 5px 1px 5px 1px;}
            .node-icon{width:12%; padding-top:5px;}
            .node-main{width:87%;} .node-stats{width:110px;}
            .node-extra{
                position:absolute;
                right:0px;
                bottom:0px;
                padding: 10px 10px 13px 0px;
            }
        }
    }
}
Để có thể chia cột giống forum Cùng Rao, các bạn chèn đoạn code trên vào file extra.less
 
Bắt đầu
tungpham42

tungpham42

Administrator
Nhân viên
Tham gia
6 Tháng chín 2017
Bài viết
485
Điểm
28
Tuổi
31
Địa chỉ
34, Nguyễn Thị Thập, Bình Thuận, Q. 7, TP. HCM
Website
cungrao.net
Bước 1: Bạn vào Appearance > Widgets > nhấn nút Add widget ở góc trên cùng bên phải > chọn HTML ở ô Widget definition.

Screen Shot 2021-03-22 at 08.07.35.png

Bước 2:

Điền Widget key, chọn vị trí (position) của Đồng hồ (tốt nhất là chọn các Sidebar)

Screen Shot 2021-03-22 at 08.13.44.png

Bước 3: ở ô Template, paste đoạn code bên dưới vào

HTML:
<div class="block">
    <div class="block-container">
        <h3 class="block-minorHeader"><i class="fad fa-clock"></i> Mấy giờ rồi?</h3>
        <div class="block-body block-row">
            <style>
                .clock_local{margin-left:auto;margin-right:auto;border-radius:50%;background:#fff url("/skins_clock/clock8.svg") no-repeat center;height:228px;width:228px;float:none;position:relative}.clock_local:after{background:#f2930d;border-radius:50%;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:4%;height:4%;z-index:10}.minutes-container,.hours-container,.seconds-container{position:absolute;top:0;right:0;bottom:0;left:0}.hours{background:#185886;height:20%;left:48.75%;position:absolute;top:30%;transform-origin:50% 100%;width:2.5%}.minutes{background:#185886;height:40%;left:49%;position:absolute;top:10%;transform-origin:50% 100%;width:2%}.seconds{background:#f2930d;height:45%;left:49.5%;position:absolute;top:14%;transform-origin:50% 80%;width:1%;z-index:8}@keyframes rotate{100%{transform:rotateZ(360deg)}}.hours-container{animation:rotate 43200s infinite linear}.minutes-container{animation:rotate 3600s infinite linear}.seconds-container{animation:rotate 60s infinite linear}
            </style>
            <article class="clock_local">
                <div class="hours-container">
                    <div class="hours"></div>
                </div>
                <div class="minutes-container">
                    <div class="minutes"></div>
                </div>
                <div class="seconds-container">
                    <div class="seconds"></div>
                </div>
            </article>
            <script>
                var date=new Date;var seconds=date.getSeconds();var minutes=date.getMinutes();var hours=date.getHours();var hands=[{hand:'hours',angle:(hours*30)+(minutes/2)},{hand:'minutes',angle:(minutes*6)+(seconds/10)},{hand:'seconds',angle:(seconds*6)}];for(var j=0;j<hands.length;j++){var elements=document.querySelectorAll('.'+hands[j].hand);for(var k=0;k<elements.length;k++){elements[k].style.webkitTransform='rotateZ('+hands[j].angle+'deg)';elements[k].style.transform='rotateZ('+hands[j].angle+'deg)';if(hands[j].hand==='minutes'){elements[k].parentNode.setAttribute('data-second-angle',hands[j+1].angle)}}}
            </script>
        </div>
    </div>
</div>

Nhớ ấn chọn "Advanced mode" ở cuối trang

Screen Shot 2021-03-22 at 08.17.36.png


Bước cuối: copy thư mục skins_clock trong GitHub tungpham42/AnalogClock vào thư mục root

Chúc bạn thành công
 
Bài tương tự
Bắt đầu Tiêu đề Diễn đàn Trả lời Ngày
L Bocvip Club Chia sẽ sẽ được tặng miễn phí code 9/1/2021 Rao vặt tổng hợp 0
L Bocvip Club Chia sẽ sẽ được tặng miễn phí code 29/12/2020.. Thư giãn - Giải trí 0
khalai15 Bayvip Chia sẻ 100+ code Kho Báu Huyền Thoại mới nhất 2020 Rao vặt tổng hợp 0
khalai15 Bayvip Chia sẻ 100+ code Kho Báu Huyền Thoại mới nhất 2020 Rao vặt tổng hợp 0
khalai15 Bayvip Chia sẻ 100+ code Kho Báu Huyền Thoại mới nhất 2020 Rao vặt tổng hợp 0
khalai15 Bay247- dành 100 xuất code cho tất cả các tài khoản hay nạp game và chia sẻ Quản trị kinh doanh 0
khalai15 Bay247- dành 100 xuất code cho tất cả các tài khoản hay nạp game và chia sẻ Quản trị kinh doanh 0
M Nhận Thưởng Code M88.VIN Trị Giá 100K - R88.Vin Rao vặt tổng hợp 0
M Nhận Code 100.000K Gamvip - Lấy Code 88VIN Qua Telesafe VinChat Gamvip.com , W88.vin miễn phí Rao vặt tổng hợp 0
nguoibanvang2112 Bật mí có thể kiểm tra, check code túi Chanel online được hay không? Rao vặt tổng hợp 0
kdvang1 Chiến Thắng Nổ Hũ Choang.Club. Đại Gia Game Bài Gift Code Rao vặt tổng hợp 0
kdvang5 Nhận Code Choang.Club Tại http://choangclub.mobie.in/ Rao vặt tổng hợp 0
kdvang2 Cách nhận code Choang.Club miễn phí game đổi thưởng 2021 Rao vặt tổng hợp 0
kdvang1 [HOT] CÁCH NHẬN CODE CHOANG.CLUB Rao vặt tổng hợp 0
kdvang3 Nhận Code Choang.Club - GiftCode Choang.Club Free Tháng 6 Rao vặt tổng hợp 0
kdvang4 Phát Giftcode Choang.Club 500K - Nhận Code Choang.Club miễn phí 500K Rao vặt tổng hợp 0
kdvang5 Nhận Giftcode Choang.Club 500K - Nhan CODE Choang.Club 500K Rao vặt tổng hợp 0
kdvang1 Nhận Giftcode Choang.Club 400K - Nhan CODE Choang.Club 400K Rao vặt tổng hợp 0
kdvang2 Nhận Giftcode Choang.Club 300K - Nhan CODE Choang.Club 300K Rao vặt tổng hợp 0
kdvang3 Nhận Giftcode Choang.Club 200K - Nhan CODE Choang.Club 200K Rao vặt tổng hợp 0
kdvang4 Nhận Giftcode Choang.Club 100K - Nhan CODE Choang.Club 100K Rao vặt tổng hợp 0
kdvang5 Nhận Giftcode Choang.Club 50K - Nhan CODE Choang.Club 50K Rao vặt tổng hợp 0
kdvang1 Nhận Giftcode Choang.Club 20K - Nhan CODE Choang.Club 20K Rao vặt tổng hợp 0
kdvang2 Nhận Giftcode Choang.Club 10K - Nhan CODE Choang.Club 10K Rao vặt tổng hợp 0
kdvang5 Gift Code Choang.Club ,G88 M88 R88.Vin Rao vặt tổng hợp 0
kdvang1 Hướng Dẫn Nhận CODE Choang.Club - Gilt Code CHOANG.CLUB Rao vặt tổng hợp 0
kdvang1 Nhận Code Choang.Club, Choang.Club Miễn Phí 2021 Rao vặt tổng hợp 0
kdvang5 Đăng nhập Nhận Code Choang.Club giftcode hack Choang.Club Rao vặt tổng hợp 0
kdvang3 Nhận GIFT CODE Choang.Club 2021 Rao vặt tổng hợp 0
kdvang1 Nhận Code Choang.Club Miễn Phí 2021 Rao vặt tổng hợp 0
kdvang2 Nhận Code - Choang.Club Miễn Phí 2021 Rao vặt tổng hợp 0
kdvang1 Hack Choang.Club Mới Nhất 2021 - Hack Choang.Club , Code Choang.Club 2021 Rao vặt tổng hợp 0
G B52.Club [Event] Tặng code Cực Khủng 500.000B52 Rao vặt tổng hợp 0
G B52 [Event] Tặng code 1.000.000 VIP Rao vặt tổng hợp 0
C Code Choáng Club Rao vặt tổng hợp 0
kdvang1 [HOT]CÁCH NHẬN CODE GO88.INFO Rao vặt tổng hợp 0
kdvang3 Nhận Code Go88.info - GiftCode Go88.info Free Tháng 6 Rao vặt tổng hợp 0
kdvang2 Cách nhận code Go88.info miễn phí game đổi thưởng 2021 Rao vặt tổng hợp 0
kdvang4 Phát Giftcode Go88.info 500K - Nhận Code Go88.info miễn phí 500K Rao vặt tổng hợp 0
kdvang5 Nhận Giftcode Go88.info 500K - Nhan CODE Go88.info 500K Rao vặt tổng hợp 0
kdvang1 Nhận Giftcode Go88.info 400K - Nhan CODE Go88.info 400K Rao vặt tổng hợp 0
kdvang2 Nhận Giftcode Go88.info 300K - Nhan CODE Go88.info 300K Rao vặt tổng hợp 0
kdvang3 Nhận Giftcode Go88.info 200K - Nhan CODE Go88.info 200K Rao vặt tổng hợp 0
kdvang4 Nhận Giftcode Go88.info 100K - Nhan CODE Go88.info 100K Rao vặt tổng hợp 0
kdvang5 Nhận Giftcode Go88.info 50K - Nhan CODE Go88.info 50K Rao vặt tổng hợp 0
kdvang1 Nhận Giftcode Go88.info 20K - Nhan CODE Go88.info 20K Rao vặt tổng hợp 0
kdvang2 Nhận Giftcode Go88.info 10K - Nhan CODE Go88.info 10K Rao vặt tổng hợp 0
kdvang5 Gift Code Go88.info ,G88 M88 R88.Vin Rao vặt tổng hợp 0
kdvang1 Hướng Dẫn Nhận CODE Go88.info - Gilt Code G88.VIN Rao vặt tổng hợp 0
kdvang5 Đăng nhập Nhận Code Go88.info giftcode hack Go88.info Rao vặt tổng hợp 0

Bài tương tự

Mấy giờ rồi?

Thành viên trực tuyến

Chúc mừng sinh nhật

Hoạt động gần đây

  • BOC VIP CLUB – Game hấp dẫn – đổi thưởng uy tín. Bốc Víp Club Là game mới 2021 với đầy đủ thể loại game yêu thích. Thể loại game...
  • bocclub đã đăng bài mới App BÓC VÍP trong Rao vặt tổng hợp.
    BOC VIP CLUB – Game hấp dẫn – đổi thưởng uy tín. Bốc Víp Club Là game mới 2021 với đầy đủ thể loại game yêu thích. Thể loại game...
  • BOC VIP CLUB – Game hấp dẫn – đổi thưởng uy tín. Bốc Víp Club Là game mới 2021 với đầy đủ thể loại game yêu thích. Thể loại game...
  • BOC VIP CLUB – Game hấp dẫn – đổi thưởng uy tín. Bốc Víp Club Là game mới 2021 với đầy đủ thể loại game yêu thích. Thể loại game...
  • bocclub đã đăng bài mới BÓC VÍP trong Rao vặt tổng hợp.
    BOC VIP CLUB – Game hấp dẫn – đổi thưởng uy tín. Bốc Víp Club Là game mới 2021 với đầy đủ thể loại game yêu thích. Thể loại game...
Bên trên Bottom