Помогите Добиться Такого Результата
#1
Отправлено 06 Август 2013 - 23:49
#2
Отправлено 07 Август 2013 - 02:08
Ваш сайт имеет разное отображение в зависимости от разрешения экрана. Например он может выглядеть так
#3
Отправлено 07 Август 2013 - 16:32
Сake (07 Август 2013 - 02:08) писал:
Ваш сайт имеет разное отображение в зависимости от разрешения экрана. Например он может выглядеть так
todo-tea_ru.png
#4
Отправлено 08 Август 2013 - 00:39
<div class="container-fluid">
добавить
<div style="width: 980px; margin: 0 auto; position: relative;"> <div style="width: 200px; height: auto; top: 215px; right: -220px; position: absolute;"> Тут код вашего виджета VK </div>
далее перед строкой
<div class="clear"></div> </body>
добавить
</div>
#5
Отправлено 11 Август 2013 - 19:47
#6
Отправлено 12 Август 2013 - 08:08
mehman4uk (11 Август 2013 - 19:47) писал:
Протестировать Ваш сайт на во всех браузерах и выявить не схожести, затем написать хаки под разные браузеры.
Лучше убрать этот блок с виджетом влево.
#7 Гость_Наталья C._*
#8
Отправлено 04 Октябрь 2013 - 14:04
Наталья C. (04 Октябрь 2013 - 13:41) писал:
На сайте все ок, но если открываю с телефона, дизайн нарушается. Это на главной. Такая же проблема со вставкой видео в описание
Фото телефона приложила. Спасибо
Видео на YT не адаптировано под Ваш телефон. Попробуйте выбрать другой размер
#9 Гость_Наталья C._*
Отправлено 04 Октябрь 2013 - 15:50
CrazyCat (04 Октябрь 2013 - 14:04) писал:
Видео на YT не адаптировано под Ваш телефон. Попробуйте выбрать другой размер ScreenShot 13.png
Понятно, спасибо.
А как мне вставить мое видео в монитор? Монитор я уже подогнала под размер видео.
Заранее благадарю
#10
Отправлено 04 Октябрь 2013 - 18:58
Наталья C. (04 Октябрь 2013 - 15:50) писал:
А как мне вставить мое видео в монитор? Монитор я уже подогнала под размер видео.
Заранее благадарю
Добрый вечер, в разделе Сайт - Страницы откройте Главную для редактирования, нажмите кнопку Источник на панели редактора страницы и замените
<img alt="" src="http://design.tvoistart.info/monitor1.png?0728" style="width: 220px; height: 192px;" /></p> <iframe allowfullscreen="" frameborder="0" height="158" src="//www.youtube.com/embed/Ruhzv9jKC3M" width="210"></iframe>на
<div id="TVbg"> <iframe allowfullscreen="" frameborder="0" height="158" src="//www.youtube.com/embed/Ruhzv9jKC3M" width="210"></iframe> </div></p>
и добавьте в конец файла style.css
#TVbg { background: url('{ASSETS_IMAGES_PATH}monitor1.png?0728') no-repeat top left; background-size: 100% 100%; width: 224px; height: 252px; padding-top: 13px; padding-left: 13px; }
#11 Гость_Наталья C._*
Отправлено 04 Октябрь 2013 - 20:31
ne_yana (04 Октябрь 2013 - 18:58) писал:
<img alt="" src="http://design.tvoistart.info/monitor1.png?0728" style="width: 220px; height: 192px;" /></p> <iframe allowfullscreen="" frameborder="0" height="158" src="//www.youtube.com/embed/Ruhzv9jKC3M" width="210"></iframe>на
<div id="TVbg"> <iframe allowfullscreen="" frameborder="0" height="158" src="//www.youtube.com/embed/Ruhzv9jKC3M" width="210"></iframe> </div></p>
и добавьте в конец файла style.css
#TVbg { background: url('{ASSETS_IMAGES_PATH}monitor1.png?0728') no-repeat top left; background-size: 100% 100%; width: 224px; height: 252px; padding-top: 13px; padding-left: 13px; }
Отлично получилось! Спасибо. Как мне поставить 3 таких монитора с видео в один ряд. И чтобы третий монитор не "залазил" на мою картинку с пленкой?
Сами мониторы с видео я уже вставила, но они ушли вниз один за другим. Коды видео я потом поменяю, пока пусть одинаковые будут
Благодарю за инструкцию!
#12
Отправлено 05 Октябрь 2013 - 01:52
<div id="TVbg"><iframe allowfullscreen="" frameborder="0" height="158" src="//www.youtube.com/embed/Ruhzv9jKC3M" width="210"></iframe></div> <div id="TVbg"><iframe allowfullscreen="" frameborder="0" height="158" src="//www.youtube.com/embed/Ruhzv9jKC3M" width="210"></iframe></div> <div id="TVbg"><iframe allowfullscreen="" frameborder="0" height="158" src="//www.youtube.com/embed/Ruhzv9jKC3M" width="210"></iframe></div>
и замените его на
<div class="wrapper-TVbg"> <div class="TVbg block-1"><iframe allowfullscreen="" frameborder="0" height="158" src="//www.youtube.com/embed/Ruhzv9jKC3M" width="210"></iframe></div> <div class="TVbg block-2"><iframe allowfullscreen="" frameborder="0" height="158" src="//www.youtube.com/embed/Ruhzv9jKC3M" width="210"></iframe></div> <div class="TVbg block-3"><iframe allowfullscreen="" frameborder="0" height="158" src="//www.youtube.com/embed/Ruhzv9jKC3M" width="210"></iframe></div> </div>
далее в файле стилей style.css найдите
#TVbg { background: url("{ASSETS_IMAGES_PATH}monitor1.png?0728") no-repeat left top / 100% 100%; height: 252px; padding-left: 13px; padding-top: 13px; width: 224px; }
и замените на
.TVbg { background: url("{ASSETS_IMAGES_PATH}monitor1.png?0728") no-repeat left top / 100% 100%; height: 252px; padding-left: 13px; padding-top: 13px; width: 224px; position: absolute; z-index: 1; top: 0; left: 0; }
далее добавьте
.TVbg.block-3 { left: 528px; } .TVbg.block-2 { left: 264px; }
#13 Гость_Наталья C._*
Отправлено 05 Октябрь 2013 - 10:29
Сake (05 Октябрь 2013 - 01:52) писал:
<div id="TVbg"><iframe allowfullscreen="" frameborder="0" height="158" src="//www.youtube.com/embed/Ruhzv9jKC3M" width="210"></iframe></div> <div id="TVbg"><iframe allowfullscreen="" frameborder="0" height="158" src="//www.youtube.com/embed/Ruhzv9jKC3M" width="210"></iframe></div> <div id="TVbg"><iframe allowfullscreen="" frameborder="0" height="158" src="//www.youtube.com/embed/Ruhzv9jKC3M" width="210"></iframe></div>
и замените его на
<div class="wrapper-TVbg"> <div class="TVbg block-1"><iframe allowfullscreen="" frameborder="0" height="158" src="//www.youtube.com/embed/Ruhzv9jKC3M" width="210"></iframe></div> <div class="TVbg block-2"><iframe allowfullscreen="" frameborder="0" height="158" src="//www.youtube.com/embed/Ruhzv9jKC3M" width="210"></iframe></div> <div class="TVbg block-3"><iframe allowfullscreen="" frameborder="0" height="158" src="//www.youtube.com/embed/Ruhzv9jKC3M" width="210"></iframe></div> </div>
далее в файле стилей style.css найдите
#TVbg { background: url("{ASSETS_IMAGES_PATH}monitor1.png?0728") no-repeat left top / 100% 100%; height: 252px; padding-left: 13px; padding-top: 13px; width: 224px; }
и замените на
.TVbg { background: url("{ASSETS_IMAGES_PATH}monitor1.png?0728") no-repeat left top / 100% 100%; height: 252px; padding-left: 13px; padding-top: 13px; width: 224px; position: absolute; z-index: 1; top: 0; left: 0; }
далее добавьте
.TVbg.block-3 { left: 528px; } .TVbg.block-2 { left: 264px; }
Спасибо. При 3-х мониторах нарушается адаптивность шаблона ((
#15 Гость_Наталья C._*
Отправлено 05 Октябрь 2013 - 11:10
miyako (05 Октябрь 2013 - 10:59) писал:
Я на смартфоне открываю и сразу вижу нарушение адаптивности. Мониторы стоят не один под другим и друг за другом. Таким образом, что 1.5 монитора смотрятся "в сайте", а еще 1,5 выходят за его границы и просто расположены на черном фоне. Я уже обратно откатила, а то бы фото со смартфоном прислала бы.
Я вчера хотела видео в мониторе крупнее сделать, так такая же проблема. Больше 30% "вылазиет" за сайт (фото приложила).
Crazy Cat сообщил, что проблему необходимо устранить только уменьшением размера видео...
Точно никак нельзя иначе? Маленькое видео очень плохо смотрится на сайте...
#16
Отправлено 05 Октябрь 2013 - 16:59
Наталья C. (05 Октябрь 2013 - 11:10) писал:
Я вчера хотела видео в мониторе крупнее сделать, так такая же проблема. Больше 30% "вылазиет" за сайт (фото приложила).
Crazy Cat сообщил, что проблему необходимо устранить только уменьшением размера видео...
Точно никак нельзя иначе? Маленькое видео очень плохо смотрится на сайте...
Видео не изменяет размер свой в зависимости от разрешения экрана. Можно конечно сделать следующее: поставить 2 видео и в одном прописать условие: если разрешение экрана больше, предположим, 400*300, то показывать большое видео, у второго блока с видео меньшего размера прописать условие: если разрешение экрана меньше 400*300, то показывать то видео. Вам подойдет такое решение?
#17 Гость_Наталья C._*
Отправлено 05 Октябрь 2013 - 20:43
support 2.0 (05 Октябрь 2013 - 16:59) писал:
Ребята модераторы, Вы такие молодцы!
Настоящие профессионалы!!! Спасибо Вам!
Да, такое решение мне подойдет, конечно. Пока не пишите мне инструкцию, так как я жду ответ на вопрос о перенесении "Новинок", "Хитов продаж" и других больших изменений на главной. Как доделаю все, запрошу у Вас здесь инструкцию для мониторов.
Будет последним штрихом ))
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных