Question Vỡ khung Profile

Chỉnh sữa linh tinh mấy cái temp mod oke cả, giờ vào xem thấy Profile bị vỡ khung, không biết nó phụ thuộc vào temp nào, chỉnh thế nào các bạn help giúp, thanks !

 

để lại cái demo???

 

Thử revert lại account.css xem

 

Mình có đính kèm cái demo mà bác, bác Xavier xem giúp ! Thanks !

Đã xem temp đó nó vẫn còn zin ^^

 

demo trang ấy pố ơi, demo ảnh thì lấy photoshop chỉnh àk

 

1 là ở trong EXTRA.css 2 là ở account.css thôi.
Search cái accountSideBar

 

demo ảnh thì thánh mới giúp được...account.css là template hardcode ....phần lớn các webmester đều k muốn động vào...bên Xenforo có nhiều cao nhân cũng nói rồi

 

Vào account.css
tìm .accountSideBar
thêm hoặc sửa thành
width: 150px;

hoặc không muốn phá zin nó thì vào EXTRA.css thêm:

.accountSideBar
{
width: 150px;
}

 

EXTRA.css

Mã:

html {
    -moz-animation: 512s linear 0s normal none infinite fly;
    background: url("styles/default/bg.png") repeat-x scroll 0 0 #FBFDFF;
    min-width: 900px;
    overflow-y: scroll !important;
}
 
#content .pageWidth {
    background-color: #FCFCFF;
}
#content .pageContent {
    background-color: #FCFCFF;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    padding: 10px 20px;
}
 
a.callToAction {
    background: url("styles/default/xenforo/gradients/form-button-white-25px.png") repeat-x scroll center top #ff0000;
    border: 1px solid #A5CAE4;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
    display: inline-block;
    height: 20px;
    line-height: 20px;
    outline: 0 none;
    padding: 2px;
}
a.callToAction span {
    background: url("styles/default/xenforo/gradients/form-button-white-25px.png") repeat-x scroll center -8px #ff0000;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    display: block;
    font-family: Calibri,'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding: 0 15px;
}
a.callToAction:hover {
    text-decoration: none;
}
a.callToAction:hover span {
    background-color: #900000 ;
}
 
.nodeList .categoryStrip .nodeTitle {
    color: #6D3F03;
    font-size: 12pt;
}
 
/*Categories in two columns*/
.node .nodeText {
margin-right: 0 !important;
}
 
.node .nodeLastPost,
.node .tinyIcon {
display: none !important;
}
 
.node .forum.level_2,
.node .page.level_2,
.node .category_forum.level_2 {
width: 49%;
float: left;
min-height: 70px;
}
 
.nodeList .node.level_1 {
clear: both;
}
 
/* Nut like */
.publicControls .like:before,
.publicControls .unlike:before,
.publicControls .reply:before,
.publicControls .edit:before,
.publicControls .postComment:before{
content: "";
display: inline-block;
width: 16px;
height: 16px;
background: url('styles/default/xenforo/thumb_up.png') no-repeat 50% 50%;
float: left;
margin: 4px 6px -5px -4px !important;
}
 
.publicControls .unlike:before{
background: url('styles/default/xenforo/thumb_down.png') no-repeat 50% 50%;
}
 
.publicControls .postComment:before,
.publicControls .edit:before{
    background: url('styles/default/xenforo/iconedit.png') no-repeat 50% 50%;
}
 
.publicControls .postComment:before,
.publicControls .reply:before{
background: url('styles/default/xenforo/message_reply.png') no-repeat 50% 50%;
}
 
/*TRANG TRI THONG TIN CA NHAN */
.ribbon { font-size: 12px; font-weight: bold; margin: -5px -5px -2px; text-align: center; }
.ribbon li
{
    border-radius: 3px; -webkit-border-radius:  3px; -moz-border-radius:  3px; -khtml-border-radius:  3px;
    border-top-right-radius: 0px; -webkit-border-top-right-radius:  0px; -moz-border-radius-topright:  0px; -khtml-border-top-right-radius:  0px;
    border-top-left-radius: 0px; -webkit-border-top-left-radius:  0px; -moz-border-radius-topleft:  0px; -khtml-border-top-left-radius:  0px;
    box-shadow: 0px 1px 3px rgba(0,0,0, 0.25); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0, 0.25); -moz-box-shadow: 0px 1px 3px rgba(0,0,0, 0.25); -khtml-box-shadow: 0px 1px 3px rgba(0,0,0, 0.25);
    padding: 1px;
    position: relative;
    margin-bottom: 5px;
}
.ribbon li:last-child { margin-bottom: 0px; }
.ribbon li div { position: absolute; top: -4px; width: 4px; height: 4px; }
.ribbon li .right { border-top-right-radius: 3px; -webkit-border-top-right-radius:  3px; -moz-border-radius-topright:  3px; -khtml-border-top-right-radius:  3px; right: -1px; }
.ribbon li .left { border-top-left-radius: 3px; -webkit-border-top-left-radius:  3px; -moz-border-radius-topleft:  3px; -khtml-border-top-left-radius:  3px; left: -1px; }
 
.ribbonNormal
{
    background: rgb(153, 129, 100) url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;
    border: 1px solid rgb(153, 129, 100);
    color: rgb(252, 252, 255);
}
.ribbonNormal div { background-color: rgb(153, 129, 100);  }
 
.ribbonPremium
{
    background: #e68c17 url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;
    border: 1px solid #e68c17;
    color: #7F4E0E;
}
.ribbonPremium div { background-color: #e68c17; }
 
.ribbonStaff
{
    background: @primaryLight url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;
    border: 1px solid @primaryLight;
    color: @contentBackground;
}
.ribbonStaff div { background-color: #718E0F; }
.ribbonStaffU
{
    background: url("@imagePath/xenforo/gradients/category-23px-light.png") repeat-x scroll center top #D07DA8;
    border: 1px solid #C76497;
    color: #9A2E66;
}
.ribbonStaffU div { background-color: #C76497; }
 
.accountSideBar
{
width: 150px;
} 

Đây là thứ mình edit các bác xem thử xem giúp, tại đang edit thử trên localhost ấy mà.

 

thay đoạn code của ku hiệu bằng đoạn sau thử xem

PHP:

.accountSideBar
{
width: 150px !important;
} 

nếu ko đc thì để lại cái site

 

Cảm ơn các bác, sau một hò mò mẫn thử đi thử lại với FireBug đã xử lý được.
Appearance - Styles - Default Style - Style Property Groups - Forms
Form Width : 750px --> 650px
Do mình edit cái Default Style dạng fix 900px

 

rút kinh nghiệm, lần sau bạn hỏi, để lại cái demo online​

mọi việc support cho bạn sẽ dể dàng và nhanh chóng hơn​