Перейти к содержимому


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


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 37

#1 UGIN

UGIN

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

  • Пользователи
  • PipPipPip
  • 181 сообщений

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

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

#2 UGIN

UGIN

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

  • Пользователи
  • PipPipPip
  • 181 сообщений

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

АУУУУУ!!

#3 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

Отправлено 04 Февраль 2016 - 18:51

Просмотр сообщенияUGIN (20 Январь 2016 - 13:52) писал:

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

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

#4 UGIN

UGIN

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

  • Пользователи
  • PipPipPip
  • 181 сообщений

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

Просмотр сообщенияRedHead (04 Февраль 2016 - 18:51) писал:

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

#5 UGIN

UGIN

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

  • Пользователи
  • PipPipPip
  • 181 сообщений

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

Просмотр сообщенияRedHead (04 Февраль 2016 - 18:51) писал:

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

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

  • 2016-02-05 21-15-21  Store-Ip  - системы умный дом, контроль доступа, ip домофония. – Yandex.png


#6 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 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 %}
				   


#7 UGIN

UGIN

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

  • Пользователи
  • PipPipPip
  • 181 сообщений

Отправлено 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 страницы.

#8 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 15 Апрель 2016 - 01:33

Изначально необходимо переделать структуру вывода на странице, у вас используются таблицы, а необходимы блочные элементы <div>'ы.
Самый простой вариант, это сделать скроллы внутри таблиц.

Пример изменения таблицы под блоки, исходную страницу беру: http://store-ip.ru/page/Umnyj-dom
В ее редактировании нажмите "Источник" и блок
<table style="" border="1" cellpadding="1" cellspacing="1">
<tbody>
  <tr>
   <td style="width: 500px;">
   <h1>Управляйте системой&nbsp;с<br>
   мобильных устройств</h1>
   <span style="color: rgb(77, 92, 103); font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 17px; background-color: rgb(243, 249, 251);">"Умное" решение сочетает в себе безопасность дома,<br>
   управление комфортом и видеомониторинг,<br>
   чтобы соответствовать вашему образу жизни.</span><br>
   <br>
   <a href="https://itunes.apple.com/ru/app/umnyj-dom-rosohrana/id1001833862?mt=8&amp;ign-mpt=uo%3D2" target="_blank"><img alt="" src="http://st.store-ip.ru/6/1797/625/appstore.png" style="width: 150px; height: 47px;"></a>&nbsp;<a href="https://play.google.com/store/apps/details?id=com.likwi.suro" target="_blank"><img alt="" src="http://st.store-ip.ru/9/1797/626/google-play1.png" style="width: 150px; height: 45px;"></a></td>
   <td><iframe allowfullscreen="" scrolling="no" src="https://www.youtube.com/embed/9l4dhLeWDos" frameborder="0" height="315" width="560"></iframe></td>
  </tr>
</tbody>
</table>

замените на:
   <div class="col-md-6 col-xs-12">
   <h1>Управляйте системой&nbsp;с<br>
   мобильных устройств</h1>
   <span style="color: rgb(77, 92, 103); font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 17px; background-color: rgb(243, 249, 251);">"Умное" решение сочетает в себе безопасность дома,<br>
   управление комфортом и видеомониторинг,<br>
   чтобы соответствовать вашему образу жизни.</span><br>
   <br>
   <a href="https://itunes.apple.com/ru/app/umnyj-dom-rosohrana/id1001833862?mt=8&amp;ign-mpt=uo%3D2" target="_blank"><img alt="" src="http://st.store-ip.ru/6/1797/625/appstore.png" style="width: 150px; height: 47px;"></a>&nbsp;<a href="https://play.google.com/store/apps/details?id=com.likwi.suro" target="_blank"><img alt="" src="http://st.store-ip.ru/9/1797/626/google-play1.png" style="width: 150px; height: 45px;"></a></div>
  
   <div class="col-md-6 col-xs-12"><iframe allowfullscreen="" scrolling="no" src="https://www.youtube.com/embed/9l4dhLeWDos" frameborder="0" height="315" width="560"></iframe></div>


