Подскажите! ,хочу оживить сылки(картинки) на своем сайте чтоб при на ведении курсор выдувались какби)

@Bablo · Регистрация: 15.03.2016

Студворк — интернет-сервис помощи студентам

Вот как на ето сайте http://moto-zapchasti.com.ua/
Сайт еще в разработке подскажите что можно зделать ?Спосиба
мой пример кода

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<body>
 
<div id="wrapper">
<div id="header">
             <div id="logo">
                                   <a href="#glavnay"><img src="img/logo.png" alt="MotoZapchasti" /></a></div>
                         <table width="100%"  cellspacing="2" cellpadding="6"   height="160px"   ><tr>
                                  <td> <a href="aksesuary.html"><img src="img/aksesuary.jpg" alt="MotoAks"/></a></td> 
                                   <td><a href="ekipirovka"><img src="img/ekipirovka.png" alt="MotoAks"/></a></td>
                                   <td> <a href="zapchasti"><img src="img/zaschita.jpg" alt="MotoAks"/></a></td>
                                   <td> <a href="elektrika"><img src="img/elektrika.jpg" alt="MotoAks"/></a></td>
                                   <td> <a href="zapchasti"><img src="img/zapchasti.jpg" alt="MotoAks"/></a></td>
                                   <td><a href="akciya"><img src="img/akciya.jpg" alt="MotoAks"/></a></td>
                                   </tr>
                                   </table>
                  <div id="contact">
                  <div id="polosa"></div>      
<table border="2" width="70%" align="left" ><div id="menu"> <tr>
                 <td>
                 </td>
                 
                 
                 </tr>
                </div>  </table>

@Cdelphi78 · 15.03.2016, 09:00

А какие ссылке соббственно говоря на указанном сайте не нашел ничего.

@Bablo · 16.03.2016, 00:21 **[ТС]**

Там где раздели покрышки к примеру когда курсор наводишь выделяет.

Добавлено через 1 минуту
Хочю что-то вроде кнопок там где у меня силки вставлени картинки на всем сайте зделать?как-то можно....?

@Cdelphi78 · 16.03.2016, 09:08

Bablo, Кнопка купить что ли ну
возьмите у не стили и все

CSS
1
2
3
4
5
6
7
8
9
10
 button {
background: #444;
    border: none;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
    display: inline-block;
    padding: 5px 15px;}
button:hover {
background: #3498DB;}

@Bablo · 17.03.2016, 00:15 **[ТС]**

Да там где кнопка купить только вот в етом целое окно раздела оно как би под дается вперед Вот ето я имею ввиду) пробую ваш код просто вставить нечего не получается что не так? Спасибо!

@alc0 · 17.03.2016, 00:47

блин...как Вас вообще понять можно)) плохо предложения строите, и сформулировать мысль не можете))...мне объясните с какими кнопками и как примерно анимировать их хотите...приведите пример на каком-нить сайте, если видели похожее

@Cdelphi78 · 17.03.2016, 09:02

Он не дается вперед просто у него тень прописана и эффект такой в этом случае вам нужно прописать

CSS
1
2
3
.tabs_container li:hover {
    box-shadow: 0 0 5px 2px rgba(0,0,0,0.2);
}

Это если я правильно понял)

@Bablo · 18.03.2016, 00:33 **[ТС]**

Прошу прощения за не внятное обяснение http://moto-zapchasti.com.ua/переходим по силки прокручиваем колесиком ниже там где расположен товар етого сайта!!Внимание!! Когда вы наводите курсор на выбраний вами товар одну из картинок неважно какую вся картинка вместите с ценой и названием Выдиляется етот раздел кратинки и также следущая картинка с ценой и названием ВМЕСТЕ как бы происходит наверно Тень!Код указаний не работат наверно потому что у меня нету тега (li)может можно как-то переформировать под мой блок (td)или нужно создать блоу li?Спасибо!

Добавлено через 1 минуту
Пробуйте ету силку нужна главная страница http://moto-zapchasti.com.ua/

