Мобильная Версия.
#1
Отправлено 20 Январь 2016 - 13:52
#2
Отправлено 21 Январь 2016 - 15:56
#3
Отправлено 04 Февраль 2016 - 18:51
UGIN (20 Январь 2016 - 13:52) писал:
Здравствуйте. Извините за долгое ожидание. Скажите, пожалуйста, возможна ли такая реализация: каждую таблицу сделать в виде кликабельной картинки, которая будет вести на какую-либо страницу?
Каждая таблица у Вас содержит кнопки, несколько элементов, и ссылки. При объединении их в карусель, отображение таблиц сильно искажается.
#4
Отправлено 05 Февраль 2016 - 09:41
RedHead (04 Февраль 2016 - 18:51) писал:
Каждая таблица у Вас содержит кнопки, несколько элементов, и ссылки. При объединении их в карусель, отображение таблиц сильно искажается.
#5
Отправлено 05 Февраль 2016 - 21:33
RedHead (04 Февраль 2016 - 18:51) писал:
Каждая таблица у Вас содержит кнопки, несколько элементов, и ссылки. При объединении их в карусель, отображение таблиц сильно искажается.
блоки ( доставка, монтаж т.д.) на мобильной версии убрать. (блок 2)
кнопку "каталог товаров", тоже допилить. на разных экранах, они наежают друг на друга.(блок 3)
и еще вопрос, в подвале, в контактах, сделать номера телефонов кликабельными?
#6
Отправлено 06 Февраль 2016 - 03:48
<!-- Основное меню --> <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
Отправлено 14 Апрель 2016 - 22:29
Vaccina (06 Февраль 2016 - 03:48) писал:
<!-- Основное меню --> <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
Отправлено 15 Апрель 2016 - 01:33
Самый простой вариант, это сделать скроллы внутри таблиц.
Пример изменения таблицы под блоки, исходную страницу беру: http://store-ip.ru/page/Umnyj-dom
В ее редактировании нажмите "Источник" и блок
<table style="" border="1" cellpadding="1" cellspacing="1"> <tbody> <tr> <td style="width: 500px;"> <h1>Управляйте системой с<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&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> <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>Управляйте системой с<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&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> <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
Отправлено 15 Апрель 2016 - 08:39
#10
Отправлено 15 Апрель 2016 - 09:34
UGIN (15 Апрель 2016 - 08:39) писал:
Здравствуйте, с этим мы Вам можем помочь, Вам достаточно прислать название или ссылку на страницу и мы поможем Вам с переделкой.
#11
Отправлено 15 Апрель 2016 - 10:28
Юля123 (15 Апрель 2016 - 09:34) писал:
На данный момент не адаптируется. спасибо. У меня там Картинки, их наверное нужно будет обрезать?
#12
Отправлено 15 Апрель 2016 - 10:50
UGIN (15 Апрель 2016 - 10:28) писал:
На данный момент не адаптируется. спасибо. У меня там Картинки, их наверное нужно будет обрезать?
В источнике для этой страницы найдите код:
<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;">"УМНОЕ" РЕШЕНИЕ<br /> <img alt="" src="http://st.storeland.net/8/1863/382/.png" style="width: 1150px; height: 359px;" /><br /> <span style="line-height: 1.2em;"> </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> <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 /> </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;">"УМНОЕ" РЕШЕНИЕ<br /> <img alt="" src="http://st.storeland.net/8/1863/382/.png" style="width: 100%; height: auto;" /><br /> <span style="line-height: 1.2em;"> </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> <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 /> </div>
#13
Отправлено 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;">"УМНОЕ" РЕШЕНИЕ<br /> <img alt="" src="http://st.storeland.net/8/1863/382/.png" style="width: 1150px; height: 359px;" /><br /> <span style="line-height: 1.2em;"> </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> <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 /> </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;">"УМНОЕ" РЕШЕНИЕ<br /> <img alt="" src="http://st.storeland.net/8/1863/382/.png" style="width: 100%; height: auto;" /><br /> <span style="line-height: 1.2em;"> </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> <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 /> </div>
#14
Отправлено 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
Отправлено 21 Апрель 2016 - 16:30
Юля123 (15 Апрель 2016 - 11:28) писал:
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
Отправлено 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> <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 и Android</div> <div class="tab2">У вас есть iPhone / iPad / iPod? Или устройство на базе Android? Смотрите видео через приложения в AppStore и 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">Встройте живое видео с камеры наблюдения в свой сайт или блог, или поделитесь прямой ссылкой ВКонтакте, на Одноклассниках или в 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 /> Расставьте камеры на карте</div> <div class="tab2">У вас сеть точек, разбросанных по городу? Ivideon позволяет отметить местоположение ваших камер на карте Google Maps.</div> </td> </tr> <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"><br /> Совместимость</div> <div class="tab2">Профессиональная IP-КАМЕРА? Простая вэб-камера? Ivideon поддерживает их все.</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">Безопасность — это наш главный приоритет. Все данные, включая видео, передаются в зашифрованном виде.</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 /> Откройте доступ другим пользователям</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 /> Храните архив в облаке</div> <div class="tab2">Хотите дополнительной безопасности? Храните архивные видеозаписи не только на своём компьютере, но и в нашем облаке.</div> </td> </tr> </tbody> </table>
Если отображается так как Вы и хотели, тогда изменяйте код указанной Вами страница на этот код
#17
Отправлено 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> <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 и Android</div> <div class="tab2">У вас есть iPhone / iPad / iPod? Или устройство на базе Android? Смотрите видео через приложения в AppStore и 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">Встройте живое видео с камеры наблюдения в свой сайт или блог, или поделитесь прямой ссылкой ВКонтакте, на Одноклассниках или в 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 /> Расставьте камеры на карте</div> <div class="tab2">У вас сеть точек, разбросанных по городу? Ivideon позволяет отметить местоположение ваших камер на карте Google Maps.</div> </td> </tr> <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"><br /> Совместимость</div> <div class="tab2">Профессиональная IP-КАМЕРА? Простая вэб-камера? Ivideon поддерживает их все.</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">Безопасность — это наш главный приоритет. Все данные, включая видео, передаются в зашифрованном виде.</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 /> Откройте доступ другим пользователям</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 /> Храните архив в облаке</div> <div class="tab2">Хотите дополнительной безопасности? Храните архивные видеозаписи не только на своём компьютере, но и в нашем облаке.</div> </td> </tr> </tbody> </table>
Если отображается так как Вы и хотели, тогда изменяйте код указанной Вами страница на этот код
#18
Отправлено 22 Апрель 2016 - 12:39
UGIN (22 Апрель 2016 - 10:33) писал:
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> <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 и Android</div> <div class="tab2">У вас есть iPhone / iPad / iPod? Или устройство на базе Android? Смотрите видео через приложения в AppStore и 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">Встройте живое видео с камеры наблюдения в свой сайт или блог, или поделитесь прямой ссылкой ВКонтакте, на Одноклассниках или в 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">Расставьте камеры на карте</div> <div class="tab2">У вас сеть точек, разбросанных по городу? Ivideon позволяет отметить местоположение ваших камер на карте 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 поддерживает их все.</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">Безопасность — это наш главный приоритет. Все данные, включая видео, передаются в зашифрованном виде.</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 /> Откройте доступ другим пользователям</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 /> Храните архив в облаке</div> <div class="tab2">Хотите дополнительной безопасности? Храните архивные видеозаписи не только на своём компьютере, но и в нашем облаке.</div> </td> </tr> </tbody> </table> </div>
#19
Отправлено 22 Апрель 2016 - 16:44
Юля123 (22 Апрель 2016 - 12:39) писал:
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> <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 и Android</div> <div class="tab2">У вас есть iPhone / iPad / iPod? Или устройство на базе Android? Смотрите видео через приложения в AppStore и 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">Встройте живое видео с камеры наблюдения в свой сайт или блог, или поделитесь прямой ссылкой ВКонтакте, на Одноклассниках или в 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">Расставьте камеры на карте</div> <div class="tab2">У вас сеть точек, разбросанных по городу? Ivideon позволяет отметить местоположение ваших камер на карте 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 поддерживает их все.</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">Безопасность — это наш главный приоритет. Все данные, включая видео, передаются в зашифрованном виде.</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 /> Откройте доступ другим пользователям</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 /> Храните архив в облаке</div> <div class="tab2">Хотите дополнительной безопасности? Храните архивные видеозаписи не только на своём компьютере, но и в нашем облаке.</div> </td> </tr> </tbody> </table> </div>
преимущества заезжают друг на друга когда телефон вертикально держишь.
#20
Отправлено 22 Апрель 2016 - 17:09
UGIN (22 Апрель 2016 - 16:44) писал:
преимущества заезжают друг на друга когда телефон вертикально держишь.
Создала Вам тестовую страницу с названием test, посмотрите изменения.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных