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:
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é!^^.
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;
}
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
-
8.4 KB Xem: 3
-
8.5 KB Xem: 3
Bài tương tự bạn quan tâm
vt.Lai VBB Ads Management 4.1 for vBB 4 - Mod quản...
- Thread starter Mr LNA
- Ngày bắt đầu
Share mod nạp tiền bằng thẻ cào điện thoại , thẻ...
- Thread starter trongsau96
- Ngày bắt đầu
Share mod thông điệp yêu thương mà...
- Thread starter Mr LNA
- Ngày bắt đầu
Xin mod thông điệp yêu thương
- Thread starter subangbang
- Ngày bắt đầu
[vb4] Mod level cho Vb4
- Thread starter Mr LNA
- Ngày bắt đầu
[AJAX]VietVBB - Advanced Forum Statistics (Mod...
- Thread starter Mr LNA
- Ngày bắt đầu