@Cdelphi78 · 18.03.2016, 09:18

Bablo, поправил ваш код

Кликните здесь для просмотра всего текста

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Выдувание</title>
<style>
#wrapper {
    width: 1170px;
    margin: 0 auto;
    padding:300px 0;
}
td{
    background: #f0f0f0;
}
td:hover {
    box-shadow: 0 0 5px 2px rgba(0,0,0,0.2);
}
.logo{
margin-bottom:30px;
}
</style>
</head>
<body>
 
<div id="wrapper">
<div class="header">
             <div class="logo">
                                   <a href="#glavnay"><img src="img/logo.png" alt="MotoZapchasti" /></a></div>
                         <table width="100%"  cellspacing="2" cellpadding="6"   height="160px"   ><tr>
                                  <td> <a href="aksesuary.html"><img src="img/aksesuary.jpg" alt="MotoAks"/></a></td> 
                                   <td><a href="ekipirovka"><img src="img/ekipirovka.png" alt="MotoAks"/></a></td>
                                   <td> <a href="zapchasti"><img src="img/zaschita.jpg" alt="MotoAks"/></a></td>
                                   <td> <a href="elektrika"><img src="img/elektrika.jpg" alt="MotoAks"/></a></td>
                                   <td> <a href="zapchasti"><img src="img/zapchasti.jpg" alt="MotoAks"/></a></td>
                                   <td><a href="akciya"><img src="img/akciya.jpg" alt="MotoAks"/></a></td>
                                   </tr>
                                   </table>
                  <div class="contact">
                  <div class="polosa"></div>      
<table border="2" width="100%" align="left" ><div id="menu"> <tr>
                 <td>
                 </td>
                 
                 
                 </tr>
                </div>  </table>
                </body>
                </html>

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@Cdelphi78 140 / 74 / 18 Регистрация: 21.02.2014 Сообщений: 3,444
	15.03.2016, 09:00
	А какие ссылке соббственно говоря на указанном сайте не нашел ничего. 0

@Bablo 0 / 0 / 0 Регистрация: 15.03.2016 Сообщений: 15
	16.03.2016, 00:21 [ТС]
	Там где раздели покрышки к примеру когда курсор наводишь выделяет. Добавлено через 1 минуту Хочю что-то вроде кнопок там где у меня силки вставлени картинки на всем сайте зделать?как-то можно....? 0

@Bablo 0 / 0 / 0 Регистрация: 15.03.2016 Сообщений: 15
	17.03.2016, 00:15 [ТС]
	Да там где кнопка купить только вот в етом целое окно раздела оно как би под дается вперед Вот ето я имею ввиду) пробую ваш код просто вставить нечего не получается что не так? Спасибо! 0

@alc0 18 / 18 / 13 Регистрация: 15.03.2016 Сообщений: 107
	17.03.2016, 00:47
	блин...как Вас вообще понять можно)) плохо предложения строите, и сформулировать мысль не можете))...мне объясните с какими кнопками и как примерно анимировать их хотите...приведите пример на каком-нить сайте, если видели похожее 0

@Bablo 0 / 0 / 0 Регистрация: 15.03.2016 Сообщений: 15
	18.03.2016, 00:33 [ТС]
	Прошу прощения за не внятное обяснение http://moto-zapchasti.com.ua/переходим по силки прокручиваем колесиком ниже там где расположен товар етого сайта!!Внимание!! Когда вы наводите курсор на выбраний вами товар одну из картинок неважно какую вся картинка вместите с ценой и названием Выдиляется етот раздел кратинки и также следущая картинка с ценой и названием ВМЕСТЕ как бы происходит наверно Тень!Код указаний не работат наверно потому что у меня нету тега (li)может можно как-то переформировать под мой блок (td)или нужно создать блоу li?Спасибо! Добавлено через 1 минуту Пробуйте ету силку нужна главная страница http://moto-zapchasti.com.ua/ 0

Подскажите! ,хочу оживить сылки(картинки) на своем сайте чтоб при на ведении курсор выдувались какби)

Решение