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


Шапка Сайта


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 141

#121 arver

arver

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

  • Пользователи
  • PipPipPipPip
  • 982 сообщений

Отправлено 08 Сентябрь 2013 - 17:57

need help

#122 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 09 Сентябрь 2013 - 07:49

Просмотр сообщенияarver (07 Сентябрь 2013 - 12:16) писал:

"Данный вопрос не совсем ясен. Что заменю должно отображаться, и как оно должно выглядеть. В данной области будет несколько вертикальных меню, или одно горизонтальное? Пожалуйста, опишите ваш вопрос как можно подробнее. " Демо этого меню можно посмотреть по этой ссылке http://tympanus.net/...u/example1.html.Хотел бы сделать одно горизонтальное,но так как кол-во категорий будет около 40,хотел бы чтобы они не сжимались,а располагались уже чуть ниже.Рисунок прилагаю. 2) "Это изображение должно быть загружено с именем "treeview-default.gif"."Да я знаю про эту картинку,но только я хотел,и сейчас хочу оганизовать меню без обновления страницы и так чтобы не было знаков "+" или "-". 3)Объясню немного подробнее,сейчас все здорово меню раскрывается без обновления страницы,но имеются две проблемы 3.1.Меню раскрывается только если кликать на значок,а можно сделать и текст(название категории) активным? 3.2.Открываются без обновления страницы только 1 подкатегория,все остальные 2 и последующие категории открываются только с обновлением страницы.Причем если открыть например "подкатегорию вазы для цветов" свернуть ее и затем снова открыть категорию "Современный декор(Бельгия)" ,подкатегория вазы для цветов уже будет раскрыта. Нужна помощь картинку прилагаю

3.1)
Найдите код в шаблоне HTML -
{% IF catalog_full.ISSET_SUB %}rel="withchild"{% ENDIF %}
>{% IF catalog_full.NAME=Итальянская фурнитура%}
<a href="http://bestzon.ru/catalog/Italyanskaya-furnitura-3">
<img src="http://st.bestzon.ru/0/706/276/znak_1_1.png"/></a>{%ENDIF%}
  {% IF catalog_full.NAME=Современный декор(Бельгия)%}<a href="http://bestzon.ru/catalog/Sovremennyj-dekor-Belgiya">
  <img src="http://st.bestzon.ru/0/706/108/znak_2.png"/></a>{%ENDIF%}
{% IF catalog_full.NAME=Мебель на заказ%}<a href="http://bestzon.ru/page/yslygu">
<img src="http://st.bestzon.ru/0/706/091/znak_3.jpg"/></a>{%ENDIF%}
<span>{catalog_full.NAME}</span>
<!-- Отображение количества товаров в категории -->
</a>
и замените на -
{% IF catalog_full.ISSET_SUB %}rel="withchild"{% ENDIF %}
>
{% IF catalog_full.NAME=Итальянская фурнитура%}
<a href="http://bestzon.ru/catalog/Italyanskaya-furnitura-3">
<img src="http://st.bestzon.ru/0/706/276/znak_1_1.png"/>
<span>{catalog_full.NAME}</span>
</a>
{% ELSEIF catalog_full.NAME=Современный декор(Бельгия)%}<a href="http://bestzon.ru/catalog/Sovremennyj-dekor-Belgiya">
  <img src="http://st.bestzon.ru/0/706/108/znak_2.png"/>
  <span>{catalog_full.NAME}</span>
  </a>
{% ELSEIF catalog_full.NAME=Мебель на заказ%}<a href="http://bestzon.ru/page/yslygu">
<img src="http://st.bestzon.ru/0/706/091/znak_3.jpg"/>
<span>{catalog_full.NAME}</span>
</a>
{%ELSE%}
<span>{catalog_full.NAME}</span>
{%ENDIF%}
<!-- Отображение количества товаров в категории -->
</a>


#123 arver

arver

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

  • Пользователи
  • PipPipPipPip
  • 982 сообщений

Отправлено 09 Сентябрь 2013 - 10:50

