• Страница 1 из 1
  • 1
Модератор форума: dotbot  
Сообщество uCoz » Архивариус » Корзина » Изменить меню сайта
Изменить меню сайта
Degman9283
Сообщений: 52
Репутация: 4

Сообщение # 1 | 14:24:59 14 Июн 2014
Как изменить меню сайта??чтобы оно не обновлялось при переходе на другую страницу, растянуть его на всю страницу, изменить цвет кнопок и цвет фона панели меню?? Вот мой CSS. Пожалуйста помогите
NurHasber
Сообщений: 235
Репутация: 43

Сообщение # 2 | 15:15:35 14 Июн 2014
Здравствуйте.
Все манипуляции делаем в CSS.
1. Идем по порядку, сначала фон меню:
Код
#top {position: fixed;
    width: 100%;
    font: 14px Arial
    margin-top: 0px;
    font: 14px Arial;
margin-top: 0px;
background: #515151;
box-shadow: inset 0 -4px 0 0 rgba(0, 0, 0, 0.14);
}

Вот это отвечает за фон меню:
Код
background: #515151;

2. Растягиваем меню.
Меню длинное, Вам нужно его сократить.
Заходим в панель администратора, в админ баре сверху нажимаем "Настройки" > "Замена стандартных надписей" и сокрощаем название. Например: Информация о сайте - можно сократить до "О нас"
Во вторых вы непонятно для меня (да и для себя) вставили код:
Код
<marquee direction="left" bgcolor="2e2e2e"> Добро пожаловать на Live-beaurifully</marquee>

Вот в этому участке:
Код
<li><a href="/photo"><span>Фотоальбомы</span></a></li>
<li><a href="/index/0-3"><span>Обратная связь</span></a></li></ul></div><!-- </bc> -->
    <!-- </sblock_nmenu> -->
       
    </nav>    
    </div><marquee direction="left" bgcolor="2e2e2e"> Добро пожаловать на Live-beaurifully</marquee>
    </div>
       
    <div class="b-usermenu t-container">

Он мешает меню растянуться в ширину. Его можно удалить.
3. Цвет кнопок меню отвечает вот этот код:
Код
#top .uMenuRoot li:hover > a {
    color: #fff;
    background: #e25151;
    box-shadow: inset 0 -4px rgba(0, 0, 0, 0.09);
}
#top .uMenuRoot li:hover > ul {
    visibility: visible;
    opacity: 1;
    width: auto;
    overflow: visible;
}
#top .uMenuRoot li .uMenuItemA {
    color: #fff;
    background: #e25151;
    box-shadow: inset 0 -4px rgba(0, 0, 0, 0.09);
}

В нем нужно заменить строку которая отвечает за цвет:
Код
background: #ЦВЕТ;
box-shadow: inset 0 -4px rgba(0, 0, 0, 0.09);

Вот это нижнее (более темное) подчеркивание меню:
Код
box-shadow: inset 0 -4px rgba(0, 0, 0, 0.09);

Его мы заменим на # подобный цвет, то есть:
Код
box-shadow: inset 0 -4px #ЦВЕТ;


4. Как и где выбрать нужный цвет?
http://www.colorpicker.com/

Удачи!
Люди дающие ссылку на свой сайт сразу, попадают в рай в не очереди
Сообщение отредактировал NurHasber - Суббота, 14 Июн 2014, 15:17:47
Yuri_G
uWeb support
uVip manager
Сообщений: 4339
Репутация: 943

Сообщение # 3 | 15:20:03 14 Июн 2014
Цитата Degman9283 ()
растянуть его на всю страницу
зайти в Панель управления - Дизайн - Конструктор меню, далее сократить названия пунктов меню, например(главная страница - изменить на главная), другие пункты меняем аналогично сократив названия для всех пунктов, после чего сохранить изменения и обновить страницу.
Интересные решения для сайта uCoz ★ Настраиваем Seo в uCoz
Degman9283
Сообщений: 52
Репутация: 4

Сообщение # 4 | 17:29:06 14 Июн 2014
NurHasber, спасибо вам большое

Добавлено (14 Июн 2014, 17:29:06)
---------------------------------------------
Ucoz_fan, а как сделать чтобы меню не обновлялось

Yuri_G
uWeb support
uVip manager
Сообщений: 4339
Репутация: 943

Сообщение # 5 | 17:36:18 14 Июн 2014
Цитата Degman9283 ()
чтобы оно не обновлялось при переходе на другую страницу
для этого можете использовать Ajax для переключателей страниц, перейдите в Панель управления - Настройки - Общие настройки, далее деактивируйте отметку напротив пункта Отключить Ajax для переключателей страниц:(Если Ajax включен, то при переключении страниц будет обновляться только область со списком материалов, а не вся страница.) скриншот - http://screencast.com/t/ircoWlHjFEjP
Интересные решения для сайта uCoz ★ Настраиваем Seo в uCoz
Сообщество uCoz » Архивариус » Корзина » Изменить меню сайта
  • Страница 1 из 1
  • 1
Поиск:
Telegram
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!