Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

Изменение Стилистики

Автор blackdron, 15 авг. 2014 16:31

новости логотип стиль шапка

Вперед

Авторизуйтесь для ответа в теме

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

#62 blackdron

Продвинутый пользователь

Пользователи
65 сообщений

Отправлено 20 Август 2014 - 10:30

MikDark (20 Август 2014 - 10:07) писал:

Находим:

Большое спасибо! А можно сделать так, чтобы при наведение на миниатюру было например затемнение, или что-то в этом роде? Например как на сайте http://www.utkonos.ru
В этом слайдере можно изменить интервал смены всех изображений на 7 сек? Т.е. чтобы смена изображений происходила через 7 секунд.

Сообщение отредактировал blackdron: 20 Август 2014 - 11:11

Наверх

#63 Dars

Активный участник

Пользователи
1 410 сообщений

Отправлено 20 Август 2014 - 12:37

blackdron (20 Август 2014 - 10:30) писал:

Здравствуйте!
В main.css добавьте:

.nav-thumb:hover {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px)
}

В шаблоне HTML найдите строку:

   }, 3000);

и замените её на:

   }, 7000);

Наверх

#64 blackdron

Продвинутый пользователь

Пользователи
65 сообщений

Отправлено 20 Август 2014 - 14:34

Dars (20 Август 2014 - 12:37) писал:

Здравствуйте!
В main.css добавьте:

Супер! Как сделать теперь так, чтобы именно миниатюра была размыта та, которая сейчас показывается в основном изображение. Пример можно посмотреть http://www.utkonos.ru. Скрины прилагаю

Наверх

#65 Dars

Активный участник

Пользователи
1 410 сообщений

Отправлено 20 Август 2014 - 14:42

blackdron (20 Август 2014 - 14:34) писал:

Снимок1.jpg Прикрепленный файл

Снимок2.jpg

Замените строку:

