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


Публикации Tyumenn

164 публикаций создано Tyumenn (учитываются публикации только с 25-Июнь 23)


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

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


Сортировать                 Порядок  

#223538 Видео На Фон

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

Просмотр сообщенияЮля123 (20 Январь 2016 - 14:21) писал:

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

.title h1 {
font-size: 37px;
}

.title h3 {
font-size: 28px;
}


значение 37 для верхнего заголовка, а 28 - для нижнего, изменяйте на нужное Вам.

А шрифт как поменять?


#223576 Видео На Фон

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

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

Здравствуйте.
Для смены шрифта - вам необходимо в шаблоне main.css найти данный код:

.title h1 {
font-size: 37px;
}
.title h3 {
font-size: 28px;
}

И заменить его вот этим вот, например, кодом:

.title h1 {
font-size: 37px;
font-family: arial;
}
.title h3 {
font-size: 28px;
font-family: arial;
}

Где в строке: font-family: arial; вам необходимо сменить шрифт на более вам подходящий (например на font-family: calibri; )
Проверьте, пожалуйста.

Спасибо. Дальше нам нужно поставить картинку, показал на примере что будет и как расположено дальше.

Размер изображения 500х1250рх, загрузил картинку под именем  внизу.jpg

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

  • 2.jpg
  • 2.jpg


#223533 Видео На Фон

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

Просмотр сообщенияЮля123 (20 Январь 2016 - 12:15) писал:

Код:

.title {
	 text-align: center;
	 color: #000;
}

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

.title {
text-align: center;
color: #000;
position: relative;
top: 50px;
}

Спасибо, где можно увеличить и поменять шрифт в заголовке?

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

  • 2.jpg


#223511 Видео На Фон

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

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

Тогда попробуйте отменить изменения и сделать следующее: в конце main.css добавьте код:

.full_width_container {
height: 700px;
}

Спасибо, как теперь сдвинуть вниз заголовок?

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

  • 2.jpg


#223508 Видео На Фон

Отправлено от Tyumenn в 20 Январь 2016 - 11:37 в Изменение общей стилистики

Просмотр сообщенияЮля123 (20 Январь 2016 - 10:57) писал:

Попробуйте код:

body {
			 line-height: 1;
			 color: #000;
			 background: #000;
}


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

body {
			 line-height: 1;
			 color: #000;
			 background: #fff;
}

и обновите кеш

Спасибо, полоска пропала, но слетело затемнение видеофона...

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

  • 2.jpg


#223878 Видео На Фон

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

Просмотр сообщенияFirefly (22 Январь 2016 - 19:47) писал:

К сожалению, вывод изображений через переменную в редакторе кода страниц невозможен. Исправил Вам путь на ссылку в виде /design/niz1.jpg
Проверьте, пожалуйста.

Спасибо, помогите пожалуйста расставить блоки таким образом, расстояние между ними 10 пикселей

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

  • 2.jpg


#223927 Видео На Фон

Отправлено от Tyumenn в 23 Январь 2016 - 08:26 в Изменение общей стилистики

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

В описании страницы нажмите "Источник", чтобы увидеть исходный код описания, далее найдите:
<a href="ссылка на страницу" style="width: 400px; height: 300px; float: right;" target="_blank"><img alt="" src="/design/niz1.jpg" title="" /></a>
<a href="ссылка на страницу" style="width: 500px; height: 300px; float: right;" target="_blank"><img alt="" src="/design/niz2.jpg" title="" /></a>
<a href="ссылка на страницу" style="width: 300px; height: 300px; float: right;" target="_blank"><img alt="" src="/design/niz3.jpg" title="" /></a>

замените на:
<div style="text-align:center;">
<a href="ссылка на страницу" style="height: 300px; margin:0 10px; width: 30%; display: inline-block;" target="_blank"><img alt="" src="/design/niz1.jpg" title="" /></a>
<a href="ссылка на страницу" style="height: 300px; margin:0 10px; width: 30%; display: inline-block;" target="_blank"><img alt="" src="/design/niz2.jpg" title="" /></a>
<a href="ссылка на страницу" style="height: 300px; margin:0 10px; width: 30%; display: inline-block;" target="_blank"><img alt="" src="/design/niz3.jpg" title="" /></a>
</div>

Спасибо, теперь надо выровнять блоки: серый блок подвинуть влево к краю, розовый должен быть посередине и желтый справа.

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

  • 2 (1).jpg
  • 2.jpg


#223984 Видео На Фон

Отправлено от Tyumenn в 23 Январь 2016 - 20:34 в Изменение общей стилистики

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

Попробуйте очистить кэш браузера (Ctrl+F5). Сейчас блоки отображаются без смещений (скриншот в приложении).

Так же, возможно, Вы просматриваете страницу на экране с низким разрешением экрана, попробуйте заменить код:
.idx_img_s {margin:0 auto; width:1300px;}

На код:
.idx_img_s {margin:0 auto; width:1266px;}

Спасибо, далее будет будет блок состоящий из 2 частей, первая часть большая, загрузил ее фото под именем - Text1, вторая часть, загрузил под именем - Knopka

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

  • 9Y8iEyrqpNo.jpg


#223974 Видео На Фон

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

Просмотр сообщенияFirefly (23 Январь 2016 - 17:59) писал:

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.idx_img_m a img {padding:0 10px;width: 1258px;}

Замените на:
.idx_img_m a img {padding:0 10px;width: 1246px !important;}

Сделал, без изменений.


#223956 Видео На Фон

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

Просмотр сообщенияFirefly (23 Январь 2016 - 14:34) писал:

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.idx_img_m {margin:0 auto;}
.idx_img_m a img {padding:0 10px; width:1278px;}
.idx_img_s {margin:0 auto; width:1300px;}
.idx_img_s a img {padding:10px;}

Замените на:
.idx_img_m {margin:0 auto;}
.idx_img_m a img {padding:0 10px;width: 1258px;}
.idx_img_s {margin:0 auto; width:1300px;}
.idx_img_s a img {padding: 5px;}

Нужно выровнять блоки и картинку сверху.

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

  • 2.jpg


#223941 Видео На Фон

Отправлено от Tyumenn в 23 Январь 2016 - 11:43 в Изменение общей стилистики

Просмотр сообщенияFirefly (23 Январь 2016 - 10:49) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:
.idx_img_m {margin:0 auto;}
.idx_img_m a img {padding:0 10px; width:1278px;}
.idx_img_s {margin:0 auto; width:1300px;}
.idx_img_s a img {padding:10px;}

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Страницы -> Магнитный декор, найдите код:
<a href="http://cover2.ru/" target="_blank"><img alt="" src="http://st.cover2.ru/7/1806/518/rabota.jpg" style="width: 1230px; height: 738px; float: right;" /></a>
<div style="text-align:center;"><a href="ссылка на страницу" style="height: 300px; margin:0 10px; width: 30%; display: inline-block;" target="_blank"><img alt="" src="/design/niz1.jpg" style="float: left; width: 305px; height: 300px;" title="" /></a> <a href="ссылка на страницу" style="height: 300px; margin:0 10px; width: 30%; display: inline-block;" target="_blank"><img alt="" src="/design/niz3.jpg" style="width: 620px; height: 300px;" title="" /></a> <a href="ссылка на страницу" style="height: 300px; margin:0 10px; width: 30%; display: inline-block;" target="_blank"><img alt="" src="/design/niz2.jpg" style="width: 305px; height: 300px;" title="" /></a></div>

