Tuesday, August 13, 2013

How to Create a Floating Side Bar for a User Page





1. Open up the webpage you want to add your floating side menu to. Make sure your view shows the page's html code.
2. Begin inputting your html code as a cascading style sheet at the top of the page. Type in the following code into the page:
. Include all of the punctuation and symbols, otherwise your floating menu will not work.

3. Add values for each of the fields you wrote in Step 2. The 'position' field should be 'fixed'. The other fields of your html code should be relative in terms of percents. In the 'right' field, the closer a number is to 100 percent, the closer the menu will appear to the right margin of the user screen. For the 'top' field, the closer your number is to 100 percent, the higher on the screen your menu will appear.
4. Write the html code for the menu. This code should include links to the rest of your site's pages. When you are finished inputting your menu code, write '' to signal that the menu is complete.

adsense tips Copyright © 2011 | Template created by O Pregador | Powered by Blogger