рубрика "зацените"

Ambreon866 · Пн янв 13, 2025 4:32 pm

ambreon866.w10.site
если после просмотра этого сайта вам стало интересно, извините я не хотел

alsk · Сообщение **alsk** » Пн янв 13, 2025 7:30 pm

Ambreon866 писал(а): Пн янв 13, 2025 4:32 pm ambreon866.w10.site
если после просмотра этого сайта вам стало интересно, извините я не хотел

Ambreon866 · Вт янв 14, 2025 5:50 pm

alsk писал(а): Пн янв 13, 2025 7:30 pm
Ambreon866 писал(а): Пн янв 13, 2025 4:32 pm ambreon866.w10.site
если после просмотра этого сайта вам стало интересно, извините я не хотел

ммм пустое сообщение ммм

Ambreon866 · Вт янв 14, 2025 5:55 pm

alsk писал(а): Пн янв 13, 2025 7:30 pm
Ambreon866 писал(а): Пн янв 13, 2025 4:32 pm ambreon866.w10.site
если после просмотра этого сайта вам стало интересно, извините я не хотел

а нет не прогрузилось

alsk · Сообщение **alsk** » Вт янв 14, 2025 7:39 pm

что куда не от/про/за грузилось?

Кажись я понял что к чему. Изображение вы не увидели (если не увидели) потому что оно в формате webp

alsk · Сообщение **alsk** » Ср янв 15, 2025 4:58 pm

я вот подумываю: может и мне нечто похожее на хлебные крошки сделать? подумывать то я подумываю, но не хочу.

Очень трудно начать. Но если начну вносить изменения, то тогда фиг остановишь.

Чт янв 23, 2025 8:28 am

рисовалось графическим планшетом, в стареньком фотошопе CS2 пять цветов, 3 пера (1 2 и 3 пикселя шириной), никаких эффектов, только слои

предполагалось что это будет шаблон на хтмл 3.2 где каждый объект (пальто, телефон, кот, собака, зонтик, итд) будет кнопкой.

пример концепции, что верстка 90х может быть вовсе не скучной и не банальной

september2489 · Чт янв 23, 2025 8:40 am

Turboblack писал(а): Чт янв 23, 2025 8:28 am предполагалось что это будет шаблон на хтмл 3.2 где каждый объект (пальто, телефон, кот, собака, зонтик, итд) будет кнопкой.

А как это будет технически реализовано? Картинка как фон и отдельные её части как активные элементы? Я знаю, что в том же Dreamweaver-е можно задавать активные зоны произвольной формы. Сам такую вёрстку не пробовал ещё, но судя по примерам в учебнике, это вполне работает.

Чт янв 23, 2025 9:02 am

september2489 писал(а): Чт янв 23, 2025 8:40 am
Turboblack писал(а): Чт янв 23, 2025 8:28 am предполагалось что это будет шаблон на хтмл 3.2 где каждый объект (пальто, телефон, кот, собака, зонтик, итд) будет кнопкой.
А как это будет технически реализовано? Картинка как фон и отдельные её части как активные элементы? Я знаю, что в том же Dreamweaver-е можно задавать активные зоны произвольной формы. Сам такую вёрстку не пробовал ещё, но судя по примерам в учебнике, это вполне работает.

хтмл 3.2
технически реализовать это можно так: режем (в том же фш) лезвием картинку на объекты, получаем такую себе мозаику, из этой мозаики потом верстаем страницу, укладывая картинки в нужное место. те картинки которые будут кнопками получают свойство кнопки, собственно весь рецепт.

хтмл 4.01
меньше заморочек с размещением, так как у нас получается больше возможностей и свойств. картинку ставим (например) как фон, но не растягиваем, а задаем четкие координаты (например в центре) вырезаем (в том же фш) фрагмент, обрезаем его аккуратно, можем инвертировать (при наведении мышкой получится красивый визуальный эффект), сохраняем в пнг, потом верстая - укладываем его поверх части изображения, которая должна "нажиматься". в итоге у нас должно получиться несколько таких кнопок, которые будут менять цвет при наведении, или при нажатии. можно использовать просто тень (в данном случае можно просто светлое обрамление, и будет как в старых компьютерных играх типа "Герои Меча и Магии", где при наведении на объект он типа светится).

если сделать "кнопки" гифами с анимацией, можно (например) сделать так что бы телефон дребезжал будто звонит, или что кот шевелится, зонтик колышется, и так далее

september2489 · Чт янв 23, 2025 9:41 am

Прикольно! Сейчас ради интереса посмотрел, как бы я решил эту проблему своим способом. В HTML есть тэг <map>. Вот небольшой пример:

Код: Выделить всё

<body>
<img src="index.jpg" width="600" height="394" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="poly" coords="304,372,305,371,302,303,303,187,358,205,387,241,392,
295,377,339,337,362" href="http://september2489.w10.site" target="_blank" />
</map>
</body>

Здесь изображению присваивается "карта", её форма - произвольный многоугольник. Координаты задаются в Dreamweaver кликами мышкой, далее указывается ссылка. Активная область не видна на изображении, курсор мыши при наведении меняет форму. Возможно, через CSS можно добиться разных стилей изображения (надо проверять). Также доступны события, например, onMouseDown/onMouseMove и другие, то есть в теории можно как-то управлять всем этим.

Форум Народ

рубрика "зацените"

Re: рубрика "зацените"

Re: рубрика "зацените"

Re: рубрика "зацените"

Re: рубрика "зацените"

Re: рубрика "зацените"

Re: рубрика "зацените"

Re: рубрика "зацените"

Re: рубрика "зацените"

Re: рубрика "зацените"

Re: рубрика "зацените"