Avatar bị lệch so vưới User rank

[ncccrazy]

Mình đang gặp rắc rối với cái mục avatar mong các pro giúp cho!
để avt nhỏ thì nó nằm ở center được , nhưng khi đặt với kích thước lớn hơn thì lại bị lệch sang phần bài viết ! Các pro cho mình hỏi lỗi do đâu và cách chỉnh sửa thế nào?
Mình đã nghĩ tới việc tăng kích thước cho phần User Info nhưng gà quá hông biết làm:MatCuoi:

[lukul]

Èo , nó bị tràn Khung ấy mà , em không bít có vào Style kéo thêm dc không ? nhưng thế xấu lắm

[ncccrazy]

sặc! tất nhiên là xấu anh mới lên nhờ các pro giúp nè ! mà cái đóng khung avatar thì anh lấy từ ITVN chứ đâu,nhưng không biết cái skin có vấn đề gì không !:MatCuoi (61):

[xuanmao87]

bạn nên chụp hình để mọi người giúp cho dễ hoặc là demo cũng được
p/s:Ko hiểu hết đc

[ncccrazy]

http://cb6.upanh.com/21.281.28227225.hSw0/userinfo.png

[Tiểu Bá Vương 1404]

Không cần phải đóng khung chi cho vất vả, chính sửa trong css là hàng ngon hết. Vào CSS Templates -> postbit.css, tìm đoạn sau :


.postbitlegacy .userinfo .postuseravatar, .eventbit .userinfo .eventuseravatar {
display:block;
margin:{vb:math {vb:stylevar padding}/3} auto 0;
text-align:{vb:stylevar left};
width: auto;
float: {vb:stylevar left};
clear: both;
}

.postbitlegacy .userinfo .postuseravatar img, .eventbit .userinfo .eventuseravatar img {
border: {vb:stylevar postbitlegacy_avatar_border};
outline: {vb:stylevar postbitlegacy_avatar_outline};
max-width: {vb:math {vb:stylevar postbitlegacy_userinfo_width} - {vb:math {vb:stylevar padding}*2}- {vb:math {vb:stylevar postbitlegacy_avatar_outline.borderWidth}*2} - {vb:math {vb:stylevar postbitlegacy_avatar_border.borderWidth}*2}};
}

sửa lại thành :


.eventbit .userinfo .eventuseravatar {
display:block;
margin:{vb:math {vb:stylevar padding}/3} auto 0;
text-align:{vb:stylevar left};
width: auto;
float: {vb:stylevar left};
clear: both;
}

.eventbit .userinfo .eventuseravatar img {
border: {vb:stylevar postbitlegacy_avatar_border};
outline: {vb:stylevar postbitlegacy_avatar_outline};
max-width: {vb:math {vb:stylevar postbitlegacy_userinfo_width} - {vb:math {vb:stylevar padding}*2}- {vb:math {vb:stylevar postbitlegacy_avatar_outline.borderWidth}*2} - {vb:math {vb:stylevar postbitlegacy_avatar_border.borderWidth}*2}};
}

.postbitlegacy .userinfo .postuseravatar {
display:block;
margin:{vb:math {vb:stylevar padding}/3} auto 0;
text-align:center;
width: auto;
float: center;
clear: both;
}

.postbitlegacy .userinfo .postuseravatar img {
float: center;
border: 3px solid #ccc; /*Chỉnh lại thông số tùy ý*/
outline: 1px solid #ccc; /*Chỉnh lại thông số tùy ý*/
max-width: {vb:math {vb:stylevar postbitlegacy_userinfo_width} - {vb:math {vb:stylevar padding}*2}- {vb:math {vb:stylevar postbitlegacy_avatar_outline.borderWidth}*2} - {vb:math {vb:stylevar postbitlegacy_avatar_border.borderWidth}*2}};
}

[Coolboyhn]

Mình cũng dùng khung thông tin dọc, khi cài Ranh bị lệch về bên bài viết, bác nào chỉ giúp nó năm cân đối như itvvn.net này không.
Thanks!

[Norther]

Up.
Mìnhh đã làm như Tiểu Bá Vương hướng dẫn nhưng nó chỉ thẳng hàng về bên trái,làm thế nào để cho username và user rank cân vào giữa như bên?

[HTT.itvn]

Up.
Mìnhh đã làm như Tiểu Bá Vương hướng dẫn nhưng nó chỉ thẳng hàng về bên trái,làm thế nào để cho username và user rank cân vào giữa như bên?

bạn cho hình ảnh và link demo nhé .

[Dunglx]

Bạn đọc quyển ebook của anh HTT đi nhé nó có cái mục đấy đấy căn giưa user name đấy

[Norther]

Đây là forum của mình:
http://i1196.photobucket.com/albums/aa408/Bqtan/old.png
Mình muốn chỉnh giống như của Itvnn:
http://i1196.photobucket.com/albums/aa408/Bqtan/new.png

[HTT.itvn]

- Vào AdminCP >> Style & Templates >> Style Manager >> Chọn style >> Edit Templates >> CSS Templates >> additional.css , chèn code sau vào cuối cùng :


.username_container { padding:2px 0;
text-align:center;
}
.username_container .username strong {
font-size: 16pt;
font-weight:400;
}
.usertitle, .rank {
text-align:center;
}

- Còn phần avatar thì em đọc trong ebook của ITVNN nhé http://itvnn.net/showthread.php?16177-eBook-vBulletin-4.0.x-H%C6%B0%E1%BB%9Bng-d%E1%BA%ABn-l%C3%A0m-forum-vBulletin-4.0.x . Chú ý phần đóng khung Avatar ( Phần IV )

[Norther]

Cảm ơn anh.:D
Em vừa đọc qua e-book của anh và đã thấy cách giải quyết của rất nhiều chỗ em đang băn khoăn :D

[thanhli]

Của e sao cái khung avatar lại nằm lên thế này, e mún giống như cái của diễn đàn mình thì sao ạ. Mong mod & Admin giúp đỡ
http://img9.imageshack.us/img9/9196/81912233.jpg

[Dunglx]

Tại cậu chèn code đóng khung avatar sai vị trí rồi thì phải

[Coolboyhn]

mình chỉnh được nó cân rồi mà muốn bỏ cách dòng Text bên trên hình cái Rank thì chỉnh chỗ nào vậy các bác
Như ở hình đính kèm là chữ Administrators

[Dunglx]

Mấy ông không chịu đọc eboook gì hết có hết mà >>> ngay cả bài anh Thanh đã hướng dẫn rồi chán thật
http://itvnn.net/showthread.php?32950-Gi%C3%BAp-c%C3%A1ch-x%C3%B3a-ch%E1%BB%AF-admin-v%C3%A0-m%C3%A0u-ch%E1%BB%AF-Last-Post-By&p=66096&highlight=#post66096

[hungbimo2]

còn của em thì nó thế này

http://cC6.upanh.com/27.702.34977015.BrS0/quatangtinhyeu.jpg

cho em cái link nữa đi chứ : " quyển ebook của anh HTT "

ai giúp em với được ko .Em đã làm theo các cách trên

[Dunglx]

Cậu tham khảo bài tớ tổn hợp rồi nhé

http://itvnn.net/showthread.php?32812-T%E1%BB%95ng-h%E1%BB%A3p-c%C3%A1c-b%C3%A0i-vi%E1%BA%BFt-hay-li%C3%AAn-quan-vbb4&p=65696