Дайте пожайлусто код такой навигаций
и вот такой штуки
Теги: вопросы от новичков
[отвечено] Очень Нужно
Страница: 1
Сообщений 1 страница 3 из 3
Поделиться128.03.12 06:44
- Бестелесный дух прошлого
- Уважение: +4
Поделиться228.03.12 13:19
- Бестелесный дух прошлого
- Уважение: +619
Erica
на счет навигации:
в стиль
/*общее обозначение блока*/
.textlink {
margin: 15px 15px 15px 15px;
padding: 8px;
padding-left: 40px;
}/*цвет ссылки неактивной*/
.textlink a {
padding: 1px 0px 1px 0px;
margin: 0px 0px 1px 0px;
display: block;
color: #цвет текста;
font-family: Arial;
background-color: #фоновый цвет;
text-align: center;
width: 150px;
font-size: 15px;
line-height: 16px;
letter-spacing: -1px;
text-transform: lowercase;
text-decoration: none;
font-weight: normal;
font-style: italic;
}/*цвет при наведении на ссылку*/
.textlink a:hover {
background-color: #фоновый цвет;
color: #цвет текста;
}
а сами ссылки вставляете куда нужно вот в такой контейнер:
<div class="textlink">
кучка ссылок, можно подряд, можно без тэга <br>
</div>
Поделиться328.03.12 13:43
- Бестелесный дух прошлого
- Уважение: +619
и да, если хотите с такой же полосочкой слева от ссылок, пропишите в нужных разделах стиля еще и border-left: 5px solid #00000;
а на счет картинок, изменяющихся при наведении:
<a href="ссылка" target="_blank"><img onmouseover="this.src='картинка при наведении'" src="в обычном состоянии" onmouseout="this.src='после снятия наведения'">
</a>
Только ставите картинки разного размера. Единственное что в таком случае увеличившееся изображение будет сдвигать другие.
Страница: 1
