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

[fredshka]

Спасибо огромное) Помогло!

[fredshka]

Подскажите, пожалуйста, как сделать вот такой слайдер и три, не знаю что это, баннеры наверное? Очень круто смотрятся..
http://xjewel.ru/ - сделан на сторленде

Также нужно такое меню, как на этом сайте - http://vitamina-shop.ru/
Чтобы был такой же шрифт и так же двигались кнопки (вправо-влево) при наведении курсора!! Очень красиво, хочу также

[Vaccina]

Данные дизайны были созданы в студиях и за подобным необходимо обращаться к ним же.
Инструкция по установке слайдера:http://storeland.ru/about/faq#51
Инструкция по установке баннера: http://storeland.ru/about/faq#66

[fredshka]

Я не про дизайн баннеров, а про возможность их установки! ИХ дизайн я нарисую сам.

Что по поводу двигающихся кнопок меню?

[Ирина345]

fredshka (06 Июнь 2014 - 07:08) писал:

Я не про дизайн баннеров, а про возможность их установки! ИХ дизайн я нарисую сам.

Что по поводу двигающихся кнопок меню?

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

[fredshka]

Это я уже понял, что с кнопками??

[Vaccina]

Что про кнопки именно вам не понятно? Уточните пожалуйста свой вопрос.
Баннеры на вашем сайте я не обнаружила, слайдер у вас уже давно установлен.

[tega4]

fredshka (06 Июнь 2014 - 10:27) писал:

Это я уже понял, что с кнопками??

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

 #left .block .navigation ul li a:hover, #right .block .navigation ul li a:hover { color:#312E29; text-decoration:none;}

и замените на эту:

 #left .block .navigation ul li a:hover, #right .block .navigation ul li a:hover { color:#312E29; text-decoration:none; margin-left: 10px; }

[fredshka]

Спасибо, получилось! Я полагаю Вы не модератор?

[tega4]

fredshka (07 Июнь 2014 - 13:15) писал:

Спасибо, получилось! Я полагаю Вы не модератор?

не за что, да не модератор, но помочь с мелкими деталями могу)

[fredshka]

Видимо модераторы забили на своих клиентов! Не особо приятно((
Вам огромное спасибо за помощь)

Не знаете как сделать подложку для меню (серого цвета), как на этом сайте? http://vitamina-shop.ru/

[tega4]

попробуйте заменить в этом коде картинку:

#panelsite div.centercol .menuheader {
background: url("http://design.tort-tut.ru/menufooter-bg.png") repeat-x;
border-radius: 4px;
height: 34px;
margin-left: 25px;
overflow: hidden;
width: 1000px;
z-index: 99}

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

#panelsite div.centercol .menuheader {
background: url("http://design.tort-tut.ru/menufooter-bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
border-radius: 4px;
height: 34px;
margin-left: 25px;
overflow: hidden;
width: 1000px;
z-index: 99}

на этот:

#panelsite div.centercol .menuheader {
background: transparent;
border-radius: 4px;
height: 34px;
margin-left: 25px;
overflow: hidden;
width: 1000px;
z-index: 99}

[fredshka]

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

Хочу сделать на сайте tort-tut.ru вот такой бар сверху, где будет размещена корзина и мой кабинет (показано на картинке)

Также хотелось бы добавить поиск по сайту под логотипом.

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

=Заранее спасибо

[daria_dnk]

fredshka (06 Июль 2014 - 18:13) писал:

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

Хочу сделать на сайте tort-tut.ru вот такой бар сверху, где будет размещена корзина и мой кабинет (показано на картинке)

Также хотелось бы добавить поиск по сайту под логотипом.

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

=Заранее спасибо

Здравствуйте! Перед внесением изменений сохраните бэк-ап шаблона.
Попробуйте сделать так:В шаблон main.css добавить строку

