Mod hiển thị 2 cột chủ đề mới cùng chuyên mục và chủ đề tương tự cùng chuyên mục

Mr LNA

Administrator
1 Tháng mười một 2010
49,064
12
38
Demo ảnh:
Demo Online: Thẩm định giá, nghề mới ở Việt Nam
Mô tả:
Thực ra cái này mình phát triển dựa trên 2 Mod: Chip_morethread của Chiplove và smilar_thread của thnam8, chức năng chính là trình bày và chia 2 cột cho chủ đề cùng chuyên mục và chủ đề tương tự. Hiện tại thì VBB 4.2 hình như là đã tích hợp rồi, nên mình làm cái này cho bạn nào xài VBB 4.0.x và VBB 4.1.x thui.

Cài đặt:
Đầu tiên, nếu bạn nào đã cài 2 Mod này rồi thì xóa hết cả 2 cái đi và cài lại 2 file mình đính kèm bên dưới, trong file XML mình đã có chỉnh sửa lại nên yêu cầu phải cài đặt lại 2 mod này.

Cài lại mod Chip_morethread từ file đính kèm
Cài lại mod Similar_thread từ file đính kèm

Sau khi cài xong, các bạn vào addition.css thêm đoạn css này vào cuối cùng:

Mã:
.viewMoreBox *
{
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.viewMoreBox
{
    display: block;
    position: relative;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    font-family: Arial, sans-serif;
    margin: 2px 5px;
}
.viewMoreBox > .leftBox
{
    display: block;
    width: 49%;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    float: left;
}
.viewMoreBox > .rightBox
{
    display: block;
    width: 49%;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    float: right;
    /* position: absolute;
    top: 0px;
    right: 0px; */
}
.viewMoreBox > .leftBox > .lefthead
{
    display: block;
    width: 100%;
    background-color: #ededed;
    padding: 8px 10px;
    border-bottom: 2px solid #fe7f34;
    font-weight: bold;
    color: 515151;
    font-size: 17px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}
.viewMoreBox > .rightBox > .righthead
{
    display: block;
    width: 100%;
    background-color: #ededed;
    padding: 8px 10px;
    border-bottom: 2px solid #28b992;
    font-weight: bold;
    color: 515151;
    font-size: 17px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}
.viewMoreBox > .leftBox > .viewMoreList,
.viewMoreBox > .rightBox > .viewMoreList
{
    display: block;
    width: 100%;
    background-color: #f7f7f7;
    color: #505050;
    padding: 5px;
    margin: 0;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.viewMoreBox > .leftBox > .viewMoreList > .viewMoreBit,
.viewMoreBox > .rightBox > .viewMoreList > .viewMoreBit
{
    display: block;
    width: 100%;
    background-color: #f7f7f7;
    color: #505050;
    padding: 4px 0;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.viewMoreBox > .leftBox > .viewMoreList > .viewMoreBit > .moreBit,
.viewMoreBox > .rightBox > .viewMoreList > .viewMoreBit > .moreBit
{
    color: #505050;
    font-size: 14px;
    text-decoration: none;
}
.viewMoreBox > .leftBox > .viewMoreList > .viewMoreBit > .moreBit:hover,
.viewMoreBox > .rightBox > .viewMoreList > .viewMoreBit > .moreBit:hover
{
    color: #0A0808;
}
.viewMoreBox > .leftBox > .viewMoreList > .viewMoreBit > .date,
.viewMoreBox > .rightBox > .viewMoreList > .viewMoreBit > .date
{
    color: #bcbcbc;
    font-size: 11px;
    font-style: italic;
    display: inline;
    border: 0;
    background: none;
}
.clearBoth
{
    clear: both;
    max-height: 0px;
    height: 0px;
    line-height: 0px;
    overflow: hidden;
}
Xong rồi đấy các bạn, thử làm xem nhé!

Bài viết chỉ Post tại Sinhvienthamdinh.Com, nếu lấy bài viết đi thì nhớ để nguồn nhé!^^.
 

Đính kèm

New Jobs

Thống kê diễn đàn

Chủ đề
61,660
Bài viết
63,883
Thành viên
86,033
Thành viên mới nhất
linkwinvnn

VỀ CHÚNG TÔI

  • Sinhvienthamdinh.Com là diễn đàn đầu tiên và lớn nhất dành riêng cho cộng đồng nhân lực ngành thẩm định giá. Cổng thông tin được tạo ra nhằm tạo kênh kết nối tri thức cho tất cả các bạn đã và đang quan tâm đến ngành thẩm định giá. Các thông tin được tổng hợp với đầy đủ các mảng thuộc lĩnh vực thẩm định giá như: Thẩm định giá Bất động sản, thẩm định giá động sản, thẩm định giá máy móc thiết bị, thẩm định giá doanh nghiệp, thẩm định giá dự án đầu tư, thẩm định giá thương hiệu...
  • Với phương châm "Connet For Sharing" chúng tôi chia sẻ hoàn toàn miễn phí và không giới hạn những kiến thức từ cộng đồng diễn đàn.

DANH MỤC CHÍNH

CÁ NHÂN