Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

0

Небольшие Изменения

Автор trickster, 01 окт. 2015 13:24

Назад

Вперед

Авторизуйтесь для ответа в теме

Сообщений в теме: 86

#41 trickster

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

Пользователи
97 сообщений

ГородМосква

Отправлено 16 Октябрь 2015 - 17:25

Юля123 (16 Октябрь 2015 - 17:11) писал:

Попробуйте перенести ссылку. Для этого измените код

{% ENDIF %}
		 <a class="header_banner" href="http://paulalen.ru/"><img src="http://design.paulalen.ru/richoffur1.png" alt="" /></a>
		 </div>
	 {% ENDIF %}		
	
	 </div>
	
	 <!-- Форма поиска -->

на код

{% ENDIF %}
		 </div>
	 {% ENDIF %}		
	 <a class="header_banner" href="http://paulalen.ru/"><img src="http://design.paulalen.ru/richoffur1.png" alt="" /></a>
	 </div>
	
	 <!-- Форма поиска -->

Также, замечу, что баннер появляется только при разрешении экрана по ширине от 1190px

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

Наверх

#44 RayLi

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

Модераторы
2 864 сообщений

Отправлено 16 Октябрь 2015 - 17:39

trickster (16 Октябрь 2015 - 17:31) писал:

добавил, все так же, кэш обновил

На данный момент изменения на вашем сайте в силе и выглядит всё как на прикреплённом ниже скриншоте.
Проверьте, пожалуйста.
Как вариант - попробуйте открыть ваш сайт в любом ином интернет-браузере, где вы ранее его не открывали или же откройте ваш сайт в режиме инкогнито.

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

Наверх

#45 trickster

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

Пользователи
97 сообщений

ГородМосква

Отправлено 16 Октябрь 2015 - 17:40

p..s.
чуть увеличил размер в фотошопе
как отцентровать теперь?

Наверх

#46 Юля123

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

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

Отправлено 16 Октябрь 2015 - 18:12

trickster (16 Октябрь 2015 - 17:40) писал:

p..s.
чуть увеличил размер в фотошопе
как отцентровать теперь?

Для этого в style.css измените код

.header_banner {
	float: left;
	margin-top: 5px;
}

на следующий код:

.header_banner {
	float: left;
	margin: 2px -35px 2px 50px;
}

Наверх

#47 trickster

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

Пользователи
97 сообщений

ГородМосква

Отправлено 16 Октябрь 2015 - 18:24

Юля123 (16 Октябрь 2015 - 18:12) писал:

Для этого в style.css измените код

.header_banner {
float: left;
margin-top: 5px;
}

на следующий код:

.header_banner {
float: left;
margin: 2px -35px 2px 50px;
}

Спасибо!

скажите а нельзя как-то сделать чтобы картинка просто менялась в зависимости от размера экрана?
проверил сейчас на ноутбуке, на нем её вообще нет

Наверх

#48 RayLi

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

Модераторы
2 864 сообщений

Отправлено 16 Октябрь 2015 - 18:48

trickster (16 Октябрь 2015 - 18:24) писал:

Спасибо!

скажите а нельзя как-то сделать чтобы картинка просто менялась в зависимости от размера экрана?
проверил сейчас на ноутбуке, на нем её вообще нет

Здравствуйте.
Попробуйте сделать, пожалуйста, следующее:
В шаблоне style.css найдите данный код:

