Guest User

Untitled

a guest
Dec 27th, 2012
451
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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. }
RAW Paste Data