დაყენების ინსტრუქცია: პირველ რიგში ჰორიზონტალური მენიუ საჭიროებს თქვენს მიერ რედაქტირებას, შემდეგ ქვემოთ მოცემული სკრიპტი ჩასვით საიტის ბლოკში...
<title></title> <style type="text/css">body, .multilevel-dropdown-menu { font-family: Arial, sans-serif; } .parent { display: block; position: relative; float: left; line-height: 40px; background-color: #ffc72c; border-right: #CCC 1px solid; } .parent a { margin: 10px 24px; color: #5d3200; text-decoration: none; } .parent:hover>ul { display: block; position: absolute; } .child { display: none; } .child li { background-color: #E4EFF7; line-height: 40px; border-bottom: #b5b5b5 1px solid; border-right: #b5b5b5 1px solid; width: 100%; } .child li a { color: #000000; } ul { list-style: none; margin: 0; padding: 0px; min-width: 12em; } ul ul ul { left: 100%; top: 0; margin-left: 1px; } li:hover { background-color: #95B4CA; } .parent li:hover { background-color: #F0F0F0; } .expand { font-size: 12px; float: right; margin-right: 5px; } </style> <h1>მრავალდონიანი მენიუ</h1> <ul class="multilevel-dropdown-menu"> <li class="parent"><a href="#">პოპულარული სათამაშოები</a> <ul class="child"> <li class="parent"><a href="#">ვიდეო თამაშები <span class="expand">»</span></a> <ul class="child"> <li><a href="#">Car</a></li> <li><a href="#">Bike Race</a></li> <li><a href="#">Fishing</a></li> </ul> </li> <li><a href="#">Barbies</a></li> <li><a href="#">Teddy Bear</a></li> <li class="parent"><a href="#">Level 1 <span class="expand">»</span></a> <ul class="child"> <li><a href="#">Level 2 - Menu 1</a></li> <li><a href="#">Level 2 - Menu 2</a></li> <li class="parent"><a href="#">Level 2 - Menu 3<span class="expand">»</span></a> <ul class="child"> <li><a href="#">Level 3 - Menu 1</a></li> <li><a href="#">Level 3 - Menu 2</a></li> </ul> </li> </ul> </li> </ul> </li> <li class="parent"><a href="#">ბოლო სათამაშოები</a> <ul class="child"> <li><a href="#">Yoyo</a></li> <li><a href="#">Doctor Kit</a></li> <li class="parent"><a href="#">Fun Puzzle<span class="expand">»</span></a> <ul class="child"> <li><a href="#" nowrap="nowrap">Cards</a></li> <li><a href="#" nowrap="nowrap">Numbers</a></li> </ul> </li> <li><a href="#">Uno Cards</a></li> </ul> </li> <li class="parent"><a href="#">სათამაშოების კატეგორია</a> <ul class="child"> <li><a href="#">ბატარეის სათამაშოები</a></li> <li class="parent"><a href="#">დისტანციური სათამაშოები <span class="expand">»</span></a> <ul class="child"> <li><a href="#">Cars</a></li> <li class="parent"><a href="#">Aeroplane <span class="expand">»</span></a> <ul class="child"> <li><a href="#">Passenger</a></li> <li><a href="#">Fighter</a></li> </ul> </li> <li><a href="#">Helicopter</a></li> </ul> </li> <li><a href="#">Soft Toys</a></li> <li><a href="#">Magnet Toys</a></li> </ul> </li> </ul>
დააკოპირეთ
