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

[Василий]

как можно сделать вот такое меню http://avtoreg731.st...мянный.png?3681

и как сделать, что бы отображалось так как на скрине http://avtoreg731.st...янный2.png?5120

[support 2.0]

Василий (17 Июль 2013 - 14:19) писал:

как можно сделать вот такое меню http://avtoreg731.st...мянный.png?3681

и как сделать, что бы отображалось так как на скрине http://avtoreg731.st...янный2.png?5120

К сожалению, данные ссылки у нас не открываются. Вы можете прикрепить эти изображения к сообщению через расширенную форму

[Василий]

support 2.0 (17 Июль 2013 - 15:19) писал:

К сожалению, данные ссылки у нас не открываются. Вы можете прикрепить эти изображения к сообщению через расширенную форму

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

• 
• 

[miyako]

Василий (17 Июль 2013 - 15:32) писал:

Меню можно сделать либо градиентом, либо изображение создать.

[support 2.0]

Василий (17 Июль 2013 - 15:32) писал:

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

По поводу второго скриншота, то я не очень поняла что Вам нужно. Можете написать пример сайта, где это можно посмотреть?

[Василий]

как расширить строку меню как на скриншоте

мой сайт http://vsedlyvseh.ru/

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

• 

[Taisia]

Что бы меню у вас растянулось до края блока контента найдите в файле main.css
стиль

#mainNav {
...
....
...
}

и допишите в него параметр width:960px;

[Василий]

пока вы тут подскажите...
пытался сделать такое меню как http://mobilesar.ru
а вышло  просто ужас((( http://vsedlyvseh.ru/   помогите Аккаунт SL-218296

[Василий]

Taisia (17 Июль 2013 - 20:42) писал:

Что бы меню у вас растянулось до края блока контента найдите в файле main.css
стиль

#mainNav {
...
....
...
}

и допишите в него параметр width:960px;

спасибо, с этим разобрались.

[Taisia]

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

[Василий]

Taisia (17 Июль 2013 - 21:22) писал:

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

мне надо такое же меню как http://mobilesar.ru я его и пытался сделать но не вышло...

[Василий]

блин помогите же кто нить...
поставил выпадающие меню, а оно нифига не выпадает... http://vsedlyvseh.ru/
должно быть как тут http://mobilesar.ru/

[Taisia]

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

<script type="text/javascript">
$(document).ready(function () {
$('.nav li').hover(
function () {
//show its submenu
$('ul', this).show();
},
function () {
//hide its submenu
$('ul', this).hide();
}
);
});
</script>

[Василий]

Taisia (18 Июль 2013 - 23:31) писал:

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

<script type="text/javascript">
$(document).ready(function () {
$('.nav li').hover(
function () {
//show its submenu
$('ul', this).show();
},
function () {
//hide its submenu
$('ul', this).hide();
}
);
});
</script>

Большое спасибо!

[Василий]

Подскажите как сделать такую штуку как на сайте http://www.123.ru/

В скриншоте отметил подробно, что именно

только бы желательно немного размеры по меньше.

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

• 

[Василий]

мне кто нибудь ответит?

[Василий]

Василий (19 Июль 2013 - 12:36) писал:

Подскажите как сделать такую штуку как на сайте http://www.123.ru/

В скриншоте отметил подробно, что именно

только бы желательно немного размеры по меньше.

Мне хоть кто нибудь ответит???

[Василий]

и еще одна проблема появилась...
как настроить, чтобы показывался текст виджета, а не знаки вопросов

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

• 

[Сake]

Для начала можно сделать саму панель, так как данное изменение которое вы хотите реализовать - не делается быстро.

Добавьте в ваш шаблон "HTML" после тега <body>

<div class="panel-bottom">
	 <ul class="panel-bottom-link">
	 <li rel="recently_viewed_goods">Просмотренные товары <span>(0)</span></li>
	   <li rel="compare_goods">В сравнении <span>({COMPARE_GOODS_COUNT})</span></li>
	   <li rel="conline_consultant">Онлайн-консультант</li>
	 </ul>
	 <div class="panel-bottom-content">
		<div id="recently_viewed_goods">1</div>
		<div id="compare_goods">2</div>
		<div id="conline_consultant">3</div>
	 </div>
  </div>
<script>
var recently_viewed_goods_count = 0;
{% IFNOT recently_viewed_goods_empty %}{% FOR recently_viewed_goods %}recently_viewed_goods_count++;{% ENDFOR %}{% ENDIF %}
$('[rel="recently_viewed_goods"] span').text('(' + recently_viewed_goods_count + ')');
</script>

Далее в файл стилей main.css вставьте

.panel-bottom {
  background: #4B4B4B;
  border-radius: 6px 6px 0 0;
  bottom: 0;
  left: 50%;
  margin-left: -40%;
  position: fixed;
  width: 80%;
  overflow: hidden; 
}
.panel-bottom-link li {
  color: #FFFFFF;
  display: block;
  float: left;
  font-size: 16px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 335.4px;
  cursor: pointer;
  border-left: 1px solid #6A6A6A;
  border-right: 1px solid #3C3C3C;
}
.panel-bottom-link li:first-of-type {
   border-left: none;
}
.panel-bottom-link li:last-of-type {
   border-right: none;
}
.panel-bottom-link li:hover {
  background: #323232;				  
}
.panel-bottom-link li span {
  color: orange;
}
.panel-bottom-content > div {
  display: none;
}

Как сделаете изменение - сообщите, можно будет продолжить.

Цитата

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

Пересохраните файл share42.js в кодировке UTF-8

[Василий]

Сake (20 Июль 2013 - 02:41) писал:

Для начала можно сделать саму панель, так как данное изменение которое вы хотите реализовать - не делается быстро.

Добавьте в ваш шаблон "HTML" после тега <body>

<div class="panel-bottom">
	 <ul class="panel-bottom-link">
	 <li rel="recently_viewed_goods">Просмотренные товары <span>(0)</span></li>
	 <li rel="compare_goods">В сравнении <span>({COMPARE_GOODS_COUNT})</span></li>
	 <li rel="conline_consultant">Онлайн-консультант</li>
	 </ul>
	 <div class="panel-bottom-content">
	 <div id="recently_viewed_goods">1</div>
	 <div id="compare_goods">2</div>
	 <div id="conline_consultant">3</div>
	 </div>
</div>
<script>
var recently_viewed_goods_count = 0;
{% IFNOT recently_viewed_goods_empty %}{% FOR recently_viewed_goods %}recently_viewed_goods_count++;{% ENDFOR %}{% ENDIF %}
$('[rel="recently_viewed_goods"] span').text('(' + recently_viewed_goods_count + ')');
</script>

Далее в файл стилей main.css вставьте

.panel-bottom {
background: #4B4B4B;
border-radius: 6px 6px 0 0;
bottom: 0;
left: 50%;
margin-left: -40%;
position: fixed;
width: 80%;
overflow: hidden;
}
.panel-bottom-link li {
color: #FFFFFF;
display: block;
float: left;
font-size: 16px;
height: 50px;
line-height: 50px;
text-align: center;
width: 335.4px;
cursor: pointer;
border-left: 1px solid #6A6A6A;
border-right: 1px solid #3C3C3C;
}
.panel-bottom-link li:first-of-type {
border-left: none;
}
.panel-bottom-link li:last-of-type {
border-right: none;
}
.panel-bottom-link li:hover {
background: #323232;				
}
.panel-bottom-link li span {
color: orange;
}
.panel-bottom-content > div {
display: none;
}

панель добавил