Технический форум - Шапка сайта

Страница 1 из 2

Показывать 40 сообщений этой темы на одной странице

Технический форум (http://www.tehnari.ru/)

- Изготовление сайтов (http://www.tehnari.ru/f129/)

- - Шапка сайта (http://www.tehnari.ru/f129/t37509/)

MrSTEP

30.06.2010 10:28

Шапка сайта

Вложений: 1

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

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

Вложение 15947

ШуриK

30.06.2010 11:05

Цитата:

Сообщение от MrSTEP (Сообщение 354857)

Понимаю, что можно разбить картинку на части и при наведении на любую картинку-ссылку загружать картинку-лампочку, но хотелось бы узнать, есть ли еще способы.

Зачем создавать себе трудности? Если можно эту часть шапки сделать во флеше, там тебе и зеленые и красные будут гореть, можно сделать ссылку Главная и ей подобные не простыми ссылками, а png картинками, соответственн сделать картинку со словом Главная и белым кружочком и слово Главная с красным или каким хош цветом кружочком. потом прописать небольшой CSS чтоб при наведении на Главная менялись картинки.

MrSTEP

30.06.2010 11:15

флэш пока не осваивал, с css тоже особо не дружу. Хотя давай последний способ попродробнее

ШуриK

30.06.2010 11:23

Делается картинка одна большая на которой написано Главная и кружочек белый, ниже таже самая надпись Главная и только кружок светится. Самысл сей басни таков: имеется картинка примерно 300х400 пикселей, но пока не наведен курсор, то видно по горизонтали вся картнка, по вертикали половина, навели крусор - появляется оставшаяся часть картинки, только уже с горящим кружочком, вот и получается, что как-бы картинки меняют друг друга при наведении курсора, а получается эффект свечения кружка, т.к. все остальное остается таким же цветом, а кружки меняются.

MrSTEP

30.06.2010 11:32

так.. что-то я или не пойму, или правда не прокатит. все равно же шапку придется разбивать на куски? По отдельному куску для главной, услуг, портфолио.. или как?

Mayak

30.06.2010 13:43

Да, только разбивать

MrSTEP

30.06.2010 13:54

блин, потом бы не запутаться при их вставке на страницу, а то тут огого виляки..

MrSTEP

02.07.2010 11:22

Извините за вопрос не в тему, но спросить больше негде: то, что постоянно отображается вверху - шапка, а как называется то, что отображается внизу? Ботинки? :)

DDS	02.07.2010 22:27

А может попробывать с помощью 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>

ШуриK

02.07.2010 22:37

Цитата:

Сообщение от MrSTEP (Сообщение 355924)

Алексей, ты в конторе работаешь или сайт как бэ "своим" пишешь? Если "своим" то вопрос понятен, в если в конторе, то они принамли студентов на работу? Извиняюсь за такую критику, просто начинать верстать сайт и не знать таких понятий как контейнер, текстовые поля, навигация, подвал. Еще раз извиняюсь за критику, надеюсь примешь ее правильно.

Часовой пояс GMT +4, время: 13:59.

Страница 1 из 2

Показывать 40 сообщений этой темы на одной странице