О сайте | Обратная связь | Памятка для вебмастера
[ Регистрация · Войти · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Модератор форума: Anka_kuşu, Souteneur 
Форум » Создание сайта » Ucoz » Оформление всплывающего под меню
Оформление всплывающего под меню
Berill Дата: Среда, 04.07.2012, 10:21 | Сообщение # 1
Первоклашка
Группа: Пользователи
Сообщений: 2
Город: Екатеринбург
Репутация: 0
Статус: Offline
Здравствуйте, возможно эта тема уже рассматривалась, однако...

Интересует как оформить стандартное синее всплывающее вертикальное меню средствами css и/или JS.
Какие вы могли бы посоветовать скрипты.

Моя цель - получить полностью переоформленное меню.

На всякий случай, хотя это скорее всего не понадобится мой сайт income.ucoz.ru
KorniloFF Дата: Среда, 04.07.2012, 14:30 | Сообщение # 2
Профессор(ша)
Награды: 27
Группа: Администраторы
Сообщений: 3513
Город: Ялта
Репутация: 251
Статус: Offline
Berill, у вас прописано
Code
.xw-mc {
      background: none repeat scroll 0 0 #CAD9EC;
      border: 1px solid #99BBE8;
      font: 11px tahoma,arial,helvetica,sans-serif;
      margin: 0;
      padding: 0;
}
и
.u-menu .xw-mc {
      background: none repeat scroll 0 0 #CAD9EC;
      border-color: #A3BAE9 #DFE8F6 #DFE8F6 #A3BAE9;
      border-right: 1px solid #DFE8F6;
      border-style: solid;
      border-width: 1px;
}

в http://s4.ucoz.net/src/layer1.css

Эти стили переопределить невозможно, но можно попробовать написать такой скрипт:
Code

<script type="text/javascript">
  window.onload= function ()  
  { b= document.getElementsByClassName('xw-mc')
  i= document.getElementsByClassName('xw-mc').length
   while(i--)
   {b[i].style.background= "..."
   }
  }
</script>

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




Z146965124780
R374477004237
Ну, или хотя бы добавьте в репутацию.


Сообщение отредактировал KorniloFF - Среда, 04.07.2012, 14:34
Berill Дата: Среда, 04.07.2012, 18:27 | Сообщение # 3
Первоклашка
Группа: Пользователи
Сообщений: 2
Город: Екатеринбург
Репутация: 0
Статус: Offline
Спасибо за скрипт. Под None тело становится прозрачным, рамки остаются синими.
Вместо многоточия пытался вставлять http://s4.ucoz.net/src/layer4.css или layer4.css ничего не менялось. Скорее всего делаю что-то не так.

Самостоятельно смог немного подкорректировать меню. Написал такой код
Code
<style>
.uMenuV     
.u-menu .xw-tl,.u-menu .xw-bl,.u-menu .xw-tr,.u-menu .xw-br {display:none;}
.u-menu .xw-ml,.u-menu .xw-bc,.u-menu .xw-mr,.u-menu .xw-tc {margin:0;padding:0;}
.u-menu .xw-mc {background:#eee;margin:0;padding:0;border-right:1px solid #999;border-bottom:1px solid #999;border-top:1px solid #999;border-left:1px solid #999;}
.u-menu .u-menubody {background:#ddd;margin:0;padding:0;border-right:1px solid #eee;border-bottom:1px solid #eee;border-top:1px solid #eee;border-left:1px solid #eee;}
.u-menu .u-menuvsep {background:url(/images/hr1.png)repeat-x 0 2px;}   
.u-menu .u-menuvitem {min-width:150px;padding:4px 20px 4px 20px;}   
[color=red].u-menu .u-menuitemhl {background:#f7f7f7;}  [/color]
.u-menuarrow {background:url(/images/arrows.png) 10 0 no-repeat;cursor:pointer;}   
.u-menuvitemparent {}
.u-menu a,.u-menu a:visited,.u-menu a:active {text-decoration:none;}
.u-menu a:hover {color:#f5a61b;}
</style>


Интересует такой вот вопрос: как сделать, чтобы при наведении на строку списка (выделено красным кодом) помимо изменения цвета фона изменялся также и цвет шрифта.
Второй вопрос, как можно двигать выпадающее меню в пространстве, допустим через перемещение верхнего-левого угла.
KorniloFF Дата: Среда, 04.07.2012, 18:42 | Сообщение # 4
Профессор(ша)
Награды: 27
Группа: Администраторы
Сообщений: 3513
Город: Ялта
Репутация: 251
Статус: Offline
Quote (Berill)
Вместо многоточия пытался вставлять http://s4.ucoz.net/src/layer4.css или layer4.css ничего не менялось. Скорее всего делаю что-то не так.

Естественно, нужно вместо него или цвет или изображение прописывать. Например, #eee
Quote (Berill)
Интересует такой вот вопрос: как сделать, чтобы при наведении на строку списка (выделено красным кодом) помимо изменения цвета фона изменялся также и цвет шрифта.

Нужно для класса ссылки прописать псевдокласс :hover
Например:
Code
.class:hover{color:red;}

тогда все ссылки с классом class при наведении будут иметь красный цвет шрифта.
Quote (Berill)
Второй вопрос, как можно двигать выпадающее меню в пространстве, допустим через перемещение верхнего-левого угла.

Можно прописать, например:
Code
div.u-menu{top:20px;left:30px;}

Таким образом меняя его положение, поскольку у него прописан position: absolute;




Z146965124780
R374477004237
Ну, или хотя бы добавьте в репутацию.
Форум » Создание сайта » Ucoz » Оформление всплывающего под меню
Страница 1 из 11
Поиск:
Оформление всплывающего под меню - Создание сайта - Ucoz - Форум
Сегодня были на форуме:
Djumba, Patriarh, viktorbilenku, delima, a_doleva, polinawest52, leratrunova97

Конструктор кнопок он-лайн


Получить код CSS

Подбор цветов

Справочник по html и CSS

Наши копирайтеры

Поиск