rozhur
Проверенные
- Сообщения
- 142
- Решения
- 3
- Реакции
- 195
- Баллы
- 755
Как грамотно добавить свои вкладки навигации в этой области? есть ли такой плагин?
UPD:
Я в принципе разобрался. Панель висит как надо, но тут встает другой вопрос.
Реализовал таким путем:
При наведении на ссылку, текст видоизменяется и тем самым сдвигает другие ссылки в стороны от себя, как исправить?
UPD:
Я в принципе разобрался. Панель висит как надо, но тут встает другой вопрос.
Реализовал таким путем:
в header добавил
CSS:
HTML:
<div class="navigation-panel">
<div class="links">
<ul>
<li><a href="1">1page</a></li>
<li><a href="2">2page</a></li>
<li><a href="3">3page</a></li>
<li><a href="4">4page</a></li>
<li><a href="5">5page</a></li>
<li><a href="6">6page</a></li>
</ul>
</div>
Код:
.links
{
padding: 0 20px;
text-align: center;
}
.links ul li
{
display: inline;
padding: 0 15px;
font-size: 16px;
line-height: 50px;
color: #fff;
text-transform: uppercase;
}
.links ul li a
{
color: #fff;
text-transform: uppercase;
font-size: 14px;
text-decoration: none;
}
.links ul li a:hover
{
font-weight: bold;
}
.navigation-panel{
font-family: 'RalewayRegular', arial;
position: relative;
z-index: 6;
width: 712px;
background: #dd4443;
color: #fff;
height: 50px;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
margin-left: auto;
margin-right: auto;
left: 50%;
margin-left: -356px;
top: -63px;
text-align: center;
}
Последнее редактирование: