Видео На Фон
#1
Отправлено 10 Август 2015 - 10:43
#2
Отправлено 10 Август 2015 - 10:52
Stas_Y (10 Август 2015 - 10:43) писал:
Здравствуйте.
Не советуем вам производить подобные изменения, так как в любом варианте постоянно проигрывающееся видео сильно нагрузит ваш сайт и многим пользователям это не понравится, так как им будет очень сложно производить какие-либо операции на подобном сайте.
#3
Отправлено 10 Август 2015 - 12:10
#5
Отправлено 12 Август 2015 - 16:18
#6
Отправлено 13 Август 2015 - 06:06
<video id="video_bg" autoplay="autoplay" loop="loop"> <source src="video/background.mp4" type="video/mp4"></source> </video>
вместо video/background.mp4 необходимо вставить ссылку на видео, если формат будет отличаться от примера, то его необходимо также изменить в данном коде в type
Далее зайдите в main.css и последней строкой вставьте:
#video_bg { position: fixed; top: 0; left: 0; z-index: -1000; min-width: 100%; min-height: 100%; width: auto; height: auto; }
#7
Отправлено 20 Август 2015 - 22:02
#8
Отправлено 21 Август 2015 - 02:38
#9
Отправлено 21 Август 2015 - 03:41
#10
Отправлено 21 Август 2015 - 04:38
<div id="video"> <video id="video_bg" autoplay="autoplay" loop="loop"> <source src="video/background.mp4" type="video/mp4"></source> </video> </div>
Цитата
А в конец main.css
#video{ position:relative; } #video_bg { position: fixed; top: 0; left: 0; z-index: -1000; min-width: 100%; min-height: 100%; width: auto; height: auto; }
#11
Отправлено 21 Август 2015 - 05:24
#12
Отправлено 21 Август 2015 - 05:30
#13
Отправлено 21 Август 2015 - 05:40
#14
Отправлено 21 Август 2015 - 06:13
Белый фон в шапке, в main.css найдите:
.header-content { padding: 0px; background: #FFF; }замените на:
.header-content { padding: 0px; background: none; }
Самая первая серая строка, на которой меню и корзина, в main.css найдите:
.header-top { background-color: #F2F2F2; height: 50px; }замените на:
.header-top { height: 50px; }
#15
Отправлено 21 Август 2015 - 07:48
#16
Отправлено 21 Август 2015 - 08:16
<!-- Запуск слайдера --> {% IF index_page %} <script> $(function(){ slideShow()}); </script> {% ENDIF %}
<!-- Слайдер на главной --> {% IF index_page %} <div id="slideshow" class="wrap"> <div id="slider"> <!-- Slides Container --> <div u="slides" class="slides_container"> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide1.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=jade" /> </div> <div> <img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=jade" /> </div> </div> </div> </div> {% ENDIF %} <!-- /END Слайдер на главной -->
На счет белой полосы под слайдером, она отвечает за вывод текста и товаров на главной, у вас не будет на главной странице ни того ни другого?
На счет подвала, в main.css найдите:
#footer { background-color: #F3F3F3; margin-top: 45px; padding-top: 40px; } .footer-content { padding-top: 20px; background-color: #444; color: #C8C8C8; }
замените на:
#footer { margin-top: 45px; padding-top: 40px; } .footer-content { padding-top: 20px; color: #C8C8C8; }
#17
Отправлено 21 Август 2015 - 08:32
#18
Отправлено 21 Август 2015 - 08:41
1) Поменять шрифт обоих меню на белый и пожирнее, а можете пояснить где менять, эт мне еще пригодится)
2) У верхнего меню убрать такие белые черточки как перегородки, меню пониже сделать прозрачным, как и логотип
3) Корзину с поиском сделать прозрачной и идеале с белой окантовкой
Фото прилагаю!))) Заранее спасибо!
#19
Отправлено 21 Август 2015 - 08:49
#yt_wrapper .main-inner { margin: 0px auto; background-color: #FFF; }
замените на:
#yt_wrapper .main-inner { margin: 0px auto; }
Stas_Y (21 Август 2015 - 08:41) писал:
1) Поменять шрифт обоих меню на белый и пожирнее, а можете пояснить где менять, эт мне еще пригодится)
2) У верхнего меню убрать такие белые черточки как перегородки, меню пониже сделать прозрачным, как и логотип
3) Корзину с поиском сделать прозрачной и идеале с белой окантовкой
Фото прилагаю!))) Заранее спасибо!
.header-top .header-top-left .top-navbar-links li a { padding: 18px 18px 12px; display: block; font-size: 115%; }
замените на:
.header-top .header-top-left .top-navbar-links li a { padding: 18px 18px 12px; display: block; font-size: 115%; color: #fff; }
далее найдите:
.header-top .header-top-left .top-navbar-links li { float: left; border-left: 1px solid #FFF; height: 50px; background-repeat: no-repeat; }замените на:
.header-top .header-top-left .top-navbar-links li { float: left; height: 50px; background-repeat: no-repeat; }
далее найдите:
#nav li a { display: block; font-size: 15px; line-height: 100%; background: #F2F2F2; padding: 15px 20px; margin: 0px 1px 1px 0px; border-radius: 0px; }замените на:
#nav li a { display: block; font-size: 15px; line-height: 100%; padding: 15px 20px; margin: 0px 1px 1px 0px; border-radius: 0px; colo:#fff; }
далее найдите:
.header-top .mini-cartpro .block-title {
в данном блоке удалите:
background-color: #F79242;
#20
Отправлено 21 Август 2015 - 18:08
Скажите вот мы практически сделали страницу приветствия, это очень хорошо и спасибо за оперативность! А как сделать чтобы на всех остальных страницах фон и вся стилистика вернулись в стандартное положение?!
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных