maksim994,
Вот мой кодЭ кысысы:
.tabbed > label {
display: block;
float: left;
padding: 12px 20px;
margin-right: 5px;
cursor: pointer;
transition: background-color .3s;
}
.tabbed > label,
.tabbed > input + label {
margin-left: 5px;
margin-right: 10px;
text-align: center;
border-bottom: 5px solid #F27935;
}
.tabbed > label:hover,
.tabbed > input:checked + label {
background-color: #F27935;
color: #fff;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
margin-bottom: 10px;
border-bottom: 5px solid #D35400;
}
Вот код хумеля:
<div class="tabbed">
<label for="tab-nav-1"> <a href="#">Главная</a> </label>
<label for="tab-nav-2">Популярное</label>
<label for="tab-nav-3">Свежее</label>
<label for="tab-nav-4"> <a href="tehno.html">Технологии</a> </label>
<label for="tab-nav-5">Политика</label>
<label for="tab-nav-6">Игро-индустрия</label>
<label for="tab-nav-7">Наука</label>
</div>
Не могу сделать их рабочими - что-бы при переходе, оставалась обводка, кнопка была в действии!
Спс с меня +