Замените на:
<div class="idx_img_m"><a href="http://cover2.ru/" target="_blank"><img alt="" src="http://st.cover2.ru/7/1806/518/rabota.jpg" /></a></div>
<div class="idx_img_s"><a href="ссылка на страницу" target="_blank"><img alt="" src="/design/niz1.jpg" title="" /></a> <a href="ссылка на страницу" target="_blank"><img alt="" src="/design/niz3.jpg" title="" /></a> <a href="ссылка на страницу" target="_blank"><img alt="" src="/design/niz2.jpg" title="" /></a></div>

Спасибо, нужно сделать расстояние между верхней картинкой и между самими блоками меньше - 10рх

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

  • 2.jpg


#223496 Видео На Фон

Отправлено от Tyumenn в 20 Январь 2016 - 10:34 в Изменение общей стилистики

Просмотр сообщенияЮля123 (20 Январь 2016 - 10:11) писал:

Попробуйте код:

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
body {
	 line-height: 1;
	 color: #000;
	 background: #000;
}

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

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
body {
	 line-height: 1;
	 color: #000;
}

Не изменилось, полоска осталась.


#223321 Видео На Фон

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

Просмотр сообщенияЮля123 (19 Январь 2016 - 11:02) писал:

Попробуйте в шаблоне HTML изменить строчку:

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

на строчку:

<meta name="viewport" content='width=1200' />


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

