>
Категории вопросов
Задать вопрос +

Основное

Контент-модули

Продвижение сайта

Управление сайтом

Доп. модули

Вебмастеру

Похожие вопросы



Как настроить меню сайта?

голоса: 0
Незнаю куда мне файл index запихнть, как настроить это меню?

http://webo4ka.ru/load/skripty_i_modifikacii_dlja_ucoz/1/46-1-0-3858
Адрес сайта http://test-site.ucoz.ua/
Закрыто с пометкой: Ответ получен!
| Автор: | Категория: Меню сайта
Закрыт | | Автор: Yuri_Geruk

Ответов: 1

голоса: 0
 
Лучший ответ
Файл index стоит загрузить в файловый менеджер и после скопировать и заменить на свою ссылку в меню.

О том как настроить скачанное стороннее меню, вам уже отвечали, на - https://upartner.pro/
| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
подробнее куда именно вссавляьть этот индекс,
| Автор:
Евгений Хмелевой,

Переходим в файловый менеджер:

  1. Ставим галочку где отмечено.
  2. Вставляем ссылку на файл index.html.
  3. Жмем кнопку загрузить файл.
  4. После когда файл загрузится, кликом по названию вы увидите ссылку на файл index, копируем и после используем где нужно вам.
| Автор:
Yuri_Geruk,
вот сам файл http://test-site.ucoz.ua/menu/index.html я без понятиия где его место

нигде не указано, куда именно нужно поставить это файл index
| Автор:
Евгений Хмелевой,

И зачем вам этот файл, в ссылке по инструкции предоставляется код меню, а вы копируете демо, демо для демонстрации, а не для установки.

  1. Как описано по ссылке в инструкции, подключить стили в шаблоне в блоке <head>здесь</head>
  2. Непосредственно код меню, ставим в шапке или где вам нужно.
  3. Стили к меню, соответственно ставим в таблицу стилей CSS.
| Автор:
Yuri_Geruk,
на какой странице подклбчить стили на всех и только на одной?
| Автор:
Евгений Хмелевой,

На всех, где должно отображаться меню. Лучше это делать с помощью быстрой замены, перейти в Панель управления - Главная - Дизайн - Быстрая замена участков шаблонов. Тип замены(многострочный).
  Что заменить:

</head>

на что:

<link rel="stylesheet" href="/css/font-awesome.min.css">  
<!--[if IE 7]><link rel="stylesheet" href="/css/font-awesome-ie7.min.css"><![endif]-->
</head>

 Жмем на кнопку - Произвести замену.  Файлы стилей должны быть загружены в папку css в файловом менеджере.

| Автор:
Yuri_Geruk,
нифига не происходит. Меню какое-то плоское, не соответсвует демке. Тут одно http://get-element.3dn.ru/demo/demo174/index.html а у меня совершенно другое.
| Автор:
Евгений Хмелевой,
Вы не выполнили 3 пункт, в матерале по ссылке дополнительно берем стили и устанавливаем в таблицу стилей.
| Автор:
Yuri_Geruk,
я та мничео не нашел, те что там стили так я х поставил
| Автор:
Евгений Хмелевой,

Не понимаю как вы читаете инструкцию, все ясно пишется, вы не установили стили, начиная со слов:

Сначала оформим сам блок навигации. Я назвал его blue т.к. у нас несколько цветов, какдый из них имеет свой класс

 

| Автор:
Yuri_Geruk,
так что, опять не так.
| Автор:
Yuri_Geruk,

так они у меня стоят, уже, я его ставил из файла стилей

 

.blue {
  background: #0099FF;
  height: 51px;
  border: 1px solid #0099FF;
  padding: 1px 0;

  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;

  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 0 6px 1px rgba(0,0,0,.15),inset 0 -1px 0 rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 0 6px 1px rgba(0,0,0,.15),inset 0 -1px 0 rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 0 6px 1px rgba(0,0,0,.15),inset 0 -1px 0 rgba(0,0,0,.05);

}

.home {
  font-size: 18px;
  margin-left: 10px;
}

.menu li {
  position: relative;
  float: left;
  display: block;
  padding: 13px 20px;

  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;

  cursor: pointer;
}

.menu li a {
  display: block;
  color: #fff;
}

.menu li:hover { 
  background: #0082D8;
}

/* Под меню */

.menu ul {
  position: absolute;
  top: 45px;
  left: 0;
  opacity: 0;
  border: 2px solid #0099FF;
  background: #fff;

  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;

  -webkit-transition: opacity .25s;
  -moz-transition: opacity .25s;
  -o-transition: opacity .25s;
  -ms-transition: opacity .25s;
  transition: opacity .25s;
}

.menu li:hover > ul { opacity: 1; }

.menu ul li {
  height: 0;
  overflow: hidden;
  padding: 0;

}

