Публикации UGIN

#234922 Мобильная Версия.

Отправлено от UGIN в 22 Апрель 2016 - 16:44 в Другое

Юля123 (22 Апрель 2016 - 12:39) писал:

1) Видео по умолчанию сделать на всю ширину экрана? Уточните тогда, как должны располагаться кнопки.

2) Переделала Вам преимущества, попробуйте так же на тестовой странице:

<a href="https://ru.ivideon.com/" target="_blank"><img alt="" src="http://st.store-ip.ru/9/1804/601/.png" style="width: 100%;" /></a>
<div class="col-xs-12 col-sm-4" style="display:inline-block;"><a href="https://ru.ivideon.com/get/#get-watch-tablet"><img alt="" src="http://st.store-ip.ru/6/1797/625/appstore.png" style="width: 277px; height: 87px;" /></a> <a href="https://ru.ivideon.com/get/#get-watch-tablet"><img alt="" src="http://st.store-ip.ru/9/1797/626/google-play1.png" style="width: 270px; height: 80px;" /></a></div>
<div class="col-xs-12 col-sm-8" style="display:inline-block;"><iframe frameborder="0" height="300" scrolling="no" src="https://www.youtube.com/embed/CI0asZT2H5U" width="80%"></iframe></div>
&nbsp;<a href="http://store-ip.ru/catalog/Ivideon" target="_blank"><img alt="" src="http://st.store-ip.ru/12/1862/828/kamer-compressor.png" style="width: 100%;" /></a>
<div class="col-sm-12 col-md-6" style="margin: 10px 0;height:130px">
<table align="center" border="1" cellpadding="1" cellspacing="1" style="width:100%;">
<tbody>
<tr>
<td style="width: 20px;"><img alt="" src="http://st.store-ip.ru/11/1804/090/.png" style="width: 64px; height: 64px;"/></td>
<td style="width: 405px;">
<div class="tab">Ivideon работает во всем мире</div>
<div class="tab2">Получите доступ ко всем своим камерам наблюдения, которые находятся на разных континентах.</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="col-sm-12 col-md-6" style="margin: 10px 0;height:130px">
<table align="center" border="1" cellpadding="1" cellspacing="1" style="width:100%;">
<tbody>
<tr>
<td style="width: 20px;"><img alt="" src="http://st.store-ip.ru/7/1804/087/.png" style=" style="width: 64px; height: 64px;"" /></td>
<td style="width: 405px;">
<div class="tab">Доступно для Apple iOS и&nbsp;Android</div>
<div class="tab2">У&nbsp;вас есть iPhone / iPad / iPod? Или устройство на&nbsp;базе Android? Смотрите видео&nbsp;через приложения в&nbsp;AppStore и&nbsp;Google Play.</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="col-sm-12 col-md-6" style="margin: 10px 0;height:130px">
<table align="center" border="1" cellpadding="1" cellspacing="1" style="width:100%;">
<tbody>
<tr>
<td style="width: 20px;"><img alt="" src="http://st.store-ip.ru/11/1804/089/.png" style="width: 64px; height: 64px;" /></td>
<td style="width: 405px;">
<div class="tab">Встройте видео в свой сайт</div>
<div class="tab2">Встройте живое видео с&nbsp;камеры наблюдения в&nbsp;свой сайт или блог, или поделитесь&nbsp;прямой ссылкой ВКонтакте, на&nbsp;Одноклассниках или в&nbsp;Facebook.</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="col-sm-12 col-md-6" style="margin: 10px 0;height:130px">
<table align="center" border="1" cellpadding="1" cellspacing="1" style="width:100%;">
<tbody>
<tr>
<td style="width: 20px;"><img alt="" src="http://st.store-ip.ru/8/1804/091/.png" style="width: 64px; height: 64px;" /></td>
<td style="width: 405px;">
<div class="tab">Расставьте камеры на&nbsp;карте</div>
<div class="tab2">У&nbsp;вас сеть точек, разбросанных по&nbsp;городу? Ivideon позволяет отметить местоположение ваших камер на&nbsp;карте Google Maps.</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="col-sm-12 col-md-6" style="margin: 10px 0;height:130px">
<table align="center" border="1" cellpadding="1" cellspacing="1" style="width:100%;">
<tbody>
<tr>
<td style="width: 20px;"><img alt="" src="http://st.store-ip.ru/7/1804/084/.png" style="width: 64px; height: 64px;" /></td>
<td style="width: 405px;">
<div class="tab">Совместимость</div>
<div class="tab2">Профессиональная IP-КАМЕРА? Простая вэб-камера? Ivideon поддерживает их&nbsp;все.</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="col-sm-12 col-md-6" style="margin: 10px 0;height:130px">
<table align="center" border="1" cellpadding="1" cellspacing="1" style="width:100%;">
<tbody>
<tr>
<td style="width: 20px;"><img alt="" src="http://st.store-ip.ru/11/1804/088/.png" style="width: 64px; height: 64px;" /></td>
<td style="width: 405px;">
<div class="tab">Безопасность</div>
<div class="tab2">Безопасность&nbsp;&mdash; это наш главный приоритет. Все данные, включая видео, передаются в&nbsp;зашифрованном виде.</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="col-sm-12 col-md-6" style="margin: 10px 0;height:130px">
<table align="center" border="1" cellpadding="1" cellspacing="1" style="width:100%;">
<tbody>
<tr>
<td style="width: 20px;"><img alt="" src="http://st.store-ip.ru/7/1804/083/.png" style="width: 64px; height: 64px;" /></td>
<td style="width: 405px;">
<div class="tab"><br />
Откройте доступ другим&nbsp;пользователям</div>
<div class="tab2">Доступ к камерам наблюдения требуется нескольким сотрудникам одновременно? Сервисом ivideon позволяет передавать права на просмотр другим пользователям.</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="col-sm-12 col-md-6" style="margin: 10px 0;height:130px">
<table align="center" border="1" cellpadding="1" cellspacing="1" style="width:100%;">
<tbody>
<tr>
<<td style="width: 20px;">
<p style="text-align: center;"><img alt="" src="http://st.store-ip.ru/7/1804/085/cloud305.png" style="width: 64px; height: 64px;" /></p>
</td>
<td style="width: 405px;">
<div class="tab"><br />
Храните архив в&nbsp;облаке</div>
<div class="tab2">Хотите дополнительной безопасности? Храните архивные видеозаписи не только на своём компьютере, но и в&nbsp;нашем облаке.</div>
</td>
</tr>
</tbody>
</table>
</div>