@media only screen and (min-width: 768px) and (max-width: 980px) {
.inner {width:95%;margin-top:-100px;}
#header_colapse .inner {background:none !important;}
#footer .column {width:22% !important;margin:10px !important;min-height:100px;}
div.prod_hold .prod-info-fly .price, div.prod_hold_recent .prod-info-fly .price {margin-bottom:25px;}
#column-left + #content div.prod_hold, #column-left + #content div.prod_hold_recent { margin:0px 11px 20px 11px;}
#toggle_switch {display:block;}
p img {max-width:100% !important;height:auto !important;}
.product-info .cart {height:auto;overflow:auto;}
.product-info .cart input[type="text"] {margin-bottom:10px;}
.orderStepName {font-size: 18px;}
.orderStepName:before {margin-right: 5px;}
table.form tr td:first-child {width: 40%;*width: 0px;}
#content .login-content .content {padding: 0;overflow: visible;}
.login-content table.form td {position: relative;width: 100%;display: block; padding: 4px 0;}
}
@media screen and (max-width: 785px) {
.orderStepName {font-size: 16px;}
table.form {table-layout: fixed;}
table.form tr td:first-child {width: auto;}
}
@media only screen and (max-width: 625px) {
.orderHeader {display: none !important;}
}
@media only screen and (min-width: 557px) and (max-width: 898px) {
.item-detail{width: 49%;}
}
@media only screen and (min-width: 480px) and (max-width: 556px) {
.item-detail {width: 40%;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
#toggle_switch {display:none;}
.inner {width:86%;margin-top:-200px;}
#header_colapse .inner {display:block !important;}
#header #cart {right: 0px;width: auto;float: none;}
.box-product, .product-list, .product-list2, .product-list3, .product-list4 {text-align:center;}
div.prod_hold, div.prod_hold_recent {margin:10px auto;}
div.prod_hold .name, div.prod_hold .price, div.prod_hold_recent .name, div.prod_hold_recent .price {display: none;}
div.prod_hold .prod-info-fly, div.prod_hold_recent .prod-info-fly{display: block;position: relative;padding: 0;bottom: 0;opacity: 1;width: 200px; }
div.prod_hold .prod-info-fly .name, div.prod_hold .prod-info-fly .price, div.prod_hold_recent .prod-info-fly .name, div.prod_hold_recent .prod-info-fly .price { display: block !important;}
#header .links {margin:0;}
#compareInfo {margin: 10px auto -20px;width: 100%;text-align: center;}
#header #welcome { display: none;}
#header #search { position:relative;clear:both;width:440px;margin-bottom: 19px;float: left;}
#header #search input {width:380px;}
#header #support {display:none;}
#header #cart h4, #header #cart #cart-total {display:block;}
#header #cart .content {top:35px;}
#header_colapse .inner { overflow: visible; padding:8px 0; background:none !important;}
#column-left { float:none; width:100%;}
#column-left .recent {display: none!important;}
#column-left + #content {margin: 0; }
#footer .column {width:100% !important;margin:10px 0 !important;min-height:100px;}
#footer .one_fourth {display: none;}
#footer .one_fourth.last {display: block;}
#tabs a {font-size:14px;}
.product-info .image {width:380px;}
.product-info .image img{max-width:100%; }
.product-info >.left, .product-info > .left + .right {float:none;margin: 0;}
img {max-width:100% !important;height:auto !important;}
textarea {width: 100%;}
#column-left div.prod_hold, #column-left div.prod_hold_recent {margin:0px 8px 20px 8px;}
.product-filter .view-mode label {display: none;}
#main_nav { display: none; }
.selectnav { display: block; margin:6px 0 0 0; width:100%; }
#column-left .box .box-heading:after {content: url("{ASSETS_IMAGES_PATH}downArrow.png?design=spring") no-repeat right center;position: absolute;right: 16px;top: 10px;cursor: pointer;}
#column-left .box .box-heading + .box-content {display: none;}
#column-left .box .box-heading.up:after {content: url("{ASSETS_IMAGES_PATH}UPArrow.png?design=spring") no-repeat right center;}
table.form {table-layout: fixed;}
#content .login-content .content {padding: 0;overflow: visible;}
.login-content h4, .login-content .right p {display: none;}
p.required {display: none;}
.login-content table.form td {position: relative;width: 100%;display: block;padding: 4px 0;}
.generally label:after {content: ""; display: block;clear: both;}
}
@media only screen and (max-width: 480px) {
h2 {font-size: 24px;}
.inner {width:80%; margin-top:-240px;}
#header_colapse .inner {display:block !important;}
#toggle_switch {display:none;}
#header .links {margin:0;}
#compareInfo {margin-left:0px;float: left;}
#header #welcome {display: none;}
#header #search {position:relative;clear:both;width:100%;margin-bottom:10px;}
#header #search input {width:70%;}
#header #support {display:none;}
#header #logo {margin: 0;}
#header #cart{ width: 98%; min-width: 98%;float: none;margin-bottom: 10px;}
#header #cart .heading {padding: 0 0 0 46px;}
#header #cart .cart_circle {right: auto; left: 0;}
#header #cart h4, #header #cart #cart-total {display:block;text-align: left !important;}
#header #cart .content {top:35px;}
#header_colapse .inner {overflow:visible;padding:8px 0;background:none !important;}
#main_nav { display: none; }
.selectnav { display: block; margin:6px 0 0 0; width:100%; }
#column-left {float:none;width:100%;}
#column-left .recent {display: none!important;}
#column-left + #content {margin: 0;}
.box-product, .product-list, .product-list2, .product-list3, .product-list4 {text-align:center;}
div.prod_hold, div.prod_hold_recent {margin:10px auto;width: 90%;}
div.prod_hold > div .prod-info-fly, div.prod_hold_recent > div .prod-info-fly {width: 100%;}
div.prod_hold .name, div.prod_hold .price, div.prod_hold_recent .name, div.prod_hold_recent .price {display: none;}
div.prod_hold .prod-info-fly, div.prod_hold_recent .prod-info-fly {display: block;position: relative;padding: 0;bottom: 0;opacity: 1; }
div.prod_hold .prod-info-fly .name, div.prod_hold .prod-info-fly .price, div.prod_hold_recent .prod-info-fly .name, div.prod_hold_recent .prod-info-fly .price{display: block !important;}
.item-detail {width: 100%;}
#footer .column {width:100% !important;margin:10px 0 !important;min-height:100px;}
#footer .one_fourth {display: none;}
#footer .one_fourth.last {display: block;}
#tabs a {font-size:12px;padding:10px;}
.category-info {padding: 10px 0;}
.category-info .left {float:none;}
.category-info .right {margin: 10px 0 0 0; padding: 0;}
.product-info .image {width:260px;}
.product-info .image img{max-width:100%; }
.product-info >.left, .product-info > .left + .right {float:none;margin: 0;}
.login-content .left, .login-content .right {width:95%;float:left;margin-bottom:10px;}
img {max-width:100% !important;height:auto !important;}
textarea {width: 100%;}
#column-left .box .box-heading:after {content: url("{ASSETS_IMAGES_PATH}downArrow.png?design=spring") no-repeat right center;position: absolute;right: 16px;top: 10px;cursor: pointer;}
#column-left .box .box-heading + .box-content {display: none;}
#column-left .box .box-heading.up:after {content: url("{ASSETS_IMAGES_PATH}UPArrow.png?design=spring") no-repeat right center;}
table.form td {position: relative;width: 100%;display: block;padding: 4px 0;}
#content .login-content .content {padding: 10px 0;overflow: visible;}
p.required {display: none;}
#content .buttons .left {display: none;}
}

Спасибо, видеофон на первом экране адаптируется вместе с корзиной, как убрать адаптацию у них?


#222889 Видео На Фон

Отправлено от Tyumenn в 15 Январь 2016 - 08:40 в Изменение общей стилистики

Просмотр сообщенияVaccina (15 Январь 2016 - 07:56) писал:

В main.css найдите:
#header #support {
position: relative;
float: left;
top: 9px;
margin-right: 11px;
z-index: 30;
width: 200px;
margin-left: 80px;
margin-top: 20px;
font-size: 50px;
padding-bottom: 50px;
}

