Jump to content

Leaderboard

Popular Content

Showing content with the highest reputation on 10/03/2013 in all areas

  1. I was originally going to make a hook for this, and I got quite far with it too. But, I ran into a few problems and just couldn't get it to work. So I'm making a tutorial for it. Please note: This was done on the default IPB skin. This may be different for you, depending on the skin you're using. 1) Go to your ACP -> Look & Feel -> Your Skin -> globalTemplate. Find this: {parse template="includeJS" group="global" params="$jsModules"} {parse template="includeFeeds" group="global" params="$documentHeadItems"} {parse template="includeRTL" group="global" params=""} {parse template="includeVars" group="global" params="$header_items"} Add this code above it: <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'></script><script type='text/javascript' src="{style_images_url}/boardwidth.js"></script> 2) Go to your ACP -> Look & Feel -> Your Skin -> CSS -> ipb_styles.css. Find this: #content, .main_width { margin: 0 auto; /* Uncomment for fixed */ /*width: 980px;*/ /* Fluid */ width: 87% !important; min-width: 960px;} Change it to this: #content, .main_width { margin: 0 auto; /* Uncomment for fixed */ width: 980px; /* Fluid */ /*width: 87% !important;*/ min-width: 960px;} And save. 3) Go back to your globalTemplate and find this: <if test="showhomeurl:|:$this->settings['home_url'] AND $this->settings['home_name']"> Add this code above it: <li class='right widthSwitch'><a href="#">Change Width</a></li> Note: You can place a link for this anywhere you want, I'm just using this location for tutorial purposes. 4) Now, you're going to code and paste the following code into Notepad or anything you prefer, and save it as "boardwidth.js". Here is the code: Then go to your FTP -> public_html -> public -> style_images -> (Your skin name). Then upload the boardwidth.js file in that folder. And you're done! A smooth board width changer, made with jQuery. This saves a cookie in your web browser, so each time you visit, it will be the same as the last time you visited ( until you clear your cookies ). Remember that the instructions may be a bit different depending on what skin you're using. If you need help adding this to your board, just leave me a PM and I will reply whenever I read it.
    1 point
This leaderboard is set to New York/GMT-05:00
×
×
  • Create New...