.menu li:hover > ul li {
  height: 40px;
  line-height: 35px;
  overflow: visible;

  -webkit-border-radius: none;
  -moz-border-radius: none;
  border-radius: none;
}

.menu ul li a {
  width: 170px;
  padding-left: 15px;
  margin: 0;
  height: 40px;
  font-size: 12px;
  color: #C5B0CB;
  text-transform: uppercase;
}
  
.menu ul li a:hover {
  color: #fff;
  background: #20A6FF;
}

.social {
  float: right;
  margin-right: 10px;
}

.social li {
  float: left;
  display: block;
  padding: 13px 20px;
  cursor: pointer;
}

.social li a {
  color: #fff;
  font-size: 14px;
}

.social li:hover { 
  background: #0082D8;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;

}

 

| Автор:
Yuri_Geruk,
Ответьте пожалуйста, что я не так сделал?
| Автор:
Евгений Хмелевой,

Перейдите в файл стилей - http://test-site.ucoz.ua/style/palm.css и в самом начале удалите следующий бред:

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title></title>
  <link rel="stylesheet" href="http://htmlbook.ru/mysite.css">
  <link rel="stylesheet" href="http://www.htmlbook.ru/main.css">
 </head>
 <body>
   <h1></h1>
   <p></p>
 </body>
</html>


===============

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

| Автор:
Yuri_Geruk,

У меня вот так меню отображается:

А должно так

Как исправить?

| Автор:
Евгений Хмелевой,

Перейти в файл стилей строка номер 211:

nav li:hover > a, ul.uMenuRoot > li > a:hover, ul.uMenuRoot > li > .uMenuItemA {
 background-image: -webkit-linear-gradient(bottom, #138bd0, #094c96);/* For Chrome and Safari */
 background-image: -moz-linear-gradient(bottom, #138bd0, #094c96);/* For old Fx (3.6 to 15) */
 background-image: -ms-linear-gradient(bottom, #138bd0, #094c96);/* For pre-releases of IE 10*/
 background-image: -o-linear-gradient(bottom, #138bd0, #094c96);/* For old Opera (11.1 to 12.0) */
 background-image: linear-gradient(bottom, #138bd0, #094c96);/* Standard syntax; must be last */
 }

и удалить их.

| Автор:
Yuri_Geruk,
а почему буквы черные отслаись при наведении на любое слово, да еще и плюс стоит
| Автор:
Евгений Хмелевой,
в стилях строка номер 10, удалите стили - body a:hover {text-decoration: none;color: #000;}
| Автор:
Yuri_Geruk,
как изменить выосту меню, а то оно в отличии от иригинала высоокое
| Автор:
Евгений Хмелевой,

В файле стилей - http://test-site.ucoz.ua/style/palm.css строка номер -1 ищем в стилях параметр height: 51px;  51 это высота, регулируем под необходимую вам.

| Автор:
Yuri_Geruk,
поставил код  

<link rel="stylesheet" href="css/font-awesome.min.css">
 <!--[if IE 7]><link rel="stylesheet" href="css/font-awesome-ie7.min.css"><![endif]-->

перед </head> в каталоге файлов материал и комментарий к нему, на форуме, но нет иконок (домой, и соц сети) тех что на главной, в чем причина?
| Автор:
Евгений Хмелевой,

Я же выше писал как установить эти стили, вы установили вот так:

<link rel="stylesheet" href="css/font-awesome.min.css">

этот вариант работает лишь на главной, чтобы работало на всех, должно быть так:

<link rel="stylesheet" href="/css/font-awesome.min.css">

то есть со слешем перед папкой CSS/

| Автор:
Yuri_Geruk,
а че с меню вертиклаьным никак не получаеться настроить?
| Автор:
Евгений Хмелевой,
Зачем к вертикальному меню применили стили горизонтального, в итоге и получился бред.
| Автор:
Yuri_Geruk,
какие имено стили, можно подробно

я тут брал меню вертикальное http://pcvector.net/scripts/menu_and_navigation/172-mnogourovnevoe-menyu-tipa-akkordeon.html
| Автор:
Yuri_Geruk,
что мне нужно убрать, чтобы заработало меню
| Автор:
Евгений Хмелевой,
> я тут брал меню вертикальное http://pcvector.net/scripts/menu_and_navigation/172-mnogourovnevoe-menyu-tipa-akkordeon.html

>> вы прежде давать данную ссылку хотя-бы смотрите какое там меню, не такое как у вас и стили другие, все другое.
| Автор:
Yuri_Geruk,
так шо мне делать?
| Автор:
Евгений Хмелевой,

На планшете в меню вертикальном справой стороны белая полоса какиее убрать?

| Автор:
Евгений Хмелевой,
> так шо мне делать?

>> Здесь экстрасенсов нет, если вы не уточняете и не приводите конкретики в ответ, соответственно решения не будет. Белой полоски не вижу, проверил с разных разрешений, не увидел.
| Автор:
...