Спасибо помогло,по остальному вопросы очень актуальны+непонятно почему при любых изменениях в #subNavigation,например цвет текста,или удаления подчеркивания(код text-decoration: none;) не помогает((

#124 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 09 Сентябрь 2013 - 14:24

Просмотр сообщенияarver (09 Сентябрь 2013 - 10:50) писал:

Спасибо помогло,по остальному вопросы очень актуальны+непонятно почему при любых изменениях в #subNavigation,например цвет текста,или удаления подчеркивания(код text-decoration: none;) не помогает((

я, к сожалению, не нашла где у Вас применяется данный id, но точно не к боковому меню. Для того, чтобы убрать подчеркивание у бокового меню, добавьте после
.treeview ul {
background-color: white;
margin-top: 4px;
}
блок
.treeview  a{
text-decoration:none;
}

у Вас какие вопросы из этого сообщения остались не решенными?

#125 arver

arver

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

  • Пользователи
  • PipPipPipPip
  • 982 сообщений

Отправлено 09 Сентябрь 2013 - 19:40

Просмотр сообщенияarver (07 Сентябрь 2013 - 12:16) писал:

"Данный вопрос не совсем ясен. Что заменю должно отображаться, и как оно должно выглядеть. В данной области будет несколько вертикальных меню, или одно горизонтальное? Пожалуйста, опишите ваш вопрос как можно подробнее. "

Демо этого меню можно посмотреть по этой ссылке http://tympanus.net/...u/example1.html.Хотел бы сделать одно горизонтальное,но так как кол-во категорий будет около 40,хотел бы чтобы они не сжимались,а располагались уже чуть ниже.Рисунок прилагаю.
2) "Это изображение должно быть загружено с именем "treeview-default.gif"."Да я знаю про эту картинку,но только я хотел,и сейчас хочу оганизовать меню без обновления страницы и так чтобы не было знаков "+" или "-".
3)Объясню немного подробнее,сейчас все здорово меню раскрывается без обновления страницы,но имеются две проблемы
3.1.Меню раскрывается только если кликать на значок,а можно сделать и текст(название категории) активным?
3.2.Открываются без обновления страницы только 1 подкатегория,все остальные 2 и последующие категории открываются только с обновлением страницы.Причем если открыть например "подкатегорию вазы для цветов" свернуть ее и затем снова открыть категорию "Современный декор(Бельгия)" ,подкатегория вазы для цветов уже будет раскрыта.
Нужна помощь


картинку прилагаю
Актуальны все,кроме пункта 3.1.

#126 Сake

Сake

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

  • Модератоpы
  • 5 979 сообщений

Отправлено 10 Сентябрь 2013 - 02:21

Пункт 2 как я понимаю не актуален, так как у вас меню разворачивается без перезагрузки страницы.

Цитата

3.2.Открываются без обновления страницы только 1 подкатегория,все остальные 2 и последующие категории открываются только с обновлением страницы.Причем если открыть например "подкатегорию вазы для цветов" свернуть ее и затем снова открыть категорию "Современный декор(Бельгия)" ,подкатегория вазы для цветов уже будет раскрыта.

Попробуйте заменить

$(function() {
$('#navigation > li > a, #navigation > li > span').click(function() {
		 $(this).closest('li').children('div').trigger('click');
		 return(false);
});
});

на

$(function() {
$('#navigation li a').click(function() {
		 var hitarea = $(this).closest('li').children('div');
		 if(hitarea.hasClass('hitarea')) {
			 hitarea.trigger('click');
			 return(false);
		 }
});
});

Цитата

Демо этого меню можно посмотреть по этой ссылке http://tympanus.net/...ple1.html.Хотел бы сделать одно горизонтальное,но так как кол-во категорий будет около 40,хотел бы чтобы они не сжимались,а располагались уже чуть ниже.Рисунок прилагаю.

Вся инструкция по данному меню доступна тут http://tympanus.net/...-and-icon-menu/ Все стили css вам необходимо размещать в файле стилей main.css а javascript в файле main.js

