Спустя 45 сек.
а это конкурс какой-то от кп?)
новые сообщения
ответы на мои сообщения
избранное
скрытые темы
случайный топик
ёбнуть всё в новых вкладках
Форум → Разработка → Клиентская сторона → Верстка и оформление → Как сформировать горизонтальное меню?
Как сформировать горизонтальное меню?
Страницы: ← Предыдущая страница →
-
Сообщения:
7958
Репутация:
N
Группа:
в ухо
-
Сообщения:
1099
Репутация:
N
Группа:
Кто попало
-
Сообщения:
370
Репутация:
N
Группа:
Кто попало
Ноя. 28, 2011, 11:51 д.п., спустя 10 часов 50 минут 15 секунд
Ivan, если у каждого своя специфика, то нахуй автор создает блог, где будет учить других делать то, что сам не умеет? В общем, ты просто далеко не в теме с этим чудаком.
AdmBuxonly, сделай ссылку как блочный элемент (с помощью css-стилей) и фоном сделай ей картинку. Вот при наведении и будешь менять и фон-картинку и шрифт как тебе угодно. Сделаешь это, выложишь на форум отчет о том, как именно это сделал, иначе больше ответов от меня не получишь.
.pages-menu li, .pages-menu a {
display:block;
width:100px;
height:75px;
}
.pages-menu li.home a {
color:#666;
text-decoration:none;
background:url('images/home-a.png') top center no-repeat;
display:block;
width:100px;
}
.pages-menu li.home a:hover {
display:block;
width:100px;
height:75px;
color:#333;
text-decoration:underline;
background:url('images/home-h.png') top center no-repeat;
}
и т.д.<ul class="pages-menu">
<li class="home"><a href="#" title="#">Главная</a></li>
<li class="sitemap"><a href="#" title="Карта сайта">Site Map</a></li>
<li class="advertise"><a href="#" title="Купить рекламу на сайте">Реклама</a></li>
<li class="contacts"><a href="#" title="Связь с автором">Контакты</a></li>
</ul>
Спрайтами не получилось, с текстом там косяк возник. Отдельными изображениями пришлось.
http://www.aftertrade.ru/.Спустя 79 сек.Немного еще картинки вниз опущу. -
Сообщения:
4540
Репутация:
N
Группа:
Джедаи
Ноя. 28, 2011, 12:02 п.п., спустя 11 минут 10 секунд
Спрайтами не получилось, с текстом там косяк возник
у кнопок высота фикс, сделай между изображениями отступ побольшеВысокоуровневое абстрактное говно -
Сообщения:
3244
Репутация:
N
Группа:
Джедаи
Ноя. 28, 2011, 12:49 п.п., спустя 46 минут 33 секунды
Спрайтами не получилось
не должно быть проблем со спрайтом, попробуй ещё раз. и у спрайтов нет такой проблемы как мигание картинки при первом наведении мышкой на ссылку, и сама страница быстрее грузитсяне всё полезно, что в swap полезло -
Сообщения:
370
Репутация:
N
Группа:
Кто попало
Ноя. 28, 2011, 1:32 п.п., спустя 42 минуты 37 секунд
http://www.aftertrade.ru/ получилось) Увеличил отступы от картинок в спрайтах. Теперь не мигает)
-
Сообщения:
4540
Репутация:
N
Группа:
Джедаи
Ноя. 28, 2011, 2:03 п.п., спустя 30 минут 59 секунд
ай маладца)) а теперь открой картинку в фотошопе -> Image -> Trim… -> Transparent Pixels и галки на Top, Right, Bottom, LeftВысокоуровневое абстрактное говно
-
Сообщения:
370
Репутация:
N
Группа:
Кто попало
Ноя. 28, 2011, 2:11 п.п., спустя 8 минут 33 секунды
ооо…. мле я не обрезал…фенкс, я и не заметил!Спустя 254 сек.Готовво…
Страницы: ← Предыдущая страница →
Пожалуйста, авторизуйтесь, чтобы написать комментарий!