დაყენების ინსტრუქცია: პირველ რიგში მენიუ საჭიროებს გაქართულებას, შემდეგ ქვემოთ მოცემული სკრიპტი ჩასვით საიტის ბლოკში...
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Vertical Menu bar in Html</title> <style type="text/css"> #cssmenu { padding: 0; margin: 0; border: 0; line-height: 1; } #cssmenu ul, #cssmenu ul li { list-style: none; margin: 0; padding: 0; } #cssmenu ul li.hover, #cssmenu ul li:hover { position: relative; z-index: 599; cursor: default; } #cssmenu { width: 200px; background: #f7f7f7; font-family:sans-serif; font-weight:bold; zoom: 1; font-size: 12px; } #cssmenu:before { content: ''; display: block; } #cssmenu:after { content: ''; display: table; clear: both; } #cssmenu a { display: block; padding: 15px 20px; color: #f26724; text-decoration: none; text-transform: uppercase; border-bottom: 1px solid #ffffff; } #cssmenu > ul { width: 200px; } #cssmenu > ul > li > a { border-left: 4px solid #095586; color: #095586; } #cssmenu > ul > li a:hover { background: #095586; color:#f1f1f1; } </style> </head> <body> <div id='cssmenu'> <ul> <li><a href='index.php'><span>Home</span></a></li> <li><a href='css-introduction.php'><span>Tutorial</span></a></li> <li><a href='#'><span>Wallpaper</span></a></li> <li><a href='#'><span>Blog</span></a></li> <li><a href="login-page.php"><span>History</span></a></li> <li><a href="login-page-with-validation.php"><span>Company</span></a></li> <li><a href='registration-page.php'>Login</a></li> </ul> </div> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-88667581-1', 'auto'); ga('send', 'pageview'); </script> </body> </html>
დააკოპირეთ