кнопки так и оставить, видео чтобы подгонялось под размер экрана т.к. оно сейчас в два раза уже ширины экрана.
преимущества заезжают друг на друга когда телефон вертикально держишь.

#234875 Мобильная Версия.

Отправлено от UGIN в 22 Апрель 2016 - 10:33 в Другое

Юля123 (21 Апрель 2016 - 17:52) писал:

Попробуйте создать тестовую страницу и добавить через источник код:

<a href="https://ru.ivideon.com/" target="_blank"><img alt="" src="http://st.store-ip.ru/9/1804/601/.png" style="width: 100%;" /></a>
<div class="col-xs-12 col-sm-4" style="display:inline-block;"><a href="https://ru.ivideon.com/get/#get-watch-tablet"><img alt="" src="http://st.store-ip.ru/6/1797/625/appstore.png" style="width: 277px; height: 87px;" /></a> <a href="https://ru.ivideon.com/get/#get-watch-tablet"><img alt="" src="http://st.store-ip.ru/9/1797/626/google-play1.png" style="width: 270px; height: 80px;" /></a></div>
<div class="col-xs-12 col-sm-8" style="display:inline-block;"><iframe frameborder="0" height="300" scrolling="no" src="https://www.youtube.com/embed/CI0asZT2H5U" width="80%"></iframe></div>
&nbsp;<a href="http://store-ip.ru/catalog/Ivideon" target="_blank"><img alt="" src="http://st.store-ip.ru/12/1862/828/kamer-compressor.png" style="width: 100%;" /></a>
<table align="center" border="1" cellpadding="1" cellspacing="1" style="width:100%;">
<tbody>
<tr>
<td style="width: 20px;"><img alt="" src="http://st.store-ip.ru/11/1804/090/.png" style="width: 100%;" /></td>
<td style="width: 405px;">
<div class="tab">Ivideon работает во всем мире</div>
<div class="tab2">Получите доступ ко всем своим камерам наблюдения, которые находятся на разных континентах.</div>
</td>
<td style="width: 20px;"><img alt="" src="http://st.store-ip.ru/7/1804/087/.png" style="100%;" /></td>
<td style="width: 405px;">
<div class="tab">Доступно для Apple iOS и&nbsp;Android</div>
<div class="tab2">У&nbsp;вас есть iPhone / iPad / iPod? Или устройство на&nbsp;базе Android? Смотрите видео&nbsp;через приложения в&nbsp;AppStore и&nbsp;Google Play.</div>
</td>
</tr>
<tr>
<td style="width: 20px;"><img alt="" src="http://st.store-ip.ru/11/1804/089/.png" style="width: 64px; height: 64px;" /></td>
<td style="width: 405px;">
<div class="tab"><br />
Встройте видео в свой сайт</div>
<div class="tab2">Встройте живое видео с&nbsp;камеры наблюдения в&nbsp;свой сайт или блог, или поделитесь&nbsp;прямой ссылкой ВКонтакте, на&nbsp;Одноклассниках или в&nbsp;Facebook.</div>
</td>
<td style="width: 20px;"><img alt="" src="http://st.store-ip.ru/8/1804/091/.png" style="width: 64px; height: 64px;" /></td>
<td style="width: 405px;">
<div class="tab"><br />
Расставьте камеры на&nbsp;карте</div>
<div class="tab2">У&nbsp;вас сеть точек, разбросанных по&nbsp;городу? Ivideon позволяет отметить местоположение ваших камер на&nbsp;карте Google Maps.</div>
</td>
</tr>
<tr>
<td style="width: 20px;">&nbsp;&nbsp;<img alt="" src="http://st.store-ip.ru/7/1804/084/.png" style="width: 64px; height: 64px;" /></td>
<td style="width: 405px;">
<div class="tab"><br />
Совместимость</div>
<div class="tab2">Профессиональная IP-КАМЕРА? Простая вэб-камера? Ivideon поддерживает их&nbsp;все.</div>
</td>
<td style="width: 20px;"><img alt="" src="http://st.store-ip.ru/11/1804/088/.png" style="width: 64px; height: 64px;" /></td>
<td style="width: 405px;">
<div class="tab"><br />
Безопасность</div>
<div class="tab2">Безопасность&nbsp;&mdash; это наш главный приоритет. Все данные, включая видео, передаются в&nbsp;зашифрованном виде.</div>
</td>
</tr>
<tr>
<td style="width: 20px;"><img alt="" src="http://st.store-ip.ru/7/1804/083/.png" style="width: 64px; height: 64px;" /></td>
<td style="width: 405px;">
<div class="tab"><br />
Откройте доступ другим&nbsp;пользователям</div>
<div class="tab2">Доступ к камерам наблюдения требуется нескольким сотрудникам одновременно? Сервисом ivideon позволяет передавать права на просмотр другим пользователям.</div>
</td>
<td style="width: 20px;">
<p style="text-align: center;"><img alt="" src="http://st.store-ip.ru/7/1804/085/cloud305.png" style="width: 64px; height: 64px;" /></p>
</td>
<td style="width: 405px;">
<div class="tab"><br />
Храните архив в&nbsp;облаке</div>
<div class="tab2">Хотите дополнительной безопасности? Храните архивные видеозаписи не только на своём компьютере, но и в&nbsp;нашем облаке.</div>
</td>
</tr>
</tbody>
</table>

Если отображается так как Вы и хотели, тогда изменяйте код указанной Вами страница на этот код

Мысль правильная, и нужно подровнять еще немного. 1) видео по ширине экрана сделать. 2) что можно сделать с таблицей где расписаны преимущества?

#234794 Мобильная Версия.

Отправлено от UGIN в 21 Апрель 2016 - 16:30 в Другое

Юля123 (15 Апрель 2016 - 11:28) писал:

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

img.banner1 {display: none;}
img.banner2 {display: block !important;}

А в источнике для этой странице удалите код:

<img alt="" class="banner2" src="http://st.store-ip.ru/12/1810/109/vdv.png" style="width: 200px; height: 113px;" title="" />

Добрый день. У меня вопрос по поводу адаптации страницы
http://store-ip.ru/p...Hranenie-dannyh
под мобильные разрешение экрана. Можно ее сделать так же как предыдущую?

#234144 Мобильная Версия.

Отправлено от UGIN в 15 Апрель 2016 - 11:20 в Другое

Юля123 (15 Апрель 2016 - 10:50) писал:

В источнике для этой страницы найдите код:

<div class="col-md-6 col-xs-12"><iframe allowfullscreen="" frameborder="0" height="315" scrolling="no" src="https://www.youtube.com/embed/9l4dhLeWDos" width="560"></iframe></div>
<h1><span style="font-family:arial,helvetica,sans-serif;"><span style="font-size:26px;">&quot;УМНОЕ&quot; РЕШЕНИЕ<br />
<img alt="" src="http://st.storeland.net/8/1863/382/.png" style="width: 1150px; height: 359px;" /><br />
<span style="line-height: 1.2em;">&nbsp;</span><span style="line-height: 1.2em;"><strong>В ОБСЛУЖИВАНИЕ ВХОДИТ</strong></span></span></span></h1>
<img alt="" src="http://st.storeland.net/12/1797/205/.png" style="opacity: 0.9; line-height: 18.2px; width: 1150px; height: 359px;" /></div>
&nbsp;
<div class="ui-text-intro" style="box-sizing: border-box; margin: 0px; padding: 0px; font-size: 12px; direction: ltr; font-family: 'Open Sans', sans-serif; line-height: 17px; color: rgb(77, 92, 103); text-align: center; background-color: rgb(255, 255, 255);"><br />
&nbsp;</div>

и замените его на код:

<div class="col-md-6 col-xs-12"><iframe allowfullscreen="" frameborder="0" height="315" scrolling="no" src="https://www.youtube.com/embed/9l4dhLeWDos" width="100%"></iframe></div>
<h1><span style="font-family:arial,helvetica,sans-serif;"><span style="font-size:26px;">&quot;УМНОЕ&quot; РЕШЕНИЕ<br />
<img alt="" src="http://st.storeland.net/8/1863/382/.png" style="width: 100%; height: auto;" /><br />
<span style="line-height: 1.2em;">&nbsp;</span><span style="line-height: 1.2em;"><strong>В ОБСЛУЖИВАНИЕ ВХОДИТ</strong></span></span></span></h1>
<img alt="" src="http://st.storeland.net/12/1797/205/.png" style="opacity: 0.9; line-height: 18.2px; width: 100%; height: auto;" /></div>
&nbsp;
<div class="ui-text-intro" style="box-sizing: border-box; margin: 0px; padding: 0px; font-size: 12px; direction: ltr; font-family: 'Open Sans', sans-serif; line-height: 17px; color: rgb(77, 92, 103); text-align: center; background-color: rgb(255, 255, 255);"><br />
&nbsp;</div>

Супер. А можно верхнюю картинку подогнать по размер экрана? а то она становится гораздо меньше чем этого требует ситуация.

#234136 Мобильная Версия.

Отправлено от UGIN в 15 Апрель 2016 - 10:28 в Другое

Юля123 (15 Апрель 2016 - 09:34) писал:

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

Ну та же самая страница: http://store-ip.ru/page/Umnyj-dom
На данный момент не адаптируется. спасибо. У меня там Картинки, их наверное нужно будет обрезать?

#234125 Мобильная Версия.

Отправлено от UGIN в 15 Апрель 2016 - 08:39 в Другое

очень круто получилось. А как дальше то быть, если я не понимаю как таблицы поменять на блочные элэменты)))

#234106 Мобильная Версия.

Отправлено от UGIN в 14 Апрель 2016 - 22:29 в Другое

Vaccina (06 Февраль 2016 - 03:48) писал:

1. В шаблоне HTML найдите:

<!-- Основное меню -->
			 <div class="header-top-left col-lg-7 col-md-9 col-sm-6 col-xs-12">
						 <div class="top-navbar">
								 <button type="button" class="button-navbar two btn-top-navbar" data-toggle="collapse" data-target=".top-navbar .navbar-collapse">
								 <span class="text">Меню</span>
								 </button>
				 <div class="navbar-collapse collapse">
				 <ul class="top-navbar-links">
					 {% FOR menu %}
					 {% FOR header %}
						 {% FOR links %}
						 <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
						 {% ENDFOR %}
					 {% ENDFOR %}
					 {% ENDFOR %}
				 </ul>
				 </div>
			 </div>
			 </div>
			 <div class="header-top-right contact col-lg-5 col-md-3 col-sm-6 col-xs-12">

замените на:

<!-- Основное меню -->
			 <div class="header-top-left col-lg-7 col-md-9 col-sm-3 col-xs-12">
						 <div class="top-navbar">
								 <button type="button" class="button-navbar two btn-top-navbar" data-toggle="collapse" data-target=".top-navbar .navbar-collapse">
								 <span class="text">Меню</span>
								 </button>
				 <div class="navbar-collapse collapse">
				 <ul class="top-navbar-links">
					 {% FOR menu %}
					 {% FOR header %}
						 {% FOR links %}
						 <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
						 {% ENDFOR %}
					 {% ENDFOR %}
					 {% ENDFOR %}
				 </ul>
				 </div>
			 </div>
			 </div>
			 <div class="header-top-right contact col-lg-5 col-md-3 col-sm-9 col-xs-12">

2. В main.css найдите:

.header-content .yt-main-menu {
padding: 30px 0 0px 0;
}

замените на:

.header-content .yt-main-menu {
display: none;
}

3. В шаблоне HTML найдите:

<div class="yt-main-menu col-lg-3 col-md-4 col-xs-10 header-top" style="background:transparent;right: 0;">
<!-- Корзина и Поиск -->

замените на:

<div class="yt-main-menu col-lg-3 col-md-4 col-xs-10 col-sm-4 header-top" style="background:transparent;right: 0;">
<!-- Корзина и Поиск -->

4. В шаблоне HTML найдите:

{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p>Телефон : {SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</p>{% ENDIF %}
				 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p>Телефон : {SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</p>{% ENDIF %}
				 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<p>Телефон : {SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</p>{% ENDIF %}

замените на:

{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p>Телефон : <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></p>{% ENDIF %}
				 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p>Телефон : <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></p>{% ENDIF %}
				 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<p>Телефон : <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></p>{% ENDIF %}

Добрый вечер. Посоветуйте пжлст. как можно адаптировать страницы под мобильные разрешения экрана?
http://store-ip.ru/p...Hranenie-dannyh
http://store-ip.ru/page/Umnyj-dom

вот эти 2 страницы.

#229829 Изменение Общей Стилистики

Отправлено от UGIN в 09 Март 2016 - 22:55 в Изменение общей стилистики

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

Прикрепленные изображения

#229767 Изменение Общей Стилистики

Отправлено от UGIN в 09 Март 2016 - 15:35 в Изменение общей стилистики

0Добрый день, подскажите как на странице "контакты" вывести данные (реквизиты) и так же внизу страницы добавить карту, что-бы она была по всей ширине сайта? Спасибо

#228085 Изменение Общей Стилистики

Отправлено от UGIN в 24 Февраль 2016 - 16:42 в Изменение общей стилистики

Юля123 (24 Февраль 2016 - 12:49) писал:

Здравствуйте,

1) По поводу новостей, произвела Вам изменения, это происходит из-за того, что блок текста находится в таблице, для которой жестко задана ширина (1150px), соответственно, она не адаптируется под устройства. В следующий раз, когда будете добавлять новость таблицей, то изменяйте свойство таблицы width на значение 100%.

2) Попробуйте код страницы "Store-Ip" (редактор шаблонов - страницы - "Store-Ip" - источник) заменить на код:

<table align="right" border="1" cellpadding="1" cellspacing="1" class="iframe_des" style="width:100%;">
<tbody>
<tr>
<td><iframe allowfullscreen="" frameborder="0" height="315" scrolling="no" src="https://www.youtube.com/embed/qjyQHKRIWuo" width="100%"></iframe></td>
<td><iframe allowfullscreen="" frameborder="0" height="315" scrolling="no" src="https://www.youtube.com/embed/CBOwFmrlSHg" width="100%"></iframe></td>
</tr>
</tbody>
</table>
<table align="right" border="1" cellpadding="1" cellspacing="1" class="iframe_mob" style="width:100%;">
<tbody>
<tr>
<td><iframe allowfullscreen="" frameborder="0" height="auto" scrolling="no" src="https://www.youtube.com/embed/qjyQHKRIWuo" width="auto"></iframe></td>
</tr>
<tr>
<td><iframe allowfullscreen="" frameborder="0" height="auto" scrolling="no" src="https://www.youtube.com/embed/CBOwFmrlSHg" width="auto"></iframe></td>
</tr>
</tbody>
</table>

в конце main.css добавьте код:

table.iframe_mob {
display: none;
}

далее после кода:

@media all and (max-width: 611px) {

добавьте код:

table.iframe_mob {
display: block !important;
}
table.iframe_des {
display: none !important;
}

блоки Видео стали чуть меньше, и к сожалуеию они в мобильной версии не совсем коректно отображаюстся.

#228002 Изменение Общей Стилистики

Отправлено от UGIN в 23 Февраль 2016 - 21:18 в Изменение общей стилистики

RedHead (23 Февраль 2016 - 09:27) писал:

Здравствуйте. В шаблоне main.css замените строку:

.spotlight-wrap .block-content p {padding:3px 0;}

на:

.spotlight-wrap .block-content p {padding:3px 0;text-align: left;}

а по первому вопросу мне ответят???))

#227931 Изменение Общей Стилистики

Отправлено от UGIN в 22 Февраль 2016 - 23:12 в Изменение общей стилистики

И еще вопрос, дписал имена напротив телефон менеджеров, теперь они съехали, как можно выровнить этот столбец?

Прикрепленные изображения

#227930 Изменение Общей Стилистики

Отправлено от UGIN в 22 Февраль 2016 - 22:35 в Изменение общей стилистики

Вопрос! Почему при редактировании новости, если я выбираю выравнивание по правому краю, то текст уходит за пределы экрана?Что соответственно создает огромные трудности при редактировании.
Второй вопрос, на шлавной добавил два видео, как можно их сделать адаптированными к размерам экрана?
Спасибо большое.

Прикрепленные изображения

#226919 Изменение Общей Стилистики

Отправлено от UGIN в 14 Февраль 2016 - 20:54 в Изменение общей стилистики

как можно на вновь созданной странице убрать, каталог и "вы смотрели" справа? и сразу же от центровать инфу(http://store-ip.ru/page/DeLUMO)? на главной добавил 2 видео, как их можно адаптировать под размеры экрана??))

#226817 Выровнить

Отправлено от UGIN в 13 Февраль 2016 - 22:19 в Главная

Ребята, как можно увеличить шрифт в шапке, чтоб она осталась адаптивной в мобильной версии? так же добавил 2 видео на главную, как их можно адаптировать под размер экрана? спасибо!

Прикрепленные изображения

#226028 Тест

Отправлено от UGIN в 08 Февраль 2016 - 13:34 в Магазины

Петр Лях (07 Февраль 2016 - 13:10) писал:

1. Контакты в шапке сайта очень маленькие - увеличьте шрифт раза в 2, а пункты бесплатная доставка, обслуживание, наоборот уменьшите на треть
2. Рядом с обратным звонком в шапке сайта у вас почему то значок письма - нужно сменить
3. Люди привыкли видеть блок "Контакты" справа вверху сайта, а не слева - разместите этот пункт верхнего горизонтального меню там

1) как только увеличиваем контакты в шапке, то данные не влезают по ширине((((
2)значок сменили, спасибо.
3) не совсем понял куда нужно сдвинуть данный блок??

#225779 Мобильная Версия.

Отправлено от UGIN в 05 Февраль 2016 - 21:33 в Другое

RedHead (04 Февраль 2016 - 18:51) писал:

Здравствуйте. Извините за долгое ожидание. Скажите, пожалуйста, возможна ли такая реализация: каждую таблицу сделать в виде кликабельной картинки, которая будет вести на какую-либо страницу?
Каждая таблица у Вас содержит кнопки, несколько элементов, и ссылки. При объединении их в карусель, отображение таблиц сильно искажается.

такой вопрос: как можно шапку доделать, на разных разрешениях, заезжают данные друг на друга (блок 1).
блоки ( доставка, монтаж т.д.) на мобильной версии убрать. (блок 2)
кнопку "каталог товаров", тоже допилить. на разных экранах, они наежают друг на друга.(блок 3)
и еще вопрос, в подвале, в контактах, сделать номера телефонов кликабельными?

Прикрепленные изображения

#225721 Мобильная Версия.

Отправлено от UGIN в 05 Февраль 2016 - 09:41 в Другое

RedHead (04 Февраль 2016 - 18:51) писал:

Здравствуйте. Извините за долгое ожидание. Скажите, пожалуйста, возможна ли такая реализация: каждую таблицу сделать в виде кликабельной картинки, которая будет вести на какую-либо страницу?
Каждая таблица у Вас содержит кнопки, несколько элементов, и ссылки. При объединении их в карусель, отображение таблиц сильно искажается.

да, конечно такой вариант возможен. т.е. под каждую таблицу нужно создавать страницу?

#225476 Тест

Отправлено от UGIN в 03 Февраль 2016 - 11:37 в Магазины

Ребята, посмотрите пожалуйста ИМ, а то у меня творческий затуп...............
http://store-ip.ru/
буду очень признателен, за критику.

#224500 Изменение Общей Стилистики

Отправлено от UGIN в 27 Январь 2016 - 16:55 в Изменение общей стилистики

Юля123 (26 Январь 2016 - 12:50) писал:

Здравствуйте, извините, пожалуйста, за долгое ожидание.

1) Т.к. это у Вас отдельно созданная страница, то редакторе страницы нажмите "Источник". Дальше код:

<img alt="" src="http://st.storeland.net/12/1797/204/.png" style="width: 100% !important;" />

замените на код:

<img alt="" class="banner1" src="http://st.storeland.net/12/1797/204/.png" style="width: 100% !important;" /> <img alt="" class="banner2" src="ссылка на баннер" title="" />

" ссылка на баннер" нужно заменить на нужное изображение, которое будет отображаться в мобильной версии.

дальше в main.css после кода:

@media all and (max-width: 480px){

добавьте код:

img.banner1 {display: none;}
img.banner2 {display: block !important;}

в конце main.css добавьте код:

img.banner2 {display: none;}

3) По поводу таблицы, можно сделать тоже так же, т.е. в обычной версии показывать одну таблицу, а в мобильной другую. Иначе, к сожалению не получится.
На остальные вопросы отвечу в следующем сообщении.

только что пропали, картинки с заголовков статей на главной странице!!! подскажите как такое получилось???

#224467 Изменение Общей Стилистики

Отправлено от UGIN в 27 Январь 2016 - 13:39 в Изменение общей стилистики

Юля123 (26 Январь 2016 - 12:50) писал:

Здравствуйте, извините, пожалуйста, за долгое ожидание.

1) Т.к. это у Вас отдельно созданная страница, то редакторе страницы нажмите "Источник". Дальше код:

<img alt="" src="http://st.storeland.net/12/1797/204/.png" style="width: 100% !important;" />

замените на код:

<img alt="" class="banner1" src="http://st.storeland.net/12/1797/204/.png" style="width: 100% !important;" /> <img alt="" class="banner2" src="ссылка на баннер" title="" />

" ссылка на баннер" нужно заменить на нужное изображение, которое будет отображаться в мобильной версии.

дальше в main.css после кода:

@media all and (max-width: 480px){

добавьте код:

img.banner1 {display: none;}
img.banner2 {display: block !important;}

в конце main.css добавьте код:

img.banner2 {display: none;}

3) По поводу таблицы, можно сделать тоже так же, т.е. в обычной версии показывать одну таблицу, а в мобильной другую. Иначе, к сожалению не получится.
На остальные вопросы отвечу в следующем сообщении.

сделал, вроде получилось. хотелось бы узнать, что дальше.

#224185 Изменение Общей Стилистики

Отправлено от UGIN в 25 Январь 2016 - 22:36 в Изменение общей стилистики

Юля123 (15 Январь 2016 - 19:01) писал:

Правки отображения.

1) В main.css найдите код:

@media all and (min-width: 481px ){
.mob-menu.col-xs-4 {
	 display: none;
}

и замените на код:

@media all and (min-width: 481px ){
.mob-menu{ display: none;}
}

Убираем выпадающий каталог.

1) В main.js удалите код:

// Адаптивное меню
jQuery(document).ready(function ($) {
$('#mommenu .btn-navbar').on('click', function () {
	 if ($('#menu_offcanvas').hasClass('active')) {
		 $(this).find('.overlay').fadeOut(250);
$('#menu_offcanvas').removeClass('active');
$('body').removeClass('show-sidebar');
} else {
$('#menu_offcanvas').addClass('active');
$(this).find('.overlay').fadeIn(250);
$('body').addClass('show-sidebar');
}
});
$('#mommenu .canvas-title').on('click', function () {
	 $('#mommenu').find('.overlay').fadeOut(250);
	 $('#menu_offcanvas').removeClass('active');
	 $('body').removeClass('show-sidebar');
});
$('#mommenu .parent a .open-menu').click(function(event){
event.preventDefault();
	 if ($(this).closest('.parent').hasClass('active')) {
		 $(this).parent().next('.sub').slideUp(600);
		 $(this).closest('.parent').removeClass('active');
		 $(this).closest('.open-menu').removeClass('active');
	 } else {
		 $(this).parent().next('.sub').slideDown(600);
		 $(this).closest('.parent').addClass('active');
		 $(this).closest('.open-menu').addClass('active');
	 }
});
});

2) в HTML найдите код:

<div class="mob-menu col-xs-2">
							 <div id="mommenu" class="menu-collapse">
							 <span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse">
								 <i class="icon-reorder"></i>
							 </span>
							 <div class="menu_collapse_wrap">
								 <div id="menu_collapse" class="mainnav collapse">
									 <ul>
									 {% IFNOT catalog_full_empty %}
										 {% FOR catalog_full %}
											 {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
												 <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
													 <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</a>
												 {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
											 {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
										 {% ENDFOR %}
									 {% ENDIF %}
									 </ul>
								 </div>
							 </div>
						 </div>
</div>

и замените на код:

<div class="mob-menu col-xs-2">
			 <div id="mommenu" class="menu-collapse">
			 <a href="http://{NET_DOMAIN}/catalog">
			 <span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse">
				 <i class="icon-reorder"></i>
			 </span>
			 </a>
			 </div>
</div>

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

#mommenu .btn {
display: inline-block;
cursor: pointer;
margin: 15px 0 0 15px;
position: relative;
z-index: 2;
padding: 0 0;
background: transparent;
width: 49px;
height: 49px;
line-height: 49px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
text-align: center;
border: 1px solid white;
color: white;
font-size: 170%;
float:left;
}

и замените на код:

#mommenu .btn {
display: inline-block;
cursor: pointer;
margin: 15px 0 15px 5px;
position: relative;
z-index: 2;
padding: 0 0;
background: transparent;
width: 49px;
height: 49px;
line-height: 49px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
text-align: center;
border: 1px solid white;
color: white;
font-size: 170%;
float:left;
}

далее найдите код:

.yt-main-menu.header-top {
position: relative !important;
width: 100% !important;
float: none !important;
clear: both;
padding-top: 10px !important;
}

и замените на код:

.yt-main-menu.header-top {
position: relative !important;
float: right !important;
padding-top: 10px !important;
}

В конце main.css добавьте код:

.block_ccs.yt-main-menu {
padding: 0;
}

ауууууу.........мне ктонибудь ответит???????????????????????

#223813 Изменение Общей Стилистики

Отправлено от UGIN в 22 Январь 2016 - 12:59 в Изменение общей стилистики

Юля123 (15 Январь 2016 - 19:01) писал:

Правки отображения.

1) В main.css найдите код:

@media all and (min-width: 481px ){
.mob-menu.col-xs-4 {
	 display: none;
}

и замените на код:

@media all and (min-width: 481px ){
.mob-menu{ display: none;}
}

Убираем выпадающий каталог.

1) В main.js удалите код:

// Адаптивное меню
jQuery(document).ready(function ($) {
$('#mommenu .btn-navbar').on('click', function () {
	 if ($('#menu_offcanvas').hasClass('active')) {
		 $(this).find('.overlay').fadeOut(250);
$('#menu_offcanvas').removeClass('active');
$('body').removeClass('show-sidebar');
} else {
$('#menu_offcanvas').addClass('active');
$(this).find('.overlay').fadeIn(250);
$('body').addClass('show-sidebar');
}
});
$('#mommenu .canvas-title').on('click', function () {
	 $('#mommenu').find('.overlay').fadeOut(250);
	 $('#menu_offcanvas').removeClass('active');
	 $('body').removeClass('show-sidebar');
});
$('#mommenu .parent a .open-menu').click(function(event){
event.preventDefault();
	 if ($(this).closest('.parent').hasClass('active')) {
		 $(this).parent().next('.sub').slideUp(600);
		 $(this).closest('.parent').removeClass('active');
		 $(this).closest('.open-menu').removeClass('active');
	 } else {
		 $(this).parent().next('.sub').slideDown(600);
		 $(this).closest('.parent').addClass('active');
		 $(this).closest('.open-menu').addClass('active');
	 }
});
});

2) в HTML найдите код:

<div class="mob-menu col-xs-2">
							 <div id="mommenu" class="menu-collapse">
							 <span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse">
								 <i class="icon-reorder"></i>
							 </span>
							 <div class="menu_collapse_wrap">
								 <div id="menu_collapse" class="mainnav collapse">
									 <ul>
									 {% IFNOT catalog_full_empty %}
										 {% FOR catalog_full %}
											 {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
												 <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
													 <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</a>
												 {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
											 {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
										 {% ENDFOR %}
									 {% ENDIF %}
									 </ul>
								 </div>
							 </div>
						 </div>
</div>

и замените на код:

<div class="mob-menu col-xs-2">
			 <div id="mommenu" class="menu-collapse">
			 <a href="http://{NET_DOMAIN}/catalog">
			 <span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse">
				 <i class="icon-reorder"></i>
			 </span>
			 </a>
			 </div>
</div>

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

#mommenu .btn {
display: inline-block;
cursor: pointer;
margin: 15px 0 0 15px;
position: relative;
z-index: 2;
padding: 0 0;
background: transparent;
width: 49px;
height: 49px;
line-height: 49px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
text-align: center;
border: 1px solid white;
color: white;
font-size: 170%;
float:left;
}

и замените на код:

#mommenu .btn {
display: inline-block;
cursor: pointer;
margin: 15px 0 15px 5px;
position: relative;
z-index: 2;
padding: 0 0;
background: transparent;
width: 49px;
height: 49px;
line-height: 49px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
text-align: center;
border: 1px solid white;
color: white;
font-size: 170%;
float:left;
}

далее найдите код:

.yt-main-menu.header-top {
position: relative !important;
width: 100% !important;
float: none !important;
clear: both;
padding-top: 10px !important;
}

и замените на код:

.yt-main-menu.header-top {
position: relative !important;
float: right !important;
padding-top: 10px !important;
}

В конце main.css добавьте код:

.block_ccs.yt-main-menu {
padding: 0;
}

как можно страницу "умный дом"подогнать под мобильную версию вот в таком виде:
1блок- при открытии моб.версии. чтобы открывался другой баннер

2блок- сделать каруселью, чтобы на экране отображался один товар, и можно было его перелистывать.

3блок- чтобы данная таблица вставала вертикально, сначала ссылки, а под ними видео.

4, 5 и 6 блок- сделать каруселью с возможностью перелистывания. что бы эти карусели стояли друг под другом.
спасибо.

Прикрепленные изображения

#223690 Мобильная Версия.

Отправлено от UGIN в 21 Январь 2016 - 15:56 в Другое

АУУУУУ!!

#223532 Мобильная Версия.

Отправлено от UGIN в 20 Январь 2016 - 13:52 в Другое

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

По типу контента

По пользователю

#234922 Мобильная Версия.

#234875 Мобильная Версия.

#234794 Мобильная Версия.

#234144 Мобильная Версия.

#234136 Мобильная Версия.

#234125 Мобильная Версия.

#234106 Мобильная Версия.

#229829 Изменение Общей Стилистики

Прикрепленные изображения

#229767 Изменение Общей Стилистики

#228085 Изменение Общей Стилистики

#228002 Изменение Общей Стилистики

#227931 Изменение Общей Стилистики

Прикрепленные изображения

#227930 Изменение Общей Стилистики

Прикрепленные изображения

#226919 Изменение Общей Стилистики

#226817 Выровнить

Прикрепленные изображения

#226028 Тест

#225779 Мобильная Версия.

Прикрепленные изображения

#225721 Мобильная Версия.

#225476 Тест

#224500 Изменение Общей Стилистики

#224467 Изменение Общей Стилистики

#224185 Изменение Общей Стилистики

#223813 Изменение Общей Стилистики

Прикрепленные изображения

#223690 Мобильная Версия.

#223532 Мобильная Версия.

Google поиск