@media screen and (min-width: 860px) {
.buy-item button {width: auto;overflow: visible;padding: 0.714em 1em 0.714em 2.5em;background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat scroll 10% -552px #5C6063;color: #fff;font-size: 100%;margin: 0 1em 0 0;border: none;font-weight: normal;margin: auto;color: #fff;letter-spacing: 1px;text-transform: uppercase;line-height: 1;text-shadow: 0px 1px 0px rgba(0,0,0,0.2);display: inline-block;text-align: center;}
}
@media screen  and (max-width: 480px) {
.buy-item button {width: auto;overflow: visible;padding: 0.714em 1em 0.714em 2.5em;background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat scroll 10% -552px #5C6063;color: #fff;font-size: 100%;margin: 0 1em 0 0;border: none;font-weight: normal;margin: auto;color: #fff;letter-spacing: 1px;text-transform: uppercase;line-height: 1;text-shadow: 0px 1px 0px rgba(0,0,0,0.2);display: inline-block;text-align: center;}
}
/* 1020px и больше*/
@media screen and (min-width: 1200px) {
}
@media screen and (max-width: 860px) {
a.more-items, a.power.middle, .card-action p.current {width: 50%;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px)  {
section.newsletter h3 {font-size: 1em; margin-top: 3px;}
section.newsletter form input[type="email"] {width: 14em;}
}
@media only screen and (max-width: 768px) {
body {background: #F6F6F4;}

И замените его вот этим вот кодом:

@media screen and (min-width: 860px) {
.buy-item button {width: auto;overflow: visible;padding: 0.714em 1em 0.714em 2.5em;background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat scroll 10% -552px #5C6063;color: #fff;font-size: 100%;margin: 0 1em 0 0;border: none;font-weight: normal;margin: auto;color: #fff;letter-spacing: 1px;text-transform: uppercase;line-height: 1;text-shadow: 0px 1px 0px rgba(0,0,0,0.2);display: inline-block;text-align: center;}
}
@media screen  and (max-width: 480px) {
.buy-item button {width: auto;overflow: visible;padding: 0.714em 1em 0.714em 2.5em;background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat scroll 10% -552px #5C6063;color: #fff;font-size: 100%;margin: 0 1em 0 0;border: none;font-weight: normal;margin: auto;color: #fff;letter-spacing: 1px;text-transform: uppercase;line-height: 1;text-shadow: 0px 1px 0px rgba(0,0,0,0.2);display: inline-block;text-align: center;}
}
/* 1020px и больше*/
@media screen and (min-width: 1200px) {
}
@media screen and (max-width: 1100px) {
.header_banner {float: right;margin-top: -20%;margin-right: 15%;width: 50%;}
}

@media screen and (max-width: 860px) {
a.more-items, a.power.middle, .card-action p.current {width: 50%;}
.header_banner {float: right;margin-top: -20%;margin-right: 30%;width: 35%;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px)  {
section.newsletter h3 {font-size: 1em; margin-top: 3px;}
section.newsletter form input[type="email"] {width: 14em;}
}
@media only screen and (max-width: 768px) {
body {background: #F6F6F4;}
.header_banner {float: right;margin-top: 5%;margin-right: 20%;width: 50%;}

Наверх

#49 trickster

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

Пользователи
97 сообщений

ГородМосква

Отправлено 16 Октябрь 2015 - 19:29

RayLi (16 Октябрь 2015 - 18:48) писал:

Здравствуйте.
Попробуйте сделать, пожалуйста, следующее:
В шаблоне style.css найдите данный код:

@media screen and (min-width: 860px) {
.buy-item button {width: auto;overflow: visible;padding: 0.714em 1em 0.714em 2.5em;background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat scroll 10% -552px #5C6063;color: #fff;font-size: 100%;margin: 0 1em 0 0;border: none;font-weight: normal;margin: auto;color: #fff;letter-spacing: 1px;text-transform: uppercase;line-height: 1;text-shadow: 0px 1px 0px rgba(0,0,0,0.2);display: inline-block;text-align: center;}
}
@media screen and (max-width: 480px) {
.buy-item button {width: auto;overflow: visible;padding: 0.714em 1em 0.714em 2.5em;background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat scroll 10% -552px #5C6063;color: #fff;font-size: 100%;margin: 0 1em 0 0;border: none;font-weight: normal;margin: auto;color: #fff;letter-spacing: 1px;text-transform: uppercase;line-height: 1;text-shadow: 0px 1px 0px rgba(0,0,0,0.2);display: inline-block;text-align: center;}
}
/* 1020px и больше*/
@media screen and (min-width: 1200px) {
}
@media screen and (max-width: 860px) {
a.more-items, a.power.middle, .card-action p.current {width: 50%;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
section.newsletter h3 {font-size: 1em; margin-top: 3px;}
section.newsletter form input[type="email"] {width: 14em;}
}
@media only screen and (max-width: 768px) {
body {background: #F6F6F4;}

И замените его вот этим вот кодом:

@media screen and (min-width: 860px) {
.buy-item button {width: auto;overflow: visible;padding: 0.714em 1em 0.714em 2.5em;background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat scroll 10% -552px #5C6063;color: #fff;font-size: 100%;margin: 0 1em 0 0;border: none;font-weight: normal;margin: auto;color: #fff;letter-spacing: 1px;text-transform: uppercase;line-height: 1;text-shadow: 0px 1px 0px rgba(0,0,0,0.2);display: inline-block;text-align: center;}
}
@media screen and (max-width: 480px) {
.buy-item button {width: auto;overflow: visible;padding: 0.714em 1em 0.714em 2.5em;background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat scroll 10% -552px #5C6063;color: #fff;font-size: 100%;margin: 0 1em 0 0;border: none;font-weight: normal;margin: auto;color: #fff;letter-spacing: 1px;text-transform: uppercase;line-height: 1;text-shadow: 0px 1px 0px rgba(0,0,0,0.2);display: inline-block;text-align: center;}
}
/* 1020px и больше*/
@media screen and (min-width: 1200px) {
}
@media screen and (max-width: 1100px) {
.header_banner {float: right;margin-top: -20%;margin-right: 15%;width: 50%;}
}

@media screen and (max-width: 860px) {
a.more-items, a.power.middle, .card-action p.current {width: 50%;}
.header_banner {float: right;margin-top: -20%;margin-right: 30%;width: 35%;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
section.newsletter h3 {font-size: 1em; margin-top: 3px;}
section.newsletter form input[type="email"] {width: 14em;}
}
@media only screen and (max-width: 768px) {
body {background: #F6F6F4;}
.header_banner {float: right;margin-top: 5%;margin-right: 20%;width: 50%;}

заменил, на ноутбуке при 100% не показывает, уменьшаю до 90% он появляется

Наверх

#50 RayLi

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

Модераторы
2 864 сообщений

Отправлено 16 Октябрь 2015 - 19:37

trickster (16 Октябрь 2015 - 19:29) писал:

заменил, на ноутбуке при 100% не показывает, уменьшаю до 90% он появляется

Попробуйте, тогда, сделать следующее:
В шаблоне style.css найдите данный код:

/* 1020px и больше*/
@media screen and (min-width: 1200px) {
}
@media screen and (max-width: 1100px) {
.header_banner {float: right;margin-top: -20%;margin-right: 15%;width: 50%;}
}

@media screen and (max-width: 860px) {
a.more-items, a.power.middle, .card-action p.current {width: 50%;}
.header_banner {float: right;margin-top: -20%;margin-right: 30%;width: 35%;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
section.newsletter h3 {font-size: 1em; margin-top: 3px;}
section.newsletter form input[type="email"] {width: 14em;}
}
@media only screen and (max-width: 768px) {
body {background: #F6F6F4;}
.header_banner {float: right;margin-top: 5%;margin-right: 20%;width: 50%;}

И замените его вот этим вот кодом:

/* 1020px и больше*/
@media screen and (min-width: 1200px) {
}
@media screen and (max-width: 1100px) {
.header_banner {float: right !important;margin-top: -20% !important;margin-right: 15%;width: 50%;}
}
@media screen and (max-width: 860px) {
a.more-items, a.power.middle, .card-action p.current {width: 50%;}
.header_banner {float: right !important;margin-top: -20% !important;margin-right: 30%;width: 35%;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
section.newsletter h3 {font-size: 1em; margin-top: 3px;}
section.newsletter form input[type="email"] {width: 14em;}
}
@media only screen and (max-width: 768px) {
body {background: #F6F6F4;}
.header_banner {float: right !important;margin-top: 5% !important;margin-right: 20%;width: 50%;}

Наверх

#51 trickster

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

Пользователи
97 сообщений

ГородМосква

Отправлено 19 Октябрь 2015 - 21:15

RayLi (16 Октябрь 2015 - 19:37) писал:

Попробуйте, тогда, сделать следующее:
В шаблоне style.css найдите данный код:

/* 1020px и больше*/
@media screen and (min-width: 1200px) {
}
@media screen and (max-width: 1100px) {
.header_banner {float: right;margin-top: -20%;margin-right: 15%;width: 50%;}
}

@media screen and (max-width: 860px) {
a.more-items, a.power.middle, .card-action p.current {width: 50%;}
.header_banner {float: right;margin-top: -20%;margin-right: 30%;width: 35%;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
section.newsletter h3 {font-size: 1em; margin-top: 3px;}
section.newsletter form input[type="email"] {width: 14em;}
}
@media only screen and (max-width: 768px) {
body {background: #F6F6F4;}
.header_banner {float: right;margin-top: 5%;margin-right: 20%;width: 50%;}

И замените его вот этим вот кодом:

/* 1020px и больше*/
@media screen and (min-width: 1200px) {
}
@media screen and (max-width: 1100px) {
.header_banner {float: right !important;margin-top: -20% !important;margin-right: 15%;width: 50%;}
}
@media screen and (max-width: 860px) {
a.more-items, a.power.middle, .card-action p.current {width: 50%;}
.header_banner {float: right !important;margin-top: -20% !important;margin-right: 30%;width: 35%;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
section.newsletter h3 {font-size: 1em; margin-top: 3px;}
section.newsletter form input[type="email"] {width: 14em;}
}
@media only screen and (max-width: 768px) {
body {background: #F6F6F4;}
.header_banner {float: right !important;margin-top: 5% !important;margin-right: 20%;width: 50%;}

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

p.s. еще такой вопрос, хочу подключить к сайту сервис комментариев, на отдельную страницу вывести его, думаю сделать svkament или дискусс, это возможно осуществить?

Наверх

#52 trickster

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

Пользователи
97 сообщений

ГородМосква

Отправлено 20 Октябрь 2015 - 15:19

Эй, есть тут кто?)

Наверх

#53 Юля123

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

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

Отправлено 20 Октябрь 2015 - 16:38

trickster (19 Октябрь 2015 - 21:15) писал:

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

p.s. еще такой вопрос, хочу подключить к сайту сервис комментариев, на отдельную страницу вывести его, думаю сделать svkament или дискусс, это возможно осуществить?

Здравствуйте, извините за ожидание, да, это возможно сделать, вам нужно будет создать новую страницу в админ. панель -> Сайт -> Страницы, в форме "Описание" выберите "источник", затем добавьте в поле код, который Вам предоставит тот или иной сервис.

Наверх

#54 trickster

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

Пользователи
97 сообщений

ГородМосква

Отправлено 20 Октябрь 2015 - 17:56

Юля123 (20 Октябрь 2015 - 16:38) писал:

Здравствуйте, извините за ожидание, да, это возможно сделать, вам нужно будет создать новую страницу в админ. панель -> Сайт -> Страницы, в форме "Описание" выберите "источник", затем добавьте в поле код, который Вам предоставит тот или иной сервис.

Поставил от свкаммент как вы сказали.
/page/komments
не включается совсем

Наверх

#55 trickster

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

Пользователи
97 сообщений

ГородМосква

Отправлено 20 Октябрь 2015 - 18:07

Поставил от свкаммент как вы сказали.
/page/komments
не включается совсем
может он не подходит? ктонибудь сталкивался?

На странице возникла JS ошибка:

Uncaught SyntaxError: Unexpected token & на строке: 245.

Наверх

#56 trickster

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

Пользователи
97 сообщений

ГородМосква

Отправлено 20 Октябрь 2015 - 22:41

Нашел ссылку, где такая же проблема была, но так и не понял что делать
http://forum.storela...ания-sv-kament/

Наверх

#57 trickster

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

Пользователи
97 сообщений

ГородМосква

Отправлено 21 Октябрь 2015 - 11:54

Помогите плиз

Наверх

#58 Юля123

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

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

Отправлено 21 Октябрь 2015 - 14:20

trickster (21 Октябрь 2015 - 11:54) писал:

Помогите плиз

Здравствуйте, убедитесь, что вы правильно скопировали код, который нужно вставить

<!-- KAMENT -->
<div id="kament_comments">&nbsp;</div>
<br />
<script type="text/javascript">
  
	var kament_subdomain = "paulalen";
  
	(function() {
		var node = document.createElement("script"); node.type = "text/javascript"; node.async = true;
		node.src = "http://" + kament_subdomain + ".svkament.ru/js/embed.js";
		(document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(node);
	})();
</script> <noscript>Для отображения комментариев нужно включить Javascript</noscript>
<!-- /KAMENT -->

Наверх

#59 trickster

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

Пользователи
97 сообщений

ГородМосква

Отправлено 21 Октябрь 2015 - 15:46

Юля123 (21 Октябрь 2015 - 14:20) писал:

Здравствуйте, убедитесь, что вы правильно скопировали код, который нужно вставить

<!-- KAMENT -->
<div id="kament_comments">&nbsp;</div>
<br />
<script type="text/javascript">

var kament_subdomain = "paulalen";

(function() {
var node = document.createElement("script"); node.type = "text/javascript"; node.async = true;
node.src = "http://" + kament_subdomain + ".svkament.ru/js/embed.js";
(document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(node);
})();
</script> <noscript>Для отображения комментариев нужно включить Javascript</noscript>
<!-- /KAMENT -->

Спасибо!

Наверх

#60 trickster

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

Пользователи
97 сообщений

ГородМосква

Отправлено 27 Октябрь 2015 - 13:57

Вроде почти все настроил и все работает, огромное спасибо!
Но есть одно но, мобильная версия как сделать её нормальной? вот скриншот:

Огромное серое поле каталога надо уменьшить (но чтобы изменения коснулись только просмотров с мобильной версии)
Логотипы ВК и ЯМ съехали под меню, можно что-то сделать с этим?
Спасибо