.nav-thumb:hover {

на

.nav-thumb:hover, .active-thumb {

Наверх

#66 blackdron

Продвинутый пользователь

Пользователи
65 сообщений

Отправлено 20 Август 2014 - 15:03

Dars (20 Август 2014 - 14:42) писал:

Замените строку:

.nav-thumb:hover {

на

.nav-thumb:hover, .active-thumb {

Большое спасибо, все супер. А как сделать так, чтобы интервал между сменой изображения был ровно 7 секунд?

Наверх

#67 Dars

Активный участник

Пользователи
1 410 сообщений

Отправлено 20 Август 2014 - 15:12

blackdron (20 Август 2014 - 15:03) писал:

Большое спасибо, все супер. А как сделать так, чтобы интервал между сменой изображения был ровно 7 секунд?

Мы уже проделали этот шаг в сообщении №64.

Наверх

#68 blackdron

Продвинутый пользователь

Пользователи
65 сообщений

Отправлено 20 Август 2014 - 15:20

Dars (20 Август 2014 - 15:12) писал:

Мы уже проделали этот шаг в сообщении №64.

Извините, не заметил. У меня уже стоит 7000 там. Прилагаю скрин кода, это же это?

Наверх

#69 Dars

Активный участник

Пользователи
1 410 сообщений

Отправлено 20 Август 2014 - 15:30

blackdron (20 Август 2014 - 15:20) писал:

Извините, не заметил. У меня уже стоит 7000 там. Прилагаю скрин кода, это же это?
Прикрепленный файл

Снимок60.jpg

Да, всё верно.
Если вдруг слайдеры перелистываются быстрее - попробуйте очистить кэш (Ctrl+F5).

Наверх

#70 blackdron

Продвинутый пользователь

Пользователи
65 сообщений

Отправлено 25 Август 2014 - 14:47

Уважаемая служба поддержки, как сделать так, чтобы количество товара в категории отображалось как на скрине сверху (шрифт можно красный, но чтобы я мог изменять стиль текста, а именно размер и цвет)? В принципе это уже реализовано в блоке меню. Заранее спасибо!

Наверх

#71 Ирина345

Активный участник

Модераторы
5 709 сообщений

Отправлено 25 Август 2014 - 15:45

blackdron (25 Август 2014 - 14:47) писал:

Снимок62.jpg

Здравствуйте, найдите в HTML

<li>
					  <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="catsel"{% ENDIF %}>{catalog_full.NAME}</a>
				  </li>

замените на

<li>
					  <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="catsel"{% ENDIF %}>{catalog_full.NAME}</a><span style="color:red;">{% IF catalog_full.GOODS_COUNT>0 %}({catalog_full.GOODS_COUNT}){% ENDIF %} </span>
				  </li>

Наверх

#72 blackdron

Продвинутый пользователь

Пользователи
65 сообщений

Отправлено 26 Август 2014 - 09:05

Почему-то при добавление описания к странице http://edoshakazan.c...STVeNNYe-TOVARY, первый абзац сдвинулся вправо. Что может быть? Заранее спасибо!

Наверх

#73 Castiel

Активный участник

Модераторы
3 519 сообщений

ГородНижний Новгород

Отправлено 26 Август 2014 - 09:15

blackdron (26 Август 2014 - 09:05) писал:

Почему-то при добавление описания к странице http://edoshakazan.c...STVeNNYe-TOVARY, первый абзац сдвинулся вправо. Что может быть? Заранее спасибо!
Прикрепленный файл

Снимок63.jpg

Здравствуйте, добавьте через кнопку Источник тэг <br> в самое начало.

Наверх

#74 blackdron

Продвинутый пользователь

Пользователи
65 сообщений

Отправлено 26 Август 2014 - 10:01

Подскажите, пожалуйста, как теперь мне встроить слайдер с этой страницы http://edoshakazan.c...tovaya-stranica на главную вместо старого? В шаблоне HTML поменял

		 <div id="flexslideshow" class="flexslider">
			 <ul class="slides">
			 <li>
<div class="bigPic" style="width:; height:; background:url(http://design.edoshakazan.com/slide1.png) no-repeat;"></div>
				 <img src="http://design.edoshakazan.com/slide1.png" alt="Slide 2" class="slide_img">
			 </li>
							 <li>
				 <div class="bigPic" style="width:; height:; background:url(http://st.edoshakazan.com/9/1066/752/slider-2.jpg) no-repeat;"></div>
				 <img src="http://st.edoshakazan.com/9/1066/752/slider-2.jpg" alt="Slide 2" class="slide_img">
			 </li>
							 <li>
				 <div class="bigPic" style="width:; height:; background:url(http://st.edoshakazan.com/6/1066/762/slider-3.jpg) no-repeat;"></div>
				 <img src="http://st.edoshakazan.com/6/1066/762/slider-3.jpg" alt="Slide 3" class="slide_img">
			 </li>
			 </ul>
		 </div>

на

<div class="slider-wrap">
<div class="csw" id="main-photo-slider">
<div class="panelContainer">
<div class="panel" title="Свежие новости">
<div class="wrapper"><a href="http://edoshakazan.com/news/Vnimanie-degustaciya-7" target="_blank"><img alt="temp" src="http://st.edoshakazan.com/6/1301/563/master-klass-rolls.jpg" style="width: 966px; height: 277px;" /></a></div>
</div>
<div class="panel" title="Едоша Казань магазин">
<div class="wrapper"><img alt="scotch egg" class="floatLeft" src="http://design.edoshakazan.com/slide1.png" style="width: 966px; height: 277px;" /></div>
</div>
<div class="panel" title="Овощи, фрукты">
<div class="wrapper"><img alt="scotch egg" class="floatLeft" src="http://st.edoshakazan.com/9/1066/752/slider-2.jpg" style="width: 966px; height: 277px;" /></div>
</div>
<div class="panel" title="Мясо, колбасы">
<div class="wrapper"><img alt="scotch egg" class="floatLeft" src="http://st.edoshakazan.com/6/1066/762/slider-3.jpg" style="width: 966px; height: 277px;" /></div>
</div>
</div>
</div>
<div id="movers-row">
<div><a class="cross-link active-thumb" href="#1"><img alt="temp-thumb" class="nav-thumb" src="http://st.edoshakazan.com/6/1301/564/master-klass-rolls-mini.jpg" style="width: 241px; height: 69px;" /></a></div>
<div><a class="cross-link" href="#2"><img alt="temp-thumb" class="nav-thumb" src="http://st.edoshakazan.com/7/1292/645/slider-2mini.jpg" style="width: 241px; height: 69px;" /></a></div>
<div><a class="cross-link" href="#3"><img alt="temp-thumb" class="nav-thumb" src="http://st.edoshakazan.com/7/1292/647/slider-3mini.jpg" style="width: 241px; height: 69px;" /></a></div>
<div><a class="cross-link" href="#4"><img alt="temp-thumb" class="nav-thumb" src="http://st.edoshakazan.com/7/1292/649/slider-4mini.jpg" style="width: 241px; height: 69px;" /></a></div>
</div>
</div>

и получилась каша на главной странице, скрин прилагаю

Наверх

#75 Ирина345

Активный участник

Модераторы
5 709 сообщений

Отправлено 26 Август 2014 - 10:09

blackdron (26 Август 2014 - 10:01) писал:

		 <div id="flexslideshow" class="flexslider">
			 <ul class="slides">
			 <li>
<div class="bigPic" style="width:; height:; background:url(http://design.edoshakazan.com/slide1.png) no-repeat;"></div>
				 <img src="http://design.edoshakazan.com/slide1.png" alt="Slide 2" class="slide_img">
			 </li>
							 <li>
				 <div class="bigPic" style="width:; height:; background:url(http://st.edoshakazan.com/9/1066/752/slider-2.jpg) no-repeat;"></div>
				 <img src="http://st.edoshakazan.com/9/1066/752/slider-2.jpg" alt="Slide 2" class="slide_img">
			 </li>
							 <li>
				 <div class="bigPic" style="width:; height:; background:url(http://st.edoshakazan.com/6/1066/762/slider-3.jpg) no-repeat;"></div>
				 <img src="http://st.edoshakazan.com/6/1066/762/slider-3.jpg" alt="Slide 3" class="slide_img">
			 </li>
			 </ul>
		 </div>

на

<div class="slider-wrap">
<div class="csw" id="main-photo-slider">
<div class="panelContainer">
<div class="panel" title="Свежие новости">
<div class="wrapper"><a href="http://edoshakazan.com/news/Vnimanie-degustaciya-7" target="_blank"><img alt="temp" src="http://st.edoshakazan.com/6/1301/563/master-klass-rolls.jpg" style="width: 966px; height: 277px;" /></a></div>
</div>
<div class="panel" title="Едоша Казань магазин">
<div class="wrapper"><img alt="scotch egg" class="floatLeft" src="http://design.edoshakazan.com/slide1.png" style="width: 966px; height: 277px;" /></div>
</div>
<div class="panel" title="Овощи, фрукты">
<div class="wrapper"><img alt="scotch egg" class="floatLeft" src="http://st.edoshakazan.com/9/1066/752/slider-2.jpg" style="width: 966px; height: 277px;" /></div>
</div>
<div class="panel" title="Мясо, колбасы">
<div class="wrapper"><img alt="scotch egg" class="floatLeft" src="http://st.edoshakazan.com/6/1066/762/slider-3.jpg" style="width: 966px; height: 277px;" /></div>
</div>
</div>
</div>
<div id="movers-row">
<div><a class="cross-link active-thumb" href="#1"><img alt="temp-thumb" class="nav-thumb" src="http://st.edoshakazan.com/6/1301/564/master-klass-rolls-mini.jpg" style="width: 241px; height: 69px;" /></a></div>
<div><a class="cross-link" href="#2"><img alt="temp-thumb" class="nav-thumb" src="http://st.edoshakazan.com/7/1292/645/slider-2mini.jpg" style="width: 241px; height: 69px;" /></a></div>
<div><a class="cross-link" href="#3"><img alt="temp-thumb" class="nav-thumb" src="http://st.edoshakazan.com/7/1292/647/slider-3mini.jpg" style="width: 241px; height: 69px;" /></a></div>
<div><a class="cross-link" href="#4"><img alt="temp-thumb" class="nav-thumb" src="http://st.edoshakazan.com/7/1292/649/slider-4mini.jpg" style="width: 241px; height: 69px;" /></a></div>
</div>
</div>

и получилась каша на главной странице, скрин прилагаю
Прикрепленный файл

Снимок65.jpg

Здравствуйте, очистите кеш браузера.

Наверх

#76 blackdron

Продвинутый пользователь

Пользователи
65 сообщений

Отправлено 26 Август 2014 - 10:14

Ирина345 (26 Август 2014 - 10:09) писал:

Здравствуйте, очистите кеш браузера.

Кэш очистил, пробовал в мозиле и опере, все также. Код оставил на главной странице, посмотрите

Наверх

#77 AnnaM

Активный участник

Пользователи
1 040 сообщений

Отправлено 26 Август 2014 - 10:16

blackdron (26 Август 2014 - 10:01) писал:

		 <div id="flexslideshow" class="flexslider">
			 <ul class="slides">
			 <li>
<div class="bigPic" style="width:; height:; background:url(http://design.edoshakazan.com/slide1.png) no-repeat;"></div>
				 <img src="http://design.edoshakazan.com/slide1.png" alt="Slide 2" class="slide_img">
			 </li>
							 <li>
				 <div class="bigPic" style="width:; height:; background:url(http://st.edoshakazan.com/9/1066/752/slider-2.jpg) no-repeat;"></div>
				 <img src="http://st.edoshakazan.com/9/1066/752/slider-2.jpg" alt="Slide 2" class="slide_img">
			 </li>
							 <li>
				 <div class="bigPic" style="width:; height:; background:url(http://st.edoshakazan.com/6/1066/762/slider-3.jpg) no-repeat;"></div>
				 <img src="http://st.edoshakazan.com/6/1066/762/slider-3.jpg" alt="Slide 3" class="slide_img">
			 </li>
			 </ul>
		 </div>

на

<div class="slider-wrap">
<div class="csw" id="main-photo-slider">
<div class="panelContainer">
<div class="panel" title="Свежие новости">
<div class="wrapper"><a href="http://edoshakazan.com/news/Vnimanie-degustaciya-7" target="_blank"><img alt="temp" src="http://st.edoshakazan.com/6/1301/563/master-klass-rolls.jpg" style="width: 966px; height: 277px;" /></a></div>
</div>
<div class="panel" title="Едоша Казань магазин">
<div class="wrapper"><img alt="scotch egg" class="floatLeft" src="http://design.edoshakazan.com/slide1.png" style="width: 966px; height: 277px;" /></div>
</div>
<div class="panel" title="Овощи, фрукты">
<div class="wrapper"><img alt="scotch egg" class="floatLeft" src="http://st.edoshakazan.com/9/1066/752/slider-2.jpg" style="width: 966px; height: 277px;" /></div>
</div>
<div class="panel" title="Мясо, колбасы">
<div class="wrapper"><img alt="scotch egg" class="floatLeft" src="http://st.edoshakazan.com/6/1066/762/slider-3.jpg" style="width: 966px; height: 277px;" /></div>
</div>
</div>
</div>
<div id="movers-row">
<div><a class="cross-link active-thumb" href="#1"><img alt="temp-thumb" class="nav-thumb" src="http://st.edoshakazan.com/6/1301/564/master-klass-rolls-mini.jpg" style="width: 241px; height: 69px;" /></a></div>
<div><a class="cross-link" href="#2"><img alt="temp-thumb" class="nav-thumb" src="http://st.edoshakazan.com/7/1292/645/slider-2mini.jpg" style="width: 241px; height: 69px;" /></a></div>
<div><a class="cross-link" href="#3"><img alt="temp-thumb" class="nav-thumb" src="http://st.edoshakazan.com/7/1292/647/slider-3mini.jpg" style="width: 241px; height: 69px;" /></a></div>
<div><a class="cross-link" href="#4"><img alt="temp-thumb" class="nav-thumb" src="http://st.edoshakazan.com/7/1292/649/slider-4mini.jpg" style="width: 241px; height: 69px;" /></a></div>
</div>
</div>

и получилась каша на главной странице, скрин прилагаю
Прикрепленный файл

Снимок65.jpg

В файле main.css найдите код

#module_area {
width: 100%;
text-align: center;
padding: 5px 0;
}

и замените на этот

#module_area {
width: 100%;
text-align: center;
padding: 5px 0;
margin-top: 400px;
}

Наверх

#78 Ирина345

Активный участник

Модераторы
5 709 сообщений

Отправлено 26 Август 2014 - 10:19

blackdron (26 Август 2014 - 10:14) писал:

Кэш очистил, пробовал в мозиле и опере, все также. Код оставил на главной странице, посмотрите

Найдите в HTML

<!-- Главная страница  -->
		{% IF index_page %}
		<h2 style="font-style: italic; margin-top:7px; text-align: center;"><span style="font-size:28px;"><span style="font-family:comic sans ms,cursive;"><a href="http://edoshakazan.com/news?sid=1" target="_blank" class="moln"><span style="color:#FC8B17;">Здесь последние новости!</span></a><span style="color:#FC8B17;"> </span><a href="http://edoshakazan.com/news/Vnimanie-degustaciya-7" class="moln"><span style="color:#FC8B17;">Молния!</span></a></span></span></h2>

		  <div id="module_area">
			<div id="flexslideshow" class="flexslider">
			  <ul class="slides">
				<li>
<div class="bigPic" style="width:; height:; background:url(http://design.edoshakazan.com/slide1.png) no-repeat;"></div>
				  <img src="http://design.edoshakazan.com/slide1.png" alt="Slide 2" class="slide_img">
				</li>
								<li>
				  <div class="bigPic" style="width:; height:;  background:url(http://st.edoshakazan.com/9/1066/752/slider-2.jpg) no-repeat;"></div>
				  <img src="http://st.edoshakazan.com/9/1066/752/slider-2.jpg" alt="Slide 2" class="slide_img">
				</li>
								<li>
				  <div class="bigPic" style="width:; height:; background:url(http://st.edoshakazan.com/6/1066/762/slider-3.jpg) no-repeat;"></div>
				  <img src="http://st.edoshakazan.com/6/1066/762/slider-3.jpg" alt="Slide 3" class="slide_img">
				</li>
			  </ul>
			</div>
		  </div>
		{% ENDIF %}
		<!-- /Главная страница -->

и перенесите его после строчки

 <div id="content">

Наверх

#79 blackdron

Продвинутый пользователь

Пользователи
65 сообщений

Отправлено 26 Август 2014 - 10:28

Ирина345 (26 Август 2014 - 10:19) писал:

и перенесите его после строчки

 <div id="content">

Код стоит после

 <div id="content">

Осталось только выровнить слайдер. Скрин прилагаю, где именно

Наверх

#80 Ирина345

Активный участник

Модераторы
5 709 сообщений

Отправлено 26 Август 2014 - 10:41

blackdron (26 Август 2014 - 10:28) писал:

Код стоит после

 <div id="content">

Осталось только выровнить слайдер. Скрин прилагаю, где именно
Прикрепленный файл

Снимок66.jpg

Найдите в main.css

.slider-wrap {
position: absolute;
top: 87px;
left: 40px;
}

замените на


.slider-wrap {
position: absolute;
top: 62px;
}

Наверх

Вперед

Обратно в Шаблон Весна

Темы с аналогичным тегами новости, логотип, стиль, шапка

Вопросы работы сервиса StoreLand → Дизайн → Шаблон Маркетплейс → Главная → Добавление В Шапку Сайта Почты И Сделать Крупно Номер Телефона Автор Гость_Art_* , 05 марта 2021 банер, телефон, почта, бренд и 2 еще...	Популярная тема 9 Ответов 892 Просмотров	Vaccina 18 марта 2021
Вопросы работы сервиса StoreLand → Дизайн → Вопросы общие для всех шаблонов → Главная → Помогите Создать Второй Блок Новостей-Статей, Отдельных От Первого Автор Гость_sotvorcov_* , 05 марта 2021 новости	2 Ответов 697 Просмотров	sotvorcov 11 марта 2021
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Маркетплейс → Другое → Заменить Логотип Соц Сетей Автор Гость_ya.r.ik_* , 21 февр. 2021 логотип, сойсети, заменить	2 Ответов 658 Просмотров	ya.r.ik 22 февр. 2021
Вопросы работы сервиса StoreLand → Предложения по улучшению сервиса → Добавление Видео В Новости, Статьи Пр. Автор Гость_Максим Бакланов_* , 14 февр. 2020 видео, новости, статьи и 1 еще...	2 Ответов 1 074 Просмотров	Кенгуру 19 марта 2020
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Техно → Изменение общей стилистики → Добавил Элементы В Шапке Автор Гость_like.hornet.6_* , 22 авг. 2019 шапка, добавить, элементы	0 Ответов 1 543 Просмотров	like.hornet.6 22 авг. 2019

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

Изменение Стилистики

#61 MikDark

#62 blackdron

#63 Dars

#64 blackdron

#65 Dars

#66 blackdron

#67 Dars

#68 blackdron

#69 Dars

#70 blackdron

#71 Ирина345

#72 blackdron

#73 Castiel

#74 blackdron

#75 Ирина345

#76 blackdron

#77 AnnaM

#78 Ирина345

#79 blackdron

#80 Ирина345

Темы с аналогичным тегами новости, логотип, стиль, шапка

Добавление В Шапку Сайта Почты И Сделать Крупно Номер Телефона

Помогите Создать Второй Блок Новостей-Статей, Отдельных От Первого

Заменить Логотип Соц Сетей

Добавление Видео В Новости, Статьи Пр.

Добавил Элементы В Шапке

Количество пользователей, читающих эту тему: 0

Google поиск

Изменение Стилистики

Темы с аналогичным тегами новости, логотип, стиль, шапка

Количество пользователей, читающих эту тему: 0

Войти

Google поиск