[Hỏi đáp] profile_add_body - Cách làm trang cá nhân như DEVs

Hỏi: Can you please share profile_add_body like here?

Đáp: https://devs.forumvi.com/t244-hoi-dap-profile_add_body-cach-lam-trang-ca-nhan-nhu-devs?showpost=p1457

profile_add_body is Default.
I used CSS to do that.
Note: This code may not be completely accurate due to the impact of your CSS forum.

ACP >> Display >> Pictures and Colors >> Colors >> CSS Stylesheet

Code:

/* zzUserProfile by zzbaivong - http://devs.forumvi.com/ */
#tabs ~ form,#tabs ~ div{margin-left:170px;border-left:1px solid #359bed;padding-left:10px}
#tabs + form,#tabs + div{margin-top:30px}
#tabs ~ form > div:last-child,#tabs ~ div:last-child > div,#tabs ~ div:last-child > form{min-height:340px}
#tabs ~ div.main-head:before{content:" ";display:block;width:10px;height:5px;position:absolute;background:#FFF;margin-top:30px;margin-left:-10px}
#tabs{position:absolute;margin-top:33px}
#new-message #tabs{margin-top:0}
#tabs:before{content:" ";position:absolute;z-index:10;width:5px;height:32px;background:#FFF;margin-left:152px;margin-top:-33px}
#new-message #tabs:before{content:none}
#tabs ul{padding:0}
#tabs ul li{display:block;float:none;padding:0}
#tabs ul li a{float:none;display:block;width:155px;border:1px solid #D2E4FF;border-right:1px solid #359bed!important;background:#F2F9FF;margin:-1px 0 0;padding:0 7px}
#tabs ul li.activetab a{text-decoration:none;color:#359bed;background:#FFF;border:1px solid #359bed;position:relative;border-right-color:#FFF!important;z-index:1}
#tabs ul li a:hover,#tabs ul li.activetab a:hover{background:none}
#profile-advanced-left{margin-left:170px;position:relative;z-index:10;margin-right:0}
#profile-advanced-left .main{padding-left:10px;border-left:1px solid #359bed;min-height:340px}
#profile-advanced-layout #tabs{bottom:0;position:absolute;top:205px;left:-15px;margin-left:-166px}
#profile-advanced-details .message-header{border-top:0}
#profile-advanced-add{position:absolute;width:100%;top:4px;height:34px;z-index:20}
.avatar img{width:48px}
.message-block{border:1px solid #F3F3F3}
.message-text{padding:0 4px}
#profile-advanced-details .message-footer li:after{content:""}
#profile-advanced-details .message-footer li a{background:none no-repeat center center transparent;display:inline-block;height:20px;margin-bottom:-14px;overflow:hidden;width:20px;text-decoration:none;text-indent:9999px;padding:4px}
#profile-advanced-details .message-footer li a[href^="/u"]{background-image:url(//r19.imgfast.net/users/1911/13/87/62/album/th/andanh10.png)}
#profile-advanced-details .message-footer li a[href*="wall?s="]{background-image:url(//i56.servimg.com/u/f56/18/59/49/93/save10.png)}
#profile-advanced-details .message-footer li a[href*="?d="],#profile-advanced-details .message-footer li a[href*="&remove="]{background-image:url(//i56.servimg.com/u/f56/18/59/49/93/delete10.png)}
#profile-advanced-details .bottom + .top{margin-bottom:0;margin-top:10px}
#new-message-link,.pagination.top:first-child{display:none}
#profile-advanced-add a{background:none no-repeat center center transparent;position:absolute;top:0;width:20px;right:0;height:20px;text-indent:9999px;overflow:hidden}
#profile-advanced-add a[href*="friend="]{background-image:url(//i56.servimg.com/u/f56/18/59/49/93/16-add10.png)}
#profile-advanced-add a[href*="foe="]{background-image:url(//i56.servimg.com/u/f56/18/59/49/93/16-rem10.png);right:30px}
.friend-block{width:100%;text-align:left;line-height:25px;border:1px solid #F3F3F3;padding:5px}
.friend-block .avatar{float:left;width:auto;height:50px;margin-right:5px}
#profile-advanced-right{margin-top:20px;float:none;position:absolute;width:155px}
#profile-advanced-right .module.main{display:none;width:155px}
#profile-advanced-right > .module.main:first-child, #profile-advanced-add + .module.main{display:block;width:160px;height:230px;overflow:hidden;color:transparent}
#profile-advanced-right > .module.main:first-child .main-head, #profile-advanced-add + .module.main .main-head{border-bottom:0}
#profile-advanced-right > .module.main:first-child br, #profile-advanced-add + .module.main br{display:none}
#profile-advanced-right > .module.main:first-child img, #profile-advanced-add + .module.main img{max-width:100%;max-height:150px}
#profile-advanced-right > .module.main:first-child img[src^="//illiweb.com/itest/"], #profile-advanced-add + .module.main img[src^="//illiweb.com/itest/"]{position:absolute;left:6px;top:197px}
#profile-advanced-details{margin-top:-32px}
#profile-advanced-layout{margin-top:32px}

Solved, thanks.