Сообщений в теме: 10

[Yustus]

Хочу поставить анимацию

http://st.mondo55-sh...Animation_2.gif

Вот сюда




Подскажите как это сделать.

Размер анимации маленький. Примерно 40*70

[Vaccina]

в main.css найдите:

#content {
	margin: 0 auto;
	width: 960px;
}

замените на:

#content {
	margin: 0 auto;
	position: relative;
	width: 960px;
}

далее найдите в HTML:

</li>
					{% ENDIF %}
				  {% ENDFOR %}
				{% ENDIF %}
		  </ul>
		  <!-- end Каталог -->

после него вставьте:

<img alt="" src="ссылка на картинку" style="position: absolute; left: -80px; width: 80px; top: 20px;" />

[Yustus]

Не вижу таких строк в main.css

может подскажите порядковый номер строки?

Проверил весь текст вордом, даже он не видит таких строк

[Vaccina]

ищите всегда индификатору:

#content

через поиск браузера Ctrl+F

[Yustus]

И так тоже искал, безрезультатно(

[Dars]

Yustus (27 Август 2014 - 07:13) писал:

И так тоже искал, безрезультатно(

Давайте попробуем так: строку

<img alt="Скидки" src="http://st.mondo55-shop.ru/7/1302/831/Animation_2.gif" style="position: absolute; left: -90px; width: 80px;height:40px;" />

вставьте в шаблон HTML после строк:

{%IFNOT catalog_full_empty%}
			<div class="box">

[Yustus]

Dars (27 Август 2014 - 18:06) писал:

Давайте попробуем так: строку

<img alt="Скидки" src="http://st.mondo55-shop.ru/7/1302/831/Animation_2.gif" style="position: absolute; left: -90px; width: 80px;height:40px;" />

вставьте в шаблон HTML после строк:

{%IFNOT catalog_full_empty%}
		 <div class="box">

Получилось, только анимация должна быть на против кнопки  "Складская распродажа"

[MikDark]

код:

<img alt="Скидки" src="http://st.mondo55-shop.ru/7/1302/831/Animation_2.gif" style="position: absolute; left: -90px; width: 80px;height:40px;" />

замените на:

<img alt="Скидки" src="http://st.mondo55-shop.ru/7/1302/831/Animation_2.gif" style="position: absolute; left: -90px; width: 80px;height:40px; top:62px;" />

[Yustus]

Все получилось, а можно к этой кнопки ссылку привязать

http://mondo55-shop....a-rasprodazha-2

[Dars]

Yustus (28 Август 2014 - 12:24) писал:

Все получилось, а можно к этой кнопки ссылку привязать

http://mondo55-shop....a-rasprodazha-2

Строку:

<img alt="Скидки" src="http://st.mondo55-shop.ru/7/1302/831/Animation_2.gif" style="position: absolute; left: -90px; width: 80px;height:35px; top:60px;" />

замените на:

<a href="http://mondo55-shop.ru/catalog/Skladskaya-rasprodazha-2"><img alt="Скидки" src="http://st.mondo55-shop.ru/7/1302/831/Animation_2.gif" style="position: absolute; left: -90px; width: 80px;height:35px; top:60px;" /></a>

[Yustus]

Благодарю! Все получилось!