Не уверен что это меню поддерживает вертикальное построение (перенос пунктов на новую строку), и скорее всего необходимо будет для каждой полосы из 4-5 пунктов делать отдельное меню, что может вызвать дополнительные проблемы. Возможно вам стоит пересмотреть данный вопрос и выбрать что-то другое.

#127 arver

arver

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

  • Пользователи
  • PipPipPipPip
  • 982 сообщений

Отправлено 11 Сентябрь 2013 - 21:03

Здравствуйте,меню установить не получилось,нужна помощь!2)Как перенести форму заполнения на один уровень с названием(картинку приложил),и уменьшить длину этой формы

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

  • корзина.jpg


#128 Сake

Сake

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

  • Модератоpы
  • 5 979 сообщений

Отправлено 12 Сентябрь 2013 - 01:22

Пожалуйста, напишите подробнее что именно не получилось, и что уже было проделано.
2. В коде вашей формы удалите тег переноса <br /> который находиться между тегом <label> и <input> далее в файле стилей main.css найдите

.feedbackForm .input {
	width: 300px;
}

и замените на

.feedbackForm .input {
	width: 250px;
}

далее найдите

.feedbackForm label {
	display: block;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0.1em 0;
}

и замените на

.feedbackForm label {
	display: inline;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0.1em 0;
}


#129 arver

arver

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

  • Пользователи
  • PipPipPipPip
  • 982 сообщений

Отправлено 12 Сентябрь 2013 - 14:57

Спасибо,а как мне сделать так чтобы окно отображалось только один раз при заходе на главную,такое условие не помогает,нужна помощь!
  </div>
</div>
{% IF index_page %}
<script type="text/javascript">
var delay_popup = 1000;
setTimeout("document.getElementById('parent_popup').style.display='block'", delay_popup);</script>
<script language="javascript">
<!--
if (document.cookie.indexOf('_visited=1') == -1) {
/*код с всплывающим окном*/
document.cookie = '_visited=1; path=/';
}
//-->
</script>

{% ENDIF %}

#130 Сake

Сake

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

  • Модератоpы
  • 5 979 сообщений

Отправлено 13 Сентябрь 2013 - 01:38

Попробуйте использовать код

{% IF index_page %}
<script type="text/javascript">
if(document.cookie.indexOf('_visited=1') === -1) {
  document.cookie = '_visited=1; path=/';
  var delay_popup = 1000;
  setTimeout("document.getElementById('parent_popup').style.display='block'", delay_popup);
}
</script>
{% ENDIF %}


#131 arver

arver

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

  • Пользователи
  • PipPipPipPip
  • 982 сообщений

Отправлено 14 Сентябрь 2013 - 10:07

Спасибо помогло

#132 arver

arver

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

  • Пользователи
  • PipPipPipPip
  • 982 сообщений

Отправлено 15 Сентябрь 2013 - 10:53