Далее найдите:
<table style="width: 100% !important;" border="1" cellpadding="1" cellspacing="1">
<tbody>
  <tr>
   <td align="center"><a href="http://st.store-ip.ru/12/1798/622/oferta.pdf" target="_blank"><img alt="" src="http://st.store-ip.ru/8/1798/619/S122x122.jpg" style="width: 122px; height: 122px;"></a></td>
   <td align="center"><a href="http://st.store-ip.ru/6/1798/641/lic.pdf"><img alt="" src="http://st.store-ip.ru/8/1798/619/S122x122.jpg" style="width: 122px; height: 122px;"></a></td>
  </tr>
  <tr>
   <td align="center"><a href="http://st.store-ip.ru/12/1798/622/oferta.pdf" style="line-height: 18.2px; text-align: -webkit-center;" target="_blank">Оферта на обслуживание</a></td>
   <td align="center"><a href="http://st.store-ip.ru/6/1798/641/lic.pdf" style="line-height: 18.2px; text-align: -webkit-center;" target="_blank">Лицензии</a></td>
  </tr>
</tbody>
</table>

замените на:
<div class="col-md-12 col-xs-12">
   <div class="col-md-6 col-xs-6" align="center"><a href="http://st.store-ip.ru/12/1798/622/oferta.pdf" target="_blank"><img alt="" src="http://st.store-ip.ru/8/1798/619/S122x122.jpg" style="width: 122px; height: 122px;"></a>
   <br/><a href="http://st.store-ip.ru/12/1798/622/oferta.pdf" style="line-height: 18.2px; text-align: -webkit-center;" target="_blank">Оферта на обслуживание</a></div>
   <div class="col-md-6 col-xs-6" align="center"><a href="http://st.store-ip.ru/6/1798/641/lic.pdf"><img alt="" src="http://st.store-ip.ru/8/1798/619/S122x122.jpg" style="width: 122px; height: 122px;"></a><br/><a href="http://st.store-ip.ru/6/1798/641/lic.pdf" style="line-height: 18.2px; text-align: -webkit-center;" target="_blank">Лицензии</a></div>
   </div>


#9 UGIN

UGIN

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

  • Пользователи
  • PipPipPip
  • 181 сообщений

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

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

#10 Юля123

Юля123

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

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 15 Апрель 2016 - 09:34

Просмотр сообщенияUGIN (15 Апрель 2016 - 08:39) писал:

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

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

#11 UGIN

UGIN

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

  • Пользователи
  • PipPipPip
  • 181 сообщений

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

Просмотр сообщенияЮля123 (15 Апрель 2016 - 09:34) писал:

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

#12 Юля123

Юля123

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

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 15 Апрель 2016 - 10:50

Просмотр сообщенияUGIN (15 Апрель 2016 - 10:28) писал:

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

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

<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>


#13 UGIN

UGIN

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

  • Пользователи
  • PipPipPip
  • 181 сообщений

Отправлено 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>
Супер. А можно верхнюю картинку подогнать по размер экрана? а то она становится гораздо меньше чем этого требует ситуация.

#14 Юля123

Юля123

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

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 15 Апрель 2016 - 11:28

Просмотр сообщенияUGIN (15 Апрель 2016 - 11:20) писал:

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

В 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="" />


#15 UGIN

UGIN

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

  • Пользователи
  • PipPipPip
  • 181 сообщений

Отправлено 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
под мобильные разрешение экрана. Можно ее сделать так же как предыдущую?

#16 Юля123

Юля123

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

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 21 Апрель 2016 - 17:52

Просмотр сообщенияUGIN (21 Апрель 2016 - 16:30) писал:

Добрый день. У меня вопрос по поводу адаптации страницы

под мобильные разрешение экрана. Можно ее сделать так же как предыдущую?

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

<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>

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

#17 UGIN

UGIN

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

  • Пользователи
  • PipPipPip
  • 181 сообщений

Отправлено 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) что можно сделать с таблицей где расписаны преимущества?

#18 Юля123

Юля123

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

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 22 Апрель 2016 - 12:39

Просмотр сообщенияUGIN (22 Апрель 2016 - 10:33) писал:

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

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>


#19 UGIN

UGIN

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

  • Пользователи
  • PipPipPip
  • 181 сообщений

Отправлено 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>
кнопки так и оставить, видео чтобы подгонялось под размер экрана т.к. оно сейчас в два раза уже ширины экрана.
преимущества заезжают друг на друга когда телефон вертикально держишь.

#20 Юля123

Юля123

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

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 22 Апрель 2016 - 17:09

Просмотр сообщенияUGIN (22 Апрель 2016 - 16:44) писал:

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


Создала Вам тестовую страницу с названием test, посмотрите изменения.




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

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