.gl {background: #000;padding: 10px}

Найдите в шаблоне HTML строку

<div class="rightcol cartInfo">
<a href="{CART_URL}"><img src="{ASSETS_IMAGES_PATH}cart.png" alt="{SETTINGS_STORE_NAME}" title="Оформить заказ в {SETTINGS_STORE_NAME}" /></a>
<ul onclick="document.location='{CART_URL}';">
{% IF cart_count_empty %}
<li class="default off">Товаров на:</li>
<li class="money cartSum">0 {CURRENCY_NAME}</li>
{% ELSE %}
{% FOR cart_sum %}
<li class="default">Товаров на:</li>
<li class="hover">Заказать на:</li>
<li class="money cartSum">{cart_sum.NOW | money_format}</li>
{% ENDFOR %}
{% ENDIF %}
</ul>
</div>

замените ее на

<div class="gl">
<div style="float:right;margin-right:100px;"><a style="text-decoration:none;color:white;" href="http://tort-tut.ru/user/login">Мой кабинет</a></div>
<div class="rightcol cartInfo">
<a href="{CART_URL}"><img src="{ASSETS_IMAGES_PATH}cart.png" alt="{SETTINGS_STORE_NAME}" title="Оформить заказ в {SETTINGS_STORE_NAME}" /></a>
<ul style="float:right;" onclick="document.location='{CART_URL}';">
{% IF cart_count_empty %}
<li style="margin-top:-20px;" class="default off">Товаров на:</li>
<li class="money cartSum">0 {CURRENCY_NAME}</li>
{% ELSE %}
{% FOR cart_sum %}
<li class="default">Товаров на:</li>
<li class="hover">Заказать на:</li>
<li class="money cartSum">{cart_sum.NOW | money_format}</li>
{% ENDFOR %}
{% ENDIF %}
</ul>
</div> </div>

и переместите перед строкой

<div id="backtop">

В шаблоне main.css добавьте строку

.cartInfo {margin-top:-20px}

[fredshka]

НЕ помогло!
Вес сайт перекосило, возвратил обратно! Нужен другой вариант..

[Ирина345]

fredshka (06 Июль 2014 - 20:04) писал:

НЕ помогло!
Вес сайт перекосило, возвратил обратно! Нужен другой вариант..

Здравствуйте, найдите в HTML

<div id="backtop">
  <div id="container">
	<!-- Шапка сайта -->

замените на

<div id="backtop">
<div class="test">

<div class="rightcol cartInfo">
<a href="{CART_URL}"><img src="{ASSETS_IMAGES_PATH}cart.png" alt="{SETTINGS_STORE_NAME}" title="Оформить заказ в {SETTINGS_STORE_NAME}" /></a>
<ul style="float:right;" onclick="document.location='{CART_URL}';">
{% IF cart_count_empty %}
<li style="margin-top:-20px;" class="default off">Товаров на:</li>
<li class="money cartSum">0 {CURRENCY_NAME}</li>
{% ELSE %}
{% FOR cart_sum %}
<li class="default">Товаров на:</li>
<li class="hover">Заказать на:</li>
<li class="money cartSum">{cart_sum.NOW | money_format}</li>
{% ENDFOR %}
{% ENDIF %}
</ul>
</div>
</div>
  <div id="container">
	<!-- Шапка сайта -->

в конец файла main.css
добавьте

div.test {
background: black;
height: 35px;
}

Пожалуйста не отменяйте изменения, что бы МЫ могли Видеть что Вам нужно изменить.

[fredshka]

Сделал, получилось! Только я решил заменить полоску на созданную картинку.

Как теперь туда разместить нужную информацию?

[fredshka]

Я просто не могу долго ждать, пока вы ответите, сайт может быть ужасно искорежен.. клиенты посещают, не хочу чтобы они кавардак на сайте видели

[Vaccina]

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

После:

div.test {
	background: url("http://design.tort-tut.ru/bg_header_top.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
	height: 35px;
	overflow: hidden;
}

добавьте:

div.test .cartInfo {
	color: #fff;
	margin-right: 20px;
	margin-top: 3px;
}
div.test .cartInfo li {
	display: inline-block;
}

А в шаблоне HTML найдите:

<li style="margin-top:-20px;" class="default off">Товаров на:</li>

замените на:

<li class="default off">Товаров на:</li>

остается только загрузить иконку с названием cart.png

[fredshka]

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