Good art is a taste, good design is an opinion.


Come as guest, stay as family.
Board Index

Come as guest, stay as family.


You are not connected. Please login or register

Foto

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



View previous topic View next topic Go down Message [Page 1 of 1]

1
Offline

  Van-Helsing

avatar
★Moderator★
★Moderator★
Hi,
How can I move these profile tabs at the left http://prntscr.com/301lsk ?

Best Regards,
Dark-Avenger

Powered by PunBB
Currently 0 users have thanked Van-Helsing for this post:

2
Offline

  Shadow

avatar
Administrator
Administrator
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

Powered by PunBB
Currently 0 users have thanked Shadow for this post:

3
Offline

  Van-Helsing

avatar
★Moderator★
★Moderator★
@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

Hi,
I have been modify this code into this code
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}
to fit in my template and I am facing a little problem in Watch Topics tab http://prntscr.com/309wcu it doesn't fix exactly. Can you help me to solve it?

Best Regards,
Dark-Avenger

Powered by PunBB
Currently 0 users have thanked Van-Helsing for this post:

4
Offline

  Shadow

avatar
Administrator
Administrator
Give me your forum url and demo account.

Powered by PunBB
Currently 0 users have thanked Shadow for this post:

5
Offline

  Guest

avatar
Guest
[aviso="Thread Archived"]Original poster seems to be inactive and didn't respond within 7 days in this thread. Because of this, the topic has been Archived.

If you have further questions, please open a new topic.[/aviso]

Powered by PunBB
Currently 0 users have thanked Guest for this post:

View previous topic View next topic Back to top Message [Page 1 of 1]


Topic URL's

URL
BBcode
HTML

Permissions in this forum:
You cannot reply to topics in this forum