Help Giúp em với mấy anh , làm sao thay đổi kích thước này được

[Dang Van Dat]

có anh chị nào biết cách nào thay đổi chiều ngang với chiều dọc ở khung bên này hông ( trong ảnh ) giúp em với

 

[Dang Van Dat]

@PVS

 

[onlyonelove]

bỏ cái ảnh hoặc thu nhỏ ảnh lại thôi

 

[Dang Van Dat]

bỏ cái ảnh hoặc thu nhỏ ảnh lại thôi

hông , ý em là muốn phóng to cái khung đó ra á

 

[PVS]

Bạn vào tìm trong template message_user_info.css nha

 

[Dang Van Dat]

Bạn vào tìm trong template message_user_info.css nha

chỉnh đoạn nào a

 

[nghienvt]

Bạn xem ví dụ mình chỉnh khung Message User Info của VNXF to ra một chút như hình minh họa.

Bên tay phải, bạn thấy mình đã chỉnh 2 dòng:
width: 230px !important;
margin-right: 20px !important;

Vậy là bạn copy bộ này:

.messageUserInfo {
float: left;
width: 230px !important;
margin-right: 20px !important;
}

bỏ vào Extra.css rồi save lại, kiểm tra kết quả.

Còn bạn muốn toàn bộ khung này nằm ngang với màn hình, thì hãy tìm nội dung của .messageUserInfo trong trường hợp responsive (tìm Template từ khóa .messageUserInfo), rồi copy nội dung của trường hợp responsive bỏ ra Extra, bỏ đi các điều kiện .responsive.

Bạn có thể chọn hiển thị dạng di động trong lúc mở Chrome Developer Tool lên, sẽ thấy khi cửa sổ co lại, tự động khung Message User Info sẽ nằm ngang. Vậy thì lấy trường hợp lúc responsive ra áp dụng vào lúc bình thường là được...

 

[nghienvt]

Ví dụ, mình nhấn nút Toogle Device Toolbar để hiển thị trường hợp responsive, thì khung Message User Info hiển thị nằm ngang, tràn màn hình:

Như có gì đó sai sai, các User Banners bị lệch (ví dụ như khung của Mod PVS ấy), vậy là tìm đúng chỗ thêm dòng:

.Responsive .messageUserBlock h3.userText {
text-align: center !important;
}

Kết quả:

Vẫn chưa đẹp, vậy là cần phải tách User Banner so với dòng bên trên một chút nữa:

.Responsive .messageUserBlock .userBanner {
margin-top: 5px !important;
}

Kết quả:

Vậy là tạm ổn, giờ thì copy những gì đã chỉnh bỏ vào Extra để trong trường hợp user xem diễn đàn trên điện thoại/máy tính bảng, thì không bị lệch...