• Добро пожаловать на компьютерный форум Tehnari.ru. Здесь разбираемся с проблемами ПК и ноутбуков: Windows, драйверы, «железо», сборка и апгрейд, софт и безопасность. Форум работает много лет, сейчас он переехал на новый движок, но старые темы и аккаунты мы постарались сохранить максимально аккуратно.

    Форум не связан с магазинами и сервисами – мы ничего не продаём и не даём «рекламу под видом совета». Отвечают обычные участники и модераторы, которые следят за порядком и качеством подсказок.

    Если вы у нас впервые, загляните на страницу о форуме и правила – там коротко описано, как задать вопрос так, чтобы быстро получить ответ. Чтобы создавать темы и писать сообщения, сначала зарегистрируйтесь, а затем войдите под своим логином.

    Не знаете, с чего начать? Создайте тему с описанием проблемы – подскажем и при необходимости перенесём её в подходящий раздел.
    Задать вопрос Новые сообщения Как правильно спросить
    Если пришли по старой ссылке со старого Tehnari.ru – вы на нужном месте, просто продолжайте обсуждение.

Шапка сайта

  • Автор темы Автор темы MrSTEP
  • Дата начала Дата начала
MrSTEP

MrSTEP

一步一步地会&#
Почётный участник
Регистрация
9 Май 2009
Сообщения
10,939
Реакции
225
Баллы
63
Шапка сайта

Сразу извиняюсь за столь прозрачное название темы, лучшего не смог придумать :)

Есть шапка сайта, она же является картой, то есть при щелчке на Главную, Услуги и т.д. открываются соответствующие страницы. Шапка сделана одним файлом. Со стороны заказчика появилось требование: при наведении на ссылку (Главная, Услуги) белый кружочек под ней менялся на что-то другое - загорался типа лампочки или еще что-то, не столь важно. Вот и вопрос: а можно ли это реализовать, что бы поверх этой картинки ставить новое изображение-"лампочку"?
Понимаю, что можно разбить картинку на части и при наведении на любую картинку-ссылку загружать картинку-лампочку, но хотелось бы узнать, есть ли еще способы.

шапка.webp
 
MrSTEP написал(а):
Понимаю, что можно разбить картинку на части и при наведении на любую картинку-ссылку загружать картинку-лампочку, но хотелось бы узнать, есть ли еще способы.
Нажмите для раскрытия...
Зачем создавать себе трудности? Если можно эту часть шапки сделать во флеше, там тебе и зеленые и красные будут гореть, можно сделать ссылку Главная и ей подобные не простыми ссылками, а png картинками, соответственн сделать картинку со словом Главная и белым кружочком и слово Главная с красным или каким хош цветом кружочком. потом прописать небольшой CSS чтоб при наведении на Главная менялись картинки.
 
флэш пока не осваивал, с css тоже особо не дружу. Хотя давай последний способ попродробнее
 
Делается картинка одна большая на которой написано Главная и кружочек белый, ниже таже самая надпись Главная и только кружок светится. Самысл сей басни таков: имеется картинка примерно 300х400 пикселей, но пока не наведен курсор, то видно по горизонтали вся картнка, по вертикали половина, навели крусор - появляется оставшаяся часть картинки, только уже с горящим кружочком, вот и получается, что как-бы картинки меняют друг друга при наведении курсора, а получается эффект свечения кружка, т.к. все остальное остается таким же цветом, а кружки меняются.
 
так.. что-то я или не пойму, или правда не прокатит. все равно же шапку придется разбивать на куски? По отдельному куску для главной, услуг, портфолио.. или как?
 
Да, только разбивать
 
блин, потом бы не запутаться при их вставке на страницу, а то тут огого виляки..
 
Извините за вопрос не в тему, но спросить больше негде: то, что постоянно отображается вверху - шапка, а как называется то, что отображается внизу? Ботинки? :)
 
А может попробывать с помощью java-script?
Могу предложить такой код:
HTML: 
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
if (document.images) {
clickme1 = new Image(75,22); clickme1.src = "e.jpg";
clickme2 = new Image(75,22); clickme2.src = "x.jpg";
}
function hiLite(imgName,imgObjName)
{
if (document.images) {
document.images[imgName].src = eval(imgObjName + ".src");
}
}
</SCRIPT>
</head>
<body>
<A HREF="another.htm"
onMouseOver="hiLite('img01','clickme2')"
onMouseOut="hiLite('img01','clickme1')">
<IMG SRC="clickme1.gif" WIDTH="75" HEIGHT="22" BORDER="0"
ALT="Ссылка" NAME="img01"></A>
</body>
</html>
 
MrSTEP написал(а):
Извините за вопрос не в тему, но спросить больше негде: то, что постоянно отображается вверху - шапка, а как называется то, что отображается внизу? Ботинки? :)
Нажмите для раскрытия...
Алексей, ты в конторе работаешь или сайт как бэ "своим" пишешь? Если "своим" то вопрос понятен, в если в конторе, то они принамли студентов на работу? Извиняюсь за такую критику, просто начинать верстать сайт и не знать таких понятий как контейнер, текстовые поля, навигация, подвал. Еще раз извиняюсь за критику, надеюсь примешь ее правильно.
 
Александр, объективную критику принимаю всегда. При приеме в контору меня спросили о графических редакторах, не более. сайт я начал делать как индивидуальное задание, но идеей заинтересовал начальство. Написанию сайтов учился сам, почти без специальной литературы. Из перечисленных понятий я не знал только о подвале..
 
Да, только разбивать
Нажмите для раскрытия...
может просто сделать в флеше - тогда можно потом с скриптами не играть - а просто заранее сделать готовую "шапку" с "ссылками" и поставить в сайте...? ( в программе - на картинку накладывается нужные части картинки с вставкой "линков" - и потом собирается все в 1 файл svf к примеру )
 
Флэш надо еще освоить.. Попробую вариант от DDS
 
Войдите или зарегистрируйтесь для ответа.
Назад
Сверху