Chuyển đổi sang trái,phải thông tin cá nhân trong phpBB

Hướng dẫn này chỉ áp dụng với style proSilver.
Cách 1:

Đê chuyển đổi thì bạn cần có thêm ảnh sau:

Bước tiếp theo chỉnh file css
1. Tìm từ khóa “.postbody”, trong file content.css. bạn sẽ thấy nội dung của class là:

    color: #333333;
    line-height: 1.48em;
    padding: 0;
    width: 76%;
    float: left;
    clear: both;

Bạn đổi float: left thành float: right

2. Tìm từ khoá “.postprofile”, trong file content.css. Bạn sẽ thấy nội dung của nó:

    /* Also see tweaks.css */;
    margin: 5px 0 10px 0;
    min-height: 80px;
    color: #666666;
    border-left: 1px solid #FFFFFF;
    width: 22%;
    float: right;
    display: inline;

Thay đổi float: right thành float: left, và border-left thành border-right

3. Tìm tiếp từ khóa “.pm .postprofile”
Thay đổi border-left thành border-right

4. Tìm từ khóa “.online” Bạn sẽ thấy nội dung class có dạng:

    background-image: none;
    background-position: 100% 0;
    background-repeat: no-repeat;

Thay thành:

    background-image: none;
    background-position: 0 0;
Cách 2:
Cách 2:
Mở bidi.css thêm vào cuối cùng:

Mã: Chọn tất cả
/* Profile on left side */
.rtl .postbody {
   float: left;
}
.rtl .postprofile {
   border-left: 1px solid #FFFFFF;
   border-right-width: 0;
   float: left;
}
.rtl .pm .postprofile {
   border-left: 1px solid #DDDDDD;
   border-right-width: 0;
}
.rtl .postprofile dd, .rtl .postprofile dt {
   margin-right: 0;
   margin-left: 8px;
}

Mở  colours.css thêm vào cuối cùng:

Mã: Chọn tất cả
/* Profile on left */
.postprofile {
   border-right-color: #FFFFFF;
}

.rtl .postprofile {
   border-left-color: #FFFFFF;
   border-right-color: transparent;
}

.pm .postprofile {
   border-right-color: #DDDDDD;
}

.rtl .pm .postprofile {
   border-left-color: #DDDDDD;
   border-right-color: transparent;
}

Mở  content.css thêm vào cuối cùng:

Mã: Chọn tất cả
/* Profile on the left */
.postbody {
    float: right;
}

.postprofile {
   border-right: 1px solid #FFFFFF;
   border-left-width: 0;
   float: left;
}
.pm .postprofile {
   border-right: 1px solid #DDDDDD;
   border-left-width: 0;
}
.postprofile dd, .postprofile dt {
   margin-right: 8px;
   margin-left: 0;
}

.online {
   background-position: 0 0;
}


Nếu  bạn không muốn hiển thị hình ảnh Online/Offline thì bạn làm như sau:

Mở  colours.css thêm vào cuối:

Mã: Chọn  tất cả
.online {
   background-image: none;
}

.online .postprofile dt a:link, .online .postprofile dt a:active, .online .postprofile dt a:visited {
   color: #D31141;
}

Hình  ảnh sẽ được thay bằng mầu

nguòn: hagiangpro.com

Bài viết liên quan:

1. Không có bài viết liên quan.