Здравствуйте,сегодня обнаружил проблему почистив кэш,во всплывающем окне нет возможности заполнить форму(((и еще возможно ли форму(Ваш Телефон) сделать короче,так чтобы выровнять ее относительно верхних двух форм.

#133 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 15 Сентябрь 2013 - 21:05

Просмотр сообщенияarver (15 Сентябрь 2013 - 10:53) писал:

Здравствуйте,сегодня обнаружил проблему почистив кэш,во всплывающем окне нет возможности заполнить форму(((и еще возможно ли форму(Ваш Телефон) сделать короче,так чтобы выровнять ее относительно верхних двух форм.
Я так понимаю, у Вас эта форма уже была рабочая. После каких действий она пропала? Сейчас у Вас всплывает стандартное окно. Можете попробовать либо какой-нибудь бэкап восстановить, либо проделать те инструкции еще раз.

#134 Гость_Наталья C._*

Гость_Наталья C._*
  • Гости

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

Добрый день!
Подскажите, как сделать картинку по центру? Картинка "Sxema" - на главной сразу под монитором.
Спасибо!

#135 empty9228

empty9228

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

  • Модератоpы
  • 618 сообщений

Отправлено 14 Октябрь 2013 - 08:58

Здравствуйте!
Для этого Вам нужно в редакторе шаблонов зайти в файл HTML, там найти строчку

<img alt="схема работы" src="http://design.tvoistart.info/sxema1.png?1448" style="width: 1002px; height: 302px;float: center;" />
и заменить её на
<img alt="схема работы" src="http://design.tvoistart.info/sxema1.png?1448" style="width: 1002px; height: 302px;float: center; margin-left: 135px;" />
Последнее значение  margin-left: 135px меняет положение вашей картинки по горизонтали.

#136 Konstantin1105

Konstantin1105

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

  • Пользователи
  • PipPip
  • 37 сообщений

Отправлено 25 Февраль 2016 - 11:24

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

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

  • Снимок.JPG


#137 RayLi

RayLi

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

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

Отправлено 25 Февраль 2016 - 11:31

Просмотр сообщенияKonstantin1105 (25 Февраль 2016 - 11:24) писал:

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

Здравствуйте.
Сделайте, пожалуйста, следующее:
В бэк-офисе вашего интернет-магазина. в разделе Сайт -> Редактор шаблонов найдите, пожалуйста, в шаблоне main.css данный код:

.mainwidth {
	width: 960px;
	margin: 0 auto;
}

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

.mainwidth {
	width: 1800px;
	margin: 0 auto;
}


Далее в том же шаблоне найдите, пожалуйста, следующий код:

.middle-content {
	width: 686px;
	display: inline-block;
	vertical-align: top;
}

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

.middle-content {
	width: 686px;
	display: inline-block;
	vertical-align: top;
	float: right;
}


#138 Konstantin1105

Konstantin1105

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

  • Пользователи
  • PipPip
  • 37 сообщений

Отправлено 25 Февраль 2016 - 12:49

Просмотр сообщенияRayLi (25 Февраль 2016 - 11:31) писал:

Здравствуйте.
Сделайте, пожалуйста, следующее:
В бэк-офисе вашего интернет-магазина. в разделе Сайт -> Редактор шаблонов найдите, пожалуйста, в шаблоне main.css данный код:

.mainwidth {
width: 960px;
margin: 0 auto;
}

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

.mainwidth {
width: 1800px;
margin: 0 auto;
}


Далее в том же шаблоне найдите, пожалуйста, следующий код:

.middle-content {
width: 686px;
display: inline-block;
vertical-align: top;
}

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

.middle-content {
width: 686px;
display: inline-block;
vertical-align: top;
float: right;
}
слева нормально, а справа немного не получилось

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

  • Снимок.JPG


#139 RayLi

RayLi

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

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

Отправлено 25 Февраль 2016 - 12:55

Просмотр сообщенияKonstantin1105 (25 Февраль 2016 - 12:49) писал:

слева нормально, а справа немного не получилось

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

#140 Konstantin1105

Konstantin1105

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

  • Пользователи
  • PipPip
  • 37 сообщений

Отправлено 25 Февраль 2016 - 12:57

Просмотр сообщенияRayLi (25 Февраль 2016 - 11:31) писал:

Здравствуйте.
Сделайте, пожалуйста, следующее:
В бэк-офисе вашего интернет-магазина. в разделе Сайт -> Редактор шаблонов найдите, пожалуйста, в шаблоне main.css данный код:

.mainwidth {
width: 960px;
margin: 0 auto;
}

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

.mainwidth {
width: 1800px;
margin: 0 auto;
}


Далее в том же шаблоне найдите, пожалуйста, следующий код:

.middle-content {
width: 686px;
display: inline-block;
vertical-align: top;
}

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

.middle-content {
width: 686px;
display: inline-block;
vertical-align: top;
float: right;
}
вот это все как на картинке нужно вправо сдвинуть, а если увеличиваешь страницу, то вообще выходит белое окно как в предыдущем вопросе

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

  • Снимок.JPG





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных