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

[mikola]

Цитата

Спасибо лгромное
Поскажие ещё как сделать такое меню дрожащее, когда курсор подводишь слову слово дёргается как вот на этом сайте http://moy-pohod.ru/catalog ?

выберите нужный вам меню
http://www.coolwebma...level-menu.html

[Виолетта]

Добрый день. Скажите,как вставить конкретный фон. Вот такой и сможет ли он отображаться как на картинке со всеми нюансами?
мой магазин http://good4hobby.ru/

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

• 

[dfysdbu]

Спасибо за информацию!
Подобрал себе меню вот ссылки
http://nettuts.s3.am...demo/demo.html#
http://pers.narod.ru...pup_menu.html#0
Первая ссылка на меню дёргающееся при наведении курсора
Второе меню раскрывающееся без обнавления страницы
Возможноли совместить эти два меню и вставить на сайт?

[Koderhan]

Виолетта (20 Март 2013 - 11:37) писал:

Добрый день. Скажите,как вставить конкретный фон. Вот такой и сможет ли он отображаться как на картинке со всеми нюансами?
мой магазин http://good4hobby.ru/

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.csstemplate".
Найти код:

body {
  font-size: 75%; /* convert 16px base font size to 12px */
  line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */
  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
  background-color: #FFF;
  color: #666;
}

Заменить:

body {
  font-size: 75%; /* convert 16px base font size to 12px */
  line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */
  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
  background-color: #FFF;
  color: #666;
  background: url(адрес изображения);
  background-size: 100%;
  background-position: 49px;
  background-repeat: repeat;
}

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.csstemplate".
Найти код:

#contentWrap {clear: both; background: url(/web/fon_bok.jpg); background-color: white;/*цвет фона при отсутствие картинки*/}

Заменить:

#contentWrap {clear: both;}

Найти код:

#footer {background: url("http://kupi-hobby.storeland.net/botfade.jpg") repeat-x 50% 100%;border-top: 1px solid #CCC;clear: both;color: #999;font-family: verdana;height: 139px;margin: 0px;padding: 0px;text-align: center;}

Заменить:

#footer {border-top: 1px solid #CCC;clear: both;color: #999;font-family: verdana;height: 139px;margin: 0px;padding: 0px;text-align: center;}

[Виолетта]

Спасибо вам огромное. Я так рада,что именно вы мне ответили. Все получилось.

[dfysdbu]

Подскажите насчёт меню, как его вставить, на сайт?

[support 2.0]

dfysdbu (21 Март 2013 - 12:12) писал:

Подскажите насчёт меню, как его вставить, на сайт?

Вы про меню, где при наведении текст сдвигается вправо?
для данной реализации нужно файле main.css найти блок

#subNavigation li a:hover,
#subNavigation li a:active {
background: url({ASSETS_IMAGES_PATH}square_bullet.gif) no-repeat 0 0.6em;
color: #D0431D;
text-decoration: none;
}

замените его на

#subNavigation li a:hover,
#subNavigation li a:active {
background: url({ASSETS_IMAGES_PATH}square_bullet.gif) no-repeat 0 0.6em;
color: #D0431D;
text-decoration: none;
margin-left: 10px;
}

также найдите блок

#subNavigation {
width: 160px;
margin: 5px;
border: 1px solid #E5E5E5;
border-radius: 15px;
padding: 4px;
background: pink;
}

замените на

#subNavigation {
width: 170px;
margin: 5px;
border: 1px solid #E5E5E5;
border-radius: 15px;
padding: 4px;
background: pink;
}

или есть другой вариант, можете попробовать в файл main.js вставить

//сдвиг ссылок меню каталога
$(document).ready(function()
{
slide("#subNavigation", "+=8", "-=8", 150, .8);
});

[dfysdbu]

support 2.0 (21 Март 2013 - 12:26) писал:

Вы про меню, где при наведении текст сдвигается вправо?
для данной реализации нужно файле main.css найти блок

#subNavigation li a:hover,
#subNavigation li a:active {
background: url({ASSETS_IMAGES_PATH}square_bullet.gif) no-repeat 0 0.6em;
color: #D0431D;
text-decoration: none;
}

замените его на

#subNavigation li a:hover,
#subNavigation li a:active {
background: url({ASSETS_IMAGES_PATH}square_bullet.gif) no-repeat 0 0.6em;
color: #D0431D;
text-decoration: none;
margin-left: 10px;
}

также найдите блок

#subNavigation {
width: 160px;
margin: 5px;
border: 1px solid #E5E5E5;
border-radius: 15px;
padding: 4px;
background: pink;
}

замените на

#subNavigation {
width: 170px;
margin: 5px;
border: 1px solid #E5E5E5;
border-radius: 15px;
padding: 4px;
background: pink;
}

или есть другой вариант, можете попробовать в файл main.js вставить

//сдвиг ссылок меню каталога
$(document).ready(function()
{
slide("#subNavigation", "+=8", "-=8", 150, .8);
});

Вариант с main.js не сработал
1) А вот первый вариант работает! Возможно ли сделать только что бы не выскакивал при сдвиге строки квадратик красненький слевой стороны и сдвиг текста был более плавным?

2) Вот по этой ссылке есть код меню http://pers.narod.ru...pup_menu.html#0
Меню раскрывается (выезжает вниз) без обнавления страницы, возможноли так же сделать меню раскрывающееся вниз без обнавления страницы?

[dfysdbu]

Так возможно сделать плавно раскрывающееся меню?

[Сake]

Информацию по подобному виду каталога вы можете найти в теме форума http://forum.storela...аров/#entry2796

[Виолетта]

Помогите пожалуйста с поиском. После переноса его вниз под левый блок,он не работает вообще. Кнопка нажимается,но поиска нет
магазин  http://good4hobby.ru

[Koderhan]

Виолетта (26 Март 2013 - 08:42) писал:

Помогите пожалуйста с поиском. После переноса его вниз под левый блок,он не работает вообще. Кнопка нажимается,но поиска нет
магазин  http://good4hobby.ru

Панель администратора, "Сайт"->"Редактор тем".
В файле "HTML".
Найти код:

<input type="button" value="Искать" title="Search" alt="search" id="submit" name="submit">

Заменить:

<input type="submit" value="Искать" title="Search" alt="search" id="submit" name="submit">

Просто у кнопки был не тот тип.
Кнопка типа submit отправляет запрос на сервер.

[Stasya]

Виолетта (26 Март 2013 - 08:42) писал:

Помогите пожалуйста с поиском. После переноса его вниз под левый блок,он не работает вообще. Кнопка нажимается,но поиска нет
магазин  http://good4hobby.ru

Это мой маленький недочет. Для того чтобы его исправить Вам нужно скачать к себе( на всякий случай) картинку с именем
search_button.gif( стандартная лупа) Затем Вам нужно в обычном граф.редакторе создать или скачать из интернета картинку такой же кнопочки"искать" как у Вас сейчас, переименовать ее в search_button.gif  и загрузить ее к себе в файлы в бэк- офисе. После всего проделанного вам необходимо зайти в шаблон HTML и найти там блок

<!-- Поиск -->
						 <div>
<div id="searchPanel">
<form action="http://{NET_DOMAIN}/search" method="get">
		 <p>
				 <div class="seachblockpink">
		 <label for="keywords">Поиск</label></div><div>
		 <input type="text" maxlength="100" id="keywords" name="q" value="{SEARCH_QUERY}" />
		 <input type="button" value="Искать" title="Search" alt="search" id="submit" name="submit" />
		 </div>
		 </p>
</form>
</div>
		 <div>
<!-- end Поиск -->

и заменить его на

<!-- Поиск -->
						 <div>
<div id="searchPanel">
<form action="http://{NET_DOMAIN}/search" method="get">
		 <p>
				 <div class="seachblockpink">
		 <label for="keywords">Поиск</label></div><div>
		 <input type="text" maxlength="100" id="keywords" name="q" value="{SEARCH_QUERY}" />
		 <input type="image" value="Искать" title="Search" alt="search" id="submit" name="submit" />
		 </div>
		 </p>
</form>
</div>
		 <div>
<!-- end Поиск -->

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

[Виолетта]

Спасибо большое всем,все получилось, работает. Подскажите еще пожалуйста,чтобы совсем тему закрыть: как изменить само слово ПОИСК. Сделать его чуть больше и отцентровать по высоте и как можно шрифт его поменять?

[miyako]

Виолетта (26 Март 2013 - 11:01) писал:

Спасибо большое всем,все получилось, работает. Подскажите еще пожалуйста,чтобы совсем тему закрыть: как изменить само слово ПОИСК. Сделать его чуть больше и отцентровать по высоте и как можно шрифт его поменять?

Поменять слово "Поиск" можно в шаблоне HTML примерно в следующем коде:

<div class="seachblockpink">
		 <label for="keywords">Поиск</label></div>

Отцентрировать можно так:
Найти код:

#searchPanel {
position: relative;
top: 150px;
left: 50px;
height: 128px;
width: 130px;
}

и заменить на:

#searchPanel {
position: relative;
top: 214px;
left: 50px;
height: 128px;
width: 130px;
}

Чтобы поменять шрифт поиска можно:
Найти код:

.seachblockpink {
width: 168px;
height: 25px;
border: 1px solid rgb(223, 154, 212);
background: rgb(223, 154, 212);
margin-left: 18px;
}

и заменить на:

.seachblockpink {
width: 168px;
height: 25px;
border: 1px solid rgb(223, 154, 212);
background: rgb(223, 154, 212);
margin-left: 18px;
font-family: arial;
}

[Виолетта]

Спасибо!

[dfysdbu]

1) Подскажите пожалуйста что надо сделать что бы вставить вот это меню на сайт http://net.tutsplus....t-using-jquery/

Ни как не соображу что поменять в HTML коде

Я скачл java скрипт, добавил на сайт, но как в HTML и CSS прописать это меню не пойму

2) Подскажите можно вставить на сайт следующий JQweri скрипт для ползунка цены товара http://www.xiper.net...-ui-slider.html

[Сake]

1) Что именно вы хотите получить от данного меню? Получить такой же стиль отображения, или же вы просто хотите добавить к вашему каталоги эффект наведения на пункты меню. Стандартное меню по сути ничем не отличается от предложенного вами по структуре. Отличается только стиль и добавлен эффект при наведении на пункты.

2) Пожалуйста, сообщите куда именно вы хотите вставить данный скрипт и к какому полю вы хотите его применить?

[dfysdbu]

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

2) Хотел вставить данный скрипт, для цен товара, что бы можно было их фильтровать по цене от пожелания покупателя. Это возможно?

[Koderhan]

Цитата

2) Хотел вставить данный скрипт, для цен товара, что бы можно было их фильтровать по цене от пожелания покупателя. Это возможно?

К сожалению нет.

Цитата

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

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

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.csstemplate".
Найти код:

#subNavigation li a:link,
#subNavigation li a:visited {
padding-left: 10px;
color: #666;
display: block;
}

Заменить:

#subNavigation li a:link,
#subNavigation li a:visited {
padding-left: 10px;
color: #666;
display: block;
padding-left: 10px;
padding: 5px 10px;
background: #69f; color: #000;
-webkit-transition-property: padding-left;
-webkit-transition-duration: 0.5s;
-webkit-transition-timing-function: ease;

transition-property: padding-left;
transition-duration: 0.5s;
transition-timing-function: ease;
}