Want more features on Pastebin? Sign Up, it's FREE!
Guest

Untitled

By: a guest on Dec 27th, 2012  |  syntax: None  |  size: 0.78 KB  |  views: 155  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. A. Add the following markup in header.php file just before the line which looks like <div ="wrapper">
  2. <div id="xtra-container">
  3.         <div class="new-leftsidebar">
  4.                 // code for sidebar goes here
  5.         </div><!-- .new-leftsidebar -->
  6.  
  7. B. Add the following markup in footer.php file just after the line which looks like </div><!-- #wrapper -->
  8.         <div class="new-rightsidebar">
  9.                 // code for sidebar goes here
  10.         </div><!-- .new-rightsidebar -->
  11. </di><!-- #xtra-container -->
  12.  
  13. C. Add the following to your style.css file:
  14.  
  15. #xtra-container {
  16.         clear: both;
  17.         overflow: hidden;
  18.         padding: 0;
  19.         position: relative;
  20.         width: 1700px;
  21. }
  22. .new-leftsidebar {
  23.         float: left;
  24.         position: fixed;
  25.         top: 0;
  26.         width: 200px;
  27. }
  28. .new-rightsidebar {
  29.         float: right;
  30.         position: fixed;
  31.         top: 0;
  32.         width: 200px;
  33. }
clone this paste RAW Paste Data