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.
<div id="Navigation">
<ul>
<li><a href="#" class="current"> Начало</a></li>
<li><a href="box1.html"> За мен</a></li>
<li><a href="box2.html"> Цени</a></li>
<li><a href="box4.html"> Клиенти</a></li>
<li><a href="box3.html"> Контакти</a></li>
</ul>
</div>
/*------------------------------------------------------------*
** Navigation
**------------------------------------------------------------*/
#Navigation {
padding: 0px;
margin-top: 40px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
width: 175px;
}
#Navigation ul {
list-style: none;
margin: 0px;
padding: 0px;
}
#Navigation li {
display: block;
}
#Navigation ul li a {
color: #FFFFFF;
display: block;
text-decoration: none;
font-size: 14px;
background-color: #32556B;
border-left-width: 5px;
border-left-style: solid;
border-left-color: #32556B;
height: 15px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 25px;
margin: 0px;
border-right-width: 5px;
border-right-style: solid;
border-right-color: #32556B;
padding-right: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #3A5D73;
background-image: url(images/icons/arrow.gif);
background-repeat: no-repeat;
background-position: left;
}
#Navigation ul li a:hover, #Navigation ul li a.current {
background-color: #365D7A;
border-right-width: 5px;
border-right-style: solid;
border-right-color: #FFFFFF;
border-left-width: 5px;
border-left-style: solid;
border-left-color: #365D7A;
color: #B4FF05;
}
10x +точкаjooorooo каза:Единственото което може да не ти е ясно, е това display: block, което вузуализира в блоков режим. другото са бордери и фонтове за менюто, който се отнасят за li и ul