в нем увеличьте значение стиля top

Спасибо, как теперь поменять шрифт и цвет заголовка, как загрузить новый шрифт можно?


#222899 Видео На Фон

Отправлено от Tyumenn в 15 Январь 2016 - 10:30 в Изменение общей стилистики

Просмотр сообщенияRedHead (15 Январь 2016 - 09:25) писал:

Здравствуйте! У Вас это прописано в шаблоне html. Найдите строки:
<h1 style="text-align: center;"><span style="color:#000080;"><span style="font-size:36px;"><span style="font-family:trebuchet ms,helvetica,sans-serif;"><strong>Магнитный декор - меняйте по настроению</strong></span></span></span></h1>
{%ENDIF%}
<p style="text-align: center;"><span style="color:#000080;"><span style="font-size:24px;"><span style="font-family:trebuchet ms,helvetica,sans-serif;">Покрытие скроет дефекты холодильника</span></span></span></p>			
<p style="text-align: center;"><span style="color:#000080;"><span style="font-size:24px;"><span style="font-family:trebuchet ms,helvetica,sans-serif;">Подберем изображение под ваш интерьер</span></span></span></p>

В них необходимо заменить цвет текста, и поменять шрифт, например, так:

<h1 style="text-align: center;"><span style="color:yellow;"><span style="font-size:36px;"><span style="font-family:Times New Roman;"><strong>Магнитный декор - меняйте по настроению</strong></span></span></span></h1>
{%ENDIF%}
<p style="text-align: center;"><span style="color:#fff;"><span style="font-size:24px;"><span style="font-family:Arial;">Покрытие скроет дефекты холодильника</span></span></span></p>			
<p style="text-align: center;"><span style="color:#fff;"><span style="font-size:24px;"><span style="font-family:Cambria;">Подберем изображение под ваш интерьер</span></span></span></p>

Спасибо, а как можно сделать не стандартный шрифт, к примеру нашел в интернете, куда его нужно загрузить?


#222883 Видео На Фон

Отправлено от Tyumenn в 15 Январь 2016 - 07:03 в Изменение общей стилистики

Просмотр сообщенияVaccina (15 Январь 2016 - 02:12) писал:

В шаблоне HTML найдите:
<div style="float:right;margin-right:70px;" class="telefon">
					 <span>+7 (499) 404-18-50</span><br/>
					 <a class="callback fancybox.ajax" href="http://{NET_DOMAIN}/callback?only_body=1">Заказать звонок</a>
					 <script>
$(document).ready(function() {
$(".callback").fancybox({
maxWidth : 300,
maxHeight : 330,
fitToView : false,
width : '70%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
</script>
				 </div>

замените на:
{% IFNOT index_page %}
<div style="float:right;margin-right:70px;" class="telefon">
					 <span>+7 (499) 404-18-50</span><br/>
					 <a class="callback fancybox.ajax" href="http://{NET_DOMAIN}/callback?only_body=1">Заказать звонок</a>
					 <script>
$(document).ready(function() {
$(".callback").fancybox({
maxWidth : 300,
maxHeight : 330,
fitToView : false,
width : '70%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
</script>
				 </div>
{% ENDIF %}

Спасибо.

Как заголовок и подзаголовок перенести ниже, где эти настройки?

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

  • 21.jpg


#222860 Видео На Фон

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

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

Здравствуйте! Перед внесением изменений, создайте бэкап!!!

В шаблоне html замените строку
<div id="header" class="borderless">
на:
<div id="header" class="borderless" style="background: url(http://s3.spruto.org/embed/player.swf" type="video/swf margin: 0 auto; ) repeat-y,">

затем в шаблоне main.css замените строки:
#video_bg {
	 position: fixed;
	 top: 0;
	 left: 0;
	 z-index: -1000;
	 min-width: 100%;
	 min-height: 100%;
	 width: auto;
	 height: auto;
}
на:
#video_bg {
	 position: absolute;
	 top: 0;
	 margin: 0 auto;
	 z-index: -1000;
	 width: 100%;
}

строки:
#header {
position: relative;
z-index: 99;
background-color: #ffffff;
}
на:
#header {
position: relative;
z-index: 99;
background-color: #ffffff;
height: 750px;
}

и 
.header_top {
width: 100%;
margin: 10px auto 0px auto;
min-height: 40px;
background-color: #f5f5f5;
max-width: 1200px;
}
замените на:
.header_top {
width: 100%;
margin: 10px auto 0px auto;
min-height: 40px;
max-width: 1200px;
}

Затем настроим адаптивность: в шаблоне main.css:

замените строки:
@media only screen and (max-width: 480px) {
h2 {font-size: 24px;}
.inner {width:80%; }
на:
@media only screen and (max-width: 480px) {
h2 {font-size: 24px;}
.inner {width:80%; margin-top:-240px;}

строки
@media only screen and (min-width: 480px) and (max-width: 767px) {
#toggle_switch {display:none;}
.inner {width:86%;}
на:
@media only screen and (min-width: 480px) and (max-width: 767px) {
#toggle_switch {display:none;}
.inner {width:86%;margin-top:-200px;}

строки:
@media only screen and (min-width: 768px) and (max-width: 980px) {
.inner {width:95%;}
на:
@media only screen and (min-width: 768px) and (max-width: 980px) {
.inner {width:95%;margin-top:-100px;}

строки:
@media only screen and (min-width: 981px) and (max-width: 1220px) {
.inner {width:95%; }
}
на:
@media only screen and (min-width: 981px) and (max-width: 1220px) {
.inner {width:95%; margin-top:-50px;}
}

в конец шаблона добавьте:
@media only screen and (min-width: 1370px) {
.inner {margin-top:50px;}
}
@media only screen and (min-width: 1520px) {
.inner {margin-top:80px;}
}
@media only screen and (min-width: 1630px) {
.inner {margin-top:90px;}
}


результат:
Прикрепленный файл 1.jpg

Спасибо большое! Идем дальше:

Как убрать телефон и заказать звонок с главной странице?


#222817 Видео На Фон

Отправлено от Tyumenn в 14 Январь 2016 - 17:15 в Изменение общей стилистики

Вот сайт  http://www.ovenbits.com/

На нем видеофон на первом экране, нужно сделать примерно также.

Подскажите, как это реализовать?


#223229 Видео На Фон

Отправлено от Tyumenn в 18 Январь 2016 - 18:04 в Изменение общей стилистики

Просмотр сообщенияFirefly (18 Январь 2016 - 17:12) писал:

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

Спасибо, скажите пожалуйста как можно затемнить видео-фон, как к примеру сделано на этом сайте http://www.ovenbits.com/


#223283 Видео На Фон

Отправлено от Tyumenn в 19 Январь 2016 - 05:38 в Изменение общей стилистики

далее найдите:
body {
        line-height: 1;
        color: #000;
        background: #FFF;
}

замените на:
body {
        line-height: 1;
        color: #000;
        background: #000;
}

Не могу найти в коде эту часть((


#223311 Видео На Фон

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

Просмотр сообщенияЮля123 (19 Январь 2016 - 09:30) писал:

Здравствуйте, в main.css найдите код:

#header #cart .heading {
	 float: right;
	 margin-top: 15px;
	 position: absolute;
	 right: 170px;
	 top: 50px;
	 width: 40px;
	 z-index: 1;
}

в этом коде свойство right:170px; отвечает за положение по горизонтали, уменьшайте значение 170, чтобы сдвинуть корзину правее.

Спасибо. Скажите, как можно убрать адаптацию?


#223290 Видео На Фон

Отправлено от Tyumenn в 19 Январь 2016 - 08:04 в Изменение общей стилистики

Просмотр сообщенияVaccina (19 Январь 2016 - 07:57) писал:

В шаблоне HTML найдите:
<!-- Корзина -->
				 <div id="cart">
					 <div class="heading">
						 <a href="{CART_URL}" title="Перейти в корзину"><span class="cart_circle"></span><span id="cart-total">Покупок
							 {% IF cart_count_empty %}
								 <span>0</span> {CURRENCY_NAME}
							 {% ELSE %}
								 {% FOR cart_sum %}
									 {cart_sum.NOW | money_format}<br />
								 {% ENDFOR %}
							 {% ENDIF %}</span>
						 </a>
					 </div>
					 <div class="content">
						 <div class="empty">Ваша корзина покупок пуста!</div>
					 </div>
					 <div class="clear"></div>
				 </div>
				 <!-- end Корзина -->

замените на:
<!-- Корзина -->
				 <div id="cart">
					 <div class="heading">
						 <a href="{CART_URL}" title="Перейти в корзину"><span class="cart_circle"></span><span id="cart-total">
							 {% IF cart_count_empty %}
								 <span>0</span> руб
							 {% ELSE %}
								 {% FOR cart_sum %}
									 {cart_sum.NOW} руб<br />
								 {% ENDFOR %}
							 {% ENDIF %}</span>
						 </a>
					 </div>
					 <div class="content">
						 <div class="empty">0 руб</div>
					 </div>
					 <div class="clear"></div>
				 </div>
				 <!-- end Корзина -->


В main.css найдите:
#header #cart .heading {
float: right;
margin-top: 15px;
padding-left: 14px;
padding-right: 34px;
position: absolute;
right: 170px;
top: 50px;
width: 200px;
z-index: 1;
}

замените на:
#header #cart .heading {
float: right;
margin-top: 15px;
position: absolute;
right: 170px;
top: 50px;
width: 40px;
z-index: 1;
}

далее найдите:
#header #cart .cart_circle {
display: block;
width: 36px;
height: 36px;
background: url({ASSETS_IMAGES_PATH}cart_circle.png) 50% 50% no-repeat;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-khtml-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: absolute;
top: 3px;
right: -20px;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
cursor: pointer;
}

замените на:
#header #cart .cart_circle {
display: block;
width: 36px;
height: 36px;
background: url({ASSETS_IMAGES_PATH}cart_circle.png) 50% 50% no-repeat;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
cursor: pointer;
}

Спасибо, как сдвинуть корзину правее, какая настройка за это отвечает?

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

  • 000.jpg


#223288 Видео На Фон

Отправлено от Tyumenn в 19 Январь 2016 - 07:44 в Изменение общей стилистики

Просмотр сообщенияVaccina (19 Январь 2016 - 07:24) писал:

В main.css найдите:
#header #cart .heading {
float: right;
margin-top: 15px;
padding-left: 14px;
padding-right: 34px;
position: absolute;
right: 170px;
top: 50px;
width: 200px;
z-index: 1;
}

замените на:
#header #cart .heading {
float: right;
margin-top: 15px;
padding-left: 14px;
padding-right: 34px;
position: absolute;
right: 70px;
top: 50px;
width: 200px;
z-index: 1;
}

далее в шаблоне HTML найдите:
<!-- Корзина -->
		 <div id="cart">
		 <div class="heading">
			 <h4>Корзина покупок</h4>
			 <a href="{CART_URL}" title="Перейти в корзину"><span class="cart_circle"></span><span id="cart-total">Покупок
			 {% IF cart_count_empty %}
			 <span class="red">0</span>
			 {% ELSE %}
				 {CART_COUNT_TOTAL}
			 {% ENDIF %}
				 - на сумму
			
			 {% IF cart_count_empty %}
				 <span>0</span> {CURRENCY_NAME}
			 {% ELSE %}
				 {% FOR cart_sum %}
				 {cart_sum.NOW | money_format}<br />
				 {% ENDFOR %}
			 {% ENDIF %}</span>
			 </a>
		 </div>
		 <div class="content">
			 <div class="empty">Ваша корзина покупок пуста!</div>
		 </div>
		 <div class="clear"></div>
		 </div>
		 <!-- end Корзина -->

замените на:
<!-- Корзина -->
		 <div id="cart">
		 <div class="heading">
			 <a href="{CART_URL}" title="Перейти в корзину"><span class="cart_circle"></span><span id="cart-total">Покупок
			 {% IF cart_count_empty %}
				 <span>0</span> {CURRENCY_NAME}
			 {% ELSE %}
				 {% FOR cart_sum %}
				 {cart_sum.NOW | money_format}<br />
				 {% ENDFOR %}
			 {% ENDIF %}</span>
			 </a>
		 </div>
		 <div class="content">
			 <div class="empty">Ваша корзина покупок пуста!</div>
		 </div>
		 <div class="clear"></div>
		 </div>
		 <!-- end Корзина -->

Спасибо, нужно сделать надпись под корзиной: 0 рублей, а старую надпись убрать.

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

  • 000.jpg


#223286 Видео На Фон

Отправлено от Tyumenn в 19 Январь 2016 - 06:31 в Изменение общей стилистики

Просмотр сообщенияVaccina (19 Январь 2016 - 06:05) писал:

Шаблон main.css 2ая строка:
body{line-height:1;color:black;background:white}

Спасибо, как перенести корзину правее?

Убрать слева от нее надписи: Корзина покупок,  покупок 0 на сумму 0рублей

И снизу корзины надпись 0 руб, т.е сумма покупок в корзине, будет находиться снизу корзины.

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

  • 000.jpg


#222786 Видео На Фон

Отправлено от Tyumenn в 14 Январь 2016 - 14:31 в Изменение общей стилистики

Просмотр сообщенияЮля123 (14 Январь 2016 - 13:34) писал:

Изменения Вам произвели, проверьте, пожалуйста.

Спасибо, как теперь убрать предыдущий белый фон?

Видео нужно чтобы было не на всю главную страницу, а только на первый экран, примерно 800рх

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

  • 12.jpg



  1. Форум владельцев интернет-магазинов
  2. → Публикации Tyumenn
  3. Privacy Policy