X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Иконка вместо ссылки в меню
Kdes70
Kdes70
Topic Starter сообщение 26.2.2012, 17:26; Ответить: Kdes70
Сообщение #1


помогите пожалуйста решить такую проблему,
хочу в меню в место текста вставить картинку текста с последующим спрайтом
как это можно сделать ?

должно получится как на картинке
Эскизы прикрепленных изображений
Прикрепленное изображение
 
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
yury_mw
yury_mw
сообщение 26.2.2012, 19:34; Ответить: yury_mw
Сообщение #2


Kdes70,
намного приятнее и понятнее отвечать на вопрос, если он сформулирован на понятном языке, примерно так:
"Как сверстать меню с кнопками-картинками, изображение на которых меняется при наведении на эти кнопки курсора мыши? Изменение изображения хочется реализовать по методу спрайтов."

Картиночное меню верстается примерно так:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<title>menu</title>
<style type="text/css">
ul#menu{
display: block;
list-style: none;
}
ul#menu li{
float: left;
}
ul#menu li a{
display: block;
height: 45px; /*высота кнопок меню*/
}
/*Кнопка "Главная"*/
ul#menu li a#main{
width: 120px; /*ширина кнопки "Главная", ширина будет у каждой кнопки своя, равная ширине соответствующей картинки меню*/
background: url(main.png);
/* Картинка, содержащая изображения кнопки "Главная" в обычном состоянии и в подсвеченном.(в данном случае имеет размер 120х90px)
Изображения в картинке одно под другим, сверху - обычное, сразу под ним - подсвеченное*/
}
ul#menu li a#main:hover{
background: url(main.png) 0 -45px;/*меняем изображение на кнопке на подсвеченное смещением фона*/
}
/*Кнопка "Залог"*/
ul#menu li a#bail{
width: 100px;
background: url(bail.png);
}
ul#menu li a#bail:hover{
background: url(bail.png) 0 -45px;
}
/*Кнопка "Покупка"*/
ul#menu li a#buy{
width: 140px;
background: url(buy.png);
}
ul#menu li a#buy:hover{
background: url(buy.png) 0 -45px;
}
/*Кнопка "Контакты"*/
ul#menu li a#contacts{
width: 165px;
background: url(contacts.png);
}
ul#menu li a#contacts:hover{
background: url(contacts.png) 0 -45px;
}
</style>
</head>
<body>
<ul id="menu">
<li><a href="main.htm" id="main"></a></li>
<li><a href="bail.htm" id="bail"></a></li>
<li><a href="buy.htm" id="buy"></a></li>
<li><a href="contacts.htm" id="contacts"></a></li>
</ul>
</body>
</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Kdes70
Kdes70
Topic Starter сообщение 26.2.2012, 21:55; Ответить: Kdes70
Сообщение #3


Спасибо)))огромное

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыВечные ссылки с трастовых сайтов
 54 1informer 22805 20.4.2024, 18:39
автор: 1informer
Горячая тема (нет новых ответов) Ссылки за которые не стыдно! Качественный линк билдинг сервис под Бурж от Westrank. Честный прайс.
 63 DaoDog 47454 19.4.2024, 12:05
автор: Omaxis
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыКрауд ссылки с форумов, блогов, порталов. Жирные ссылки с Ua,Ru, Бурж площадок. Вечные ссылки в статьях на собственных сайтах
Быстро, качественно и ответственно!
 138 vetalbon 66629 13.4.2024, 17:53
автор: vetalbon
Открытая тема (нет новых ответов) SEO Линк Билдинг под Бурж | Вечные ссылки США, Европа и Мир с Гарантией
 20 Needmylink1 7010 12.4.2024, 23:32
автор: Needmylink1
Открытая тема (нет новых ответов) Оптом и в розницу, скупаю ссылки околомедицинской тематики.
 3 kasey7 2071 4.4.2024, 19:12
автор: kasey7


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 23.4.2024, 10:05

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet