Create Menu With Scroll

type='html'>For a beginner blogger like me, create a menu with the scroll may look difficult. But to create a menu with the scroll is in fact very easy, you just need a little HTML code. In addition to saving space, the scroll menu is also seen quite interesting. If you have a long list of menu, you can overcome this by using the scroll menu, as you see at the top of my blog.<

To create a menu with the scroll, you only need the HTML code as below:



contents menu your blog




Description:
  1. Width -> width of the menu

  2. Height -> height of the menu

  3. Padding -> distance between any posts with the edge

  4. Border -> line thickness fringe
You can set it according to your wishes, if you want the menu with a height of 400px, you change the height:400px. Similarly, the breadth, if you want the menu with width 300px, then you change the width:300px.

Example I have a scroll menu, such as the code below:



The result is as below :



If you want to change the numbers, you can change the code ul, replace with ol. Or can write the number manually.

Happy Testing ..!

 

 

Technorati Tags: ,
Labels: ,

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)