[Archived] How can I move the Profile Tabs on the left?

Shadow wrote:[link="/t365-how-can-i-move-the-profile-tabs-on-the-left#2171"]Put the following code at your CSS, also there could be some style based mistakes because the code is adapted for this forums especially.

http://pastebin.com/DWchkuzU

Code:


#tabs ~ form,#tabs ~ div{margin-left:150px;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;font-size: 12px;width:135px;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;font-size: 12px;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:155px;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}