Follow along with the video below to see how to install our site as a web app on your home screen.
Бележка: This feature may not be available in some browsers.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<style type="text/css">
*{
margin: 0; padding: 0;
}
html, body{
font-family: Verdana, Arial, sans-serif;
font-size: 11px; color: #fff;
}
ul.menu{
width: 160px; list-style-type: none; border: 1px solid #6B6659;
}
ul.menu li{
width: 100%; clear: left;
}
ul.menu li a{
color: #fff; text-decoration: none; height: 21px; background: #979185 url('arrow_down.gif') 140px 14px no-repeat;
display: block; padding: 8px 0 0 15px; border-bottom: 1px solid #A29E92;
}
ul.menu li a:hover{
background: #888377 url('arrow_down.gif') 140px 14px no-repeat;
}
ul.menu li ul a{
height: 21px; width: 135px; padding: 8px 0 0 25px;
background: #D8D2C2; color: #545045; border-bottom: 1px solid #E4DECF;
}
ul.menu li ul a:hover{
background: #B4AEA0; color: #111;
}
.down_open{
background: #888377; font-weight: bold;
}
.unactive{background-image: none!important;}
</style>
<script type="text/javascript">
function expand_nav(link)
{
var ul = find_enclosing_ul(link)
if (ul.style.display == 'none')
{
ul.style.display = 'block'
}
else
{
ul.style.display = 'none'
}
if (link.className == 'down')
{
link.className='down_open'
}
else
{
link.className='down'
}
}
function find_enclosing_ul(link)
{
var search_node = link
while (true)
{
var node = search_node.nextSibling
if (node && node.nodeName == 'UL')
{
break
}
else
{
search_node = node
}
}
return node
}
</script>
</head>
<body>
<ul class="menu">
<li><a href="#" class="unactive">Item 1</a></li>
<li><a href="#" class="down" onclick="expand_nav(this); return false;">Item 2</a>
<ul style="display: none;">
<li><a href="#">Sub Item 2.1</a></li>
<li><a href="#">Sub Item 2.2</a></li>
<li><a href="#">Sub Item 2.3</a></li>
</ul>
</li>
<li><a href="#" class="down" onclick="expand_nav(this); return false;">Item 3</a>
<ul style="display: none;">
<li><a href="#">Sub Item 3.1</a></li>
<li><a href="#">Sub Item 3.2</a></li>
<li><a href="#">Sub Item 3.3</a></li>
</ul>
</li>
<li><a href="#" class="unactive" onclick="expand_nav(this); return false;">Item 4</a>
<li><a href="#" class="down" onclick="expand_nav(this); return false;">Item 5</a>
<ul style="display: none;">
<li><a href="#">Sub Item 5.1</a></li>
<li><a href="#">Sub Item 5.2</a></li>
<li><a href="#">Sub Item 5.3</a></li>
</ul>
</li>
</ul>
</body>
</html>