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:
Mở bidi.css thêm vào cuối cùng:

/* 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:

/* 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:



/* 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:



.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