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


Выпадающее Меню


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

#81 Кристина5

Кристина5

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

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

Отправлено 07 Май 2013 - 23:18

Большущее спасибо, выпадающее меню получилось! только при создании нового пункта (в частности "добавить в избранное") добавляю в разделе Сайт -> Меню, и оно автоматом добавляется в выпадающее меню, и даже там эта кнопка не кликабельна, как сделать кликабельной и не в выпадающем меню, а рядом отдельным пунктом?

#82 Сake

Сake

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

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

Отправлено 08 Май 2013 - 00:52

Вам необходимо убрать предыдущую ссылку, и в вашем шаблоне найти

</ul>
<div class="clr"></div>
</div>
<!-- end Верхний блок навигации -->
</div>

и заменить на

<li><a onclick="return add2Fav(this);">добавить в избранное</a></li>
</ul>
<div class="clr"></div>
</div>
<!-- end Верхний блок навигации -->
</div>

и после в файл main.js добавить

function add2Fav (x){
								 if (document.all  && !window.opera) {
												  if (typeof window.external == "object") {
																 window.external.AddFavorite (document.location, document.title);
																 return true;
												   }
												   else return false;
								}
								 else{
												 x.href=document.location;
												 x.title=document.title;
												 x.rel = "sidebar";
												 return true;
								 }
				 }


#83 Кристина5

Кристина5

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

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

Отправлено 08 Май 2013 - 15:22

УРА!!! Получилось!!! а как что бы по внешнему виду кнопка была наравне со всеми? Прикрепляю файл того, как получилось. и что бы при наведении на кнопку была не палочка, а рука, и в кнопке надпись белым, а при наведении сама кнопка выделялась синим?

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

  • ура.png


#84 Сake

Сake

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

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

Отправлено 09 Май 2013 - 02:27

У вас блок вставлен с ошибкой, потерялся символ < у тега li. Найдите

li><a onclick="return add2Fav(this);"

и замените на

<li><a onclick="return add2Fav(this);"


#85 Кристина5

Кристина5

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

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

Отправлено 09 Май 2013 - 18:57

сделала, но кнопка теперь пропала вовсе(, а текст в теле отодвинулся вниз

#86 support 2.0

support 2.0

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

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

Отправлено 09 Май 2013 - 19:40

Просмотр сообщенияКристина5 (09 Май 2013 - 18:57) писал:

сделала, но кнопка теперь пропала вовсе(, а текст в теле отодвинулся вниз

в файле main.css найдите
.containerin {width: 940px; margin-left: 22px;
margin-top: -19px; }
измените
940
на
955

далее измените в шаблоне HTML код кнопки
<li><a onclick="return add2Fav(this);"
на
<li><a style="cursor: pointer;" onclick="return add2Fav(this);"


#87 Кристина5

Кристина5

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

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

Отправлено 09 Май 2013 - 22:44

сделала, но кнопка не появилась (пользуюсь Operой),  но появилась в IE. Зато в IE кнопки меню сдвинуты вниз - прилагаю скрин.

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

  • проблема в IE.jpg


#88 support 2.0

support 2.0

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

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

Отправлено 10 Май 2013 - 20:42

Просмотр сообщенияКристина5 (09 Май 2013 - 22:44) писал:

сделала, но кнопка не появилась (пользуюсь Operой),  но появилась в IE. Зато в IE кнопки меню сдвинуты вниз - прилагаю скрин.

измените тогда то число на 980

#89 Кристина5

Кристина5

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

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

Отправлено 10 Май 2013 - 20:51

УРА!!!УРА!!!УРА!!! Большущее всем спасибо за помощь!!! Все получилось как надо!!!

#90 Кристина5

Кристина5

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

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

Отправлено 12 Май 2013 - 21:56

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

#91 support 2.0

support 2.0

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

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

Отправлено 13 Май 2013 - 13:42

Просмотр сообщенияКристина5 (12 Май 2013 - 21:56) писал:

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

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

#92 rastuigraya

rastuigraya

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

  • Пользователи
  • PipPip
  • 47 сообщений
  • ГородНовосибирск

Отправлено 13 Май 2013 - 14:16

Сделала все как в инструкции http://forum.storela...er/6626-as1987/ ,в результате пропало мое меню совсем.
Пришлось этот код:
<!-- Верхний блок навигации -->
<div class="containerin" id="top-menu">
<ul class="pad-box cont620" id="mainmenu">
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
<div class="clr"></div>
</div>

<!-- end Верхний блок навигации -->
вернуть пока на место, теперь два Верхних блока в html
Получилось что есть мое меню,и под ним второй строкой еще одно меню, только не выпадает ничего.

Помогите разобраться что не так?

#93 Кристина5

Кристина5

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

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

Отправлено 13 Май 2013 - 18:31

Просмотр сообщенияsupport 2.0 (13 Май 2013 - 13:42) писал:

Вы создаете в сайт -> страницы нужную страницу с нужным названием. Далее в разделе сайт -> меню -> верхнее -> добавить пункт -> ищите в списке ту самую страницу по заголовку, который Вы указали в ее названии
сделала (проделывала с "контакты"). в итоге текст добавился не в меню "контакты", а добавилась строка с нужным текстом в выпадающем меню "как работает магазин".прилагаю скрин.

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

  • 1.jpg


#94 Koderhan

Koderhan

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

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

Отправлено 14 Май 2013 - 10:52

Просмотр сообщенияКристина5 (13 Май 2013 - 18:31) писал:

сделала (проделывала с "контакты"). в итоге текст добавился не в меню "контакты", а добавилась строка с нужным текстом в выпадающем меню "как работает магазин".прилагаю скрин.
Для того чтобы по клику в главном горизонтальном меню по пункту "контакты" переходило на создонную страницу вы можете изменить код:
<a href="ссылка" title="На главную">Контакты</a>
На такой код:
<a href="тут адрес до страницы " title="На главную">Контакты</a>


#95 rastuigraya

rastuigraya

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

  • Пользователи
  • PipPip
  • 47 сообщений
  • ГородНовосибирск

Отправлено 14 Май 2013 - 14:51

Ау!Кто нибудь ответит?

#96 bg999

bg999

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

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

Отправлено 14 Май 2013 - 18:52

Просмотр сообщенияСake (23 Апрель 2013 - 01:42) писал:

Вам необходимо в файле стилей main.css найти

#mainmenu li, #langmenu li {
display: inline;
}

и заменить на

#mainmenu li, #langmenu li {
display: inline;
position: relative;
}



2. Вам ответили тут http://forum.storela...__60#entry61793

3. Не совсем понятно за счет какого верха вы имеете в виду. На данный момент у вас отсутствуют отступы у полоски меню навигации, и меню навигации растягивается по всю ширину.

4. Изменить изображение вы можете в любом графическом редакторе, например Photoshop. Стили применения изображений звездочек находятся в файле стилей jquery.ui.stars.min.css
Данный файл доступен по адресу http://ваш домен/forall/css/jquery-ui-stars/jquery.ui.stars.min.css



По поводу 4 пункта: Как достать изображение чтобы отредактировать в графическом редакторе? Не получается достать изображение звездочек(

#97 Кристина5

Кристина5

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

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

Отправлено 14 Май 2013 - 23:18

Просмотр сообщенияKoderhan (14 Май 2013 - 10:52) писал:

Для того чтобы по клику в главном горизонтальном меню по пункту "контакты" переходило на создонную страницу вы можете изменить код:
<a href="ссылка" title="На главную">Контакты</a>
На такой код:
<a href="тут адрес до страницы " title="На главную">Контакты</a>
большое спасибо, сделала-получилось, вот только пропала кнопка "добавить в избранное"((

#98 Сake

Сake

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

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

Отправлено 15 Май 2013 - 01:08

Просмотр сообщенияrastuigraya (13 Май 2013 - 14:16) писал:

Сделала все как в инструкции http://forum.storela...er/6626-as1987/ ,в результате пропало мое меню совсем.
Пришлось этот код:
<!-- Верхний блок навигации -->
<div class="containerin" id="top-menu">
<ul class="pad-box cont620" id="mainmenu">
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
<div class="clr"></div>
</div>

<!-- end Верхний блок навигации -->
вернуть пока на место, теперь два Верхних блока в html
Получилось что есть мое меню,и под ним второй строкой еще одно меню, только не выпадает ничего.

Помогите разобраться что не так?

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

Просмотр сообщенияbg999 (14 Май 2013 - 18:52) писал:

По поводу 4 пункта: Как достать изображение чтобы отредактировать в графическом редакторе? Не получается достать изображение звездочек(

Адрес изображения будет вида

http://вашдомен/forall/css/jquery-ui-stars/images/jquery.ui.stars.gif

Просмотр сообщенияКристина5 (14 Май 2013 - 23:18) писал:

большое спасибо, сделала-получилось, вот только пропала кнопка "добавить в избранное"((

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

#99 rastuigraya

rastuigraya

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

  • Пользователи
  • PipPip
  • 47 сообщений
  • ГородНовосибирск

Отправлено 15 Май 2013 - 04:38

Просмотр сообщенияСake (15 Май 2013 - 01:08) писал:

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



Адрес изображения будет вида

http://вашдомен/forall/css/jquery-ui-stars/images/jquery.ui.stars.gif



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

Вот такой:

<!-- Верхний блок навигации -->
<div class="containerin" id="top-menu">
<ul class="pad-box cont620" id="mainmenu">
{% FOR menu %}
{% FOR header %}
{% FOR links %}
<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
<div class="clr"></div>
</div>
<!-- end Верхний блок навигации -->
<!-- Верхний блок навигации -->
<div class="containerin" id="top-menu">
<ul class="pad-box cont620" id="mainmenu">
<li><a href="ссылка" title="На главную">Сказки</a>
<ul>
{% FOR menu %}
{% FOR header1 %}
{% FOR links %}
<li><a href="{menu.header1.links.URL}" {% IF menu.header1.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header1.links.TITLE %}title="{menu.header1.links.TITLE}"{% ENDIF %}>{menu.header1.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</li>
<li><a href="ссылка" title="На главную"></a>
<ul>
{% FOR menu %}
{% FOR header2 %}
{% FOR links %}
<li><a href="{menu.header2.links.URL}" {% IF menu.header2.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header2.links.TITLE %}title="{menu.header2.links.TITLE}"{% ENDIF %}>{menu.header2.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</li>
<li><a href="ссылка" title="На главную"></a>
<ul>
{% FOR menu %}
{% FOR header3 %}
{% FOR links %}
<li><a href="{menu.header3.links.URL}" {% IF menu.header3.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header3.links.TITLE %}title="{menu.header3.links.TITLE}"{% ENDIF %}>{menu.header3.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</li>
</ul>
<div class="clr"></div>
</div>
<!-- end Верхний блок навигации -->
Меню выпадает теперь только не там где надо, не пойму как сделать
1.чтобы выпадало из последней строки главного меню,
2. чтобы цвет меню и букв в нем был как на главном.
3.Название страницы стало большими черными буквами и съехало вверх, как совсем это убрать?Достаточно того что есть Главная » Название страницы

#100 miyako

miyako

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

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

Отправлено 15 Май 2013 - 06:21

Можете выложить скриншот с тем как должно у вас отображаться меню?




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

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