Jump to content


(3.2.x) How to move a sidebar to the left side....


  • You cannot start a new topic
  • You cannot reply to this topic
No replies to this topic

#1 Broni

    Malware Annihilator

  • 24,883 posts
  • Joined: October 04, 2004
  • 1,860 topics
  • Age: 57
  • Skin: IPBoard wide
  • Local time: 04:44 AM
  • Zodiac:Virgo
  • Gender:Male
  • Location:Daly City, CA
  • OS:Windows Vista
  • Country:
Offline
  • Time Online: 57d 10h 30m 28s

Posted 04 November 2011 - 04:20 AM

ACP>Look & Feel>your_skin>Templates tab>Board Index>boardIndexTemplate

Replace this:

Quote

<div id='board_index' class='ipsLayout <if test="sideBarEnabledL:|:$this->templateVars['sidebar_enabled']">ipsLayout_withright</if> ipsLayout_largeright clearfix <if test="sidebarclosed:|:IPSCookie::get('hide_sidebar') == '1'">no_sidebar</if>'>
with this:

Quote

<div id='board_index' class='ipsLayout <if test="sideBarEnabledL:|:$this->templateVars['sidebar_enabled']">ipsLayout_withleft</if> ipsLayout_largeleft clearfix <if test="sidebarclosed:|:IPSCookie::get('hide_sidebar') == '1'">no_sidebar</if>'>

Replace this:

Quote

<div id='index_stats' class='ipsLayout_right clearfix' <if test="sidebarclosed2:|:IPSCookie::get('hide_sidebar') == '1'">style='display: none'</if>>
with this:

Quote

<div id='index_stats' class='ipsLayout_left clearfix' <if test="sidebarclosed2:|:IPSCookie::get('hide_sidebar') == '1'">style='display: none'</if>>

Then...

ACP>Look & Feel>your_skin>CSS tab>ipb_styles.css

Replace this:

Quote

.ipsLayout_content {
float: left;
width: 100%;
}
with this:

Quote

.ipsLayout_content {
float: right;
width: 100%;
}

Replace this:

Quote

#board_index.no_sidebar {
padding-right: 0;
}
with this:

Quote

#board_index.no_sidebar {
padding-left: 0;
}

Remove indicated line, add line in red:

Quote

#toggle_sidebar {
-moz-transition: all 0.4s ease-in-out 0s;
background: none repeat scroll 0 0 #333333;
border-radius: 4px 4px 4px 4px;
color: #FFFFFF;
right: -3px;
left: 1px;
opacity: 0.5;
padding: 0 3px;
position: absolute;
top: -6px;
z-index: 8000;
}

All done :)





1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users


This topic has been visited by 14 user(s)