Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » Единый форум поддержки » Архив » Уменьшить размеры выпадающего меню и размеры панели навигации.

Уменьшить размеры выпадающего меню и размеры панели навигации.

Страница:   1 2

Сообщений 21 страница 27 из 27

21

  • Автор: Вдумчивый
  • Заслуженный
  • Вдумчивый
  • Зарегистрирован: Чт, 5 Янв 2012
  • Сообщений: 631
  • Уважение: +82
  • Позитив: +156
  • Пол: Мужской
  • Последний визит:
    Ср, 6 Сен 2023 17:48:26
kolobdur74 написал(а):

Вообщем вот, тестируйте:

Вот, что мы имеем:

http://file-up.net/big_d30b4409cc0699b91620140115103106.jpg

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

http://visitorfriend.ru/

0

22

  • Автор: Вдумчивый
  • Заслуженный
  • Вдумчивый
  • Зарегистрирован: Чт, 5 Янв 2012
  • Сообщений: 631
  • Уважение: +82
  • Позитив: +156
  • Пол: Мужской
  • Последний визит:
    Ср, 6 Сен 2023 17:48:26

Увеличил размеры по ширине форума и появилось "администрирование". Теперь проблемы с настройками размера спойлера меню. :dontknow:

http://file-up.net/big_c74f5391e8cd17ad7520140115103854.jpg

Отредактировано Вдумчивый (Ср, 15 Янв 2014 13:40:41)

0

23

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7338
  • Уважение: +5810
  • Позитив: +6437
  • Пол: Мужской
  • Последний визит:
    Чт, 2 Май 2024 17:20:05
Вдумчивый написал(а):

хотелось бы уточнить с пикселями, размерами меню.

Вот уменьшил ширину выпадающего меню:

Код:
<style>
/*выпадающее меню*/
#pun-navlinks{display: block;position: relative;z-index: 9999;opacity: 0.9;filter: alpha(opacity=90);}
#pun-navlinks ul li {margin: 0 15px 0 0;float: left;display: inline;list-style: none;position: relative;height: 24px;}
#pun-navlinks ul ul {padding: 0px 0px 12px 0px;width: 190px;list-style: none;display: none;position: absolute;top: 24px;left: 
-5px;border: 1px solid #222;
background-color: #111;
background-image: -moz-linear-gradient(#444, #111); background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));	background-image: -webkit-linear-gradient(#444, #111);	background-image: -o-linear-gradient(#444, #111);background-image: -ms-linear-gradient(#444, #111);background-image: linear-gradient(#444, #111);
-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;
-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;}
#pun-navlinks ul ul li {width: 190px;float: left;display: block !important;padding-bottom: 8px;padding-top: 8px;text-align:center;
-moz-transition: background-color .3s ease-in;-webkit-transition: background-color .3s ease-in;-o-transition: background-color .3s ease-in;transition: background-color .3s ease-in;}
/* 2nd Menu */
#pun-navlinks ul li:hover li a, #pun-navlinks ul li.iehover li a {background: none !important;float: none;color: #fff; 
}

/* 2nd Menu Hover Persistence */
#pun-navlinks ul li:hover li a:hover, #pun-navlinks ul li:hover li:hover a, #pun-navlinks ul li.iehover li a:hover, #pun-navlinks ul li.iehover li.iehover a {color: #ffcc33;text-decoration:none;text-shadow: 0 1px 0 #000;}
#pun-navlinks ul ul li:hover {background-color: #0186ba;
background-image: -moz-linear-gradient(#04acec,  #0186ba);background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));background-image: -webkit-linear-gradient(#04acec, #0186ba);background-image: -o-linear-gradient(#04acec, #0186ba);background-image: -ms-linear-gradient(#04acec, #0186ba);background-image: linear-gradient(#04acec, #0186ba);
-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;
-moz-transition: background-color 0.01s;-webkit-transition: background-color 0.01s;-o-transition: background-color 0.01s;transition: background-color 0.01s;}
/* Do Not Move - Must Come Before display:block for Gecko */
#pun-navlinks ul li:hover ul ul, #pun-navlinks ul li:hover ul ul ul, #pun-navlinks ul li.iehover ul ul, #pun-navlinks ul li.iehover ul ul ul {display: none;position: absolute;top: 0;left: 289px;}
#pun-navlinks ul li:hover ul, #pun-navlinks ul ul li:hover ul, #pun-navlinks ul ul ul li:hover ul, #pun-navlinks ul li.iehover ul, #pun-navlinks ul ul li.iehover ul, #pun-navlinks ul ul ul li.iehover ul {display: block;}
#pun-navlinks ul ul ul li:first-child a:after {content: '';position: absolute;right: -6px;top: 50%;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid #444;}

#pun-navlinks ul.container li ul#adminUL li ul.adsubnav {
right: 189px !important;
left: -189px !important;
}
</style>

Ширина выпадающего меню настраивается в этих местах:

#pun-navlinks ul ul {padding: 0px 0px 12px 0px;width: 190px;

#pun-navlinks ul ul li {width: 190px;

Это отступ для выпадающего меню второго уровня на пиксель меньше:

#pun-navlinks ul.container li ul#adminUL li ul.adsubnav {
right: 189px !important;
left: -189px !important;
}

А вот это настройка отступов вашего основного меню: (Форум, Наш чат, Награды, Участники и т.д.):

#pun-navlinks ul li {margin: 0 15px 0 0;float: left;display: inline;list-style: none;position: relative;height: 24px;}

Можете уменьшить, если у вас не помещаются - я взял размеры, которые были у вас...

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

+1

24

  • Автор: Вдумчивый
  • Заслуженный
  • Вдумчивый
  • Зарегистрирован: Чт, 5 Янв 2012
  • Сообщений: 631
  • Уважение: +82
  • Позитив: +156
  • Пол: Мужской
  • Последний визит:
    Ср, 6 Сен 2023 17:48:26

kolobdur74, спасибо огромное! Вопрос закрыт. :flag:

0

25

  • Автор: Вдумчивый
  • Заслуженный
  • Вдумчивый
  • Зарегистрирован: Чт, 5 Янв 2012
  • Сообщений: 631
  • Уважение: +82
  • Позитив: +156
  • Пол: Мужской
  • Последний визит:
    Ср, 6 Сен 2023 17:48:26
kolobdur74 написал(а):

И я не понял зачем вам нужны в меню две одинаковые ссылки на Награды

Позабыл как убрать. Подскажите. :flag:

0

26

  • Автор: Вдумчивый
  • Заслуженный
  • Вдумчивый
  • Зарегистрирован: Чт, 5 Янв 2012
  • Сообщений: 631
  • Уважение: +82
  • Позитив: +156
  • Пол: Мужской
  • Последний визит:
    Ср, 6 Сен 2023 17:48:26

Убрал с помощью кода:

Код:
<style>
#pun-navlinks #navawards{display:none;}
</style>

0

27

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7338
  • Уважение: +5810
  • Позитив: +6437
  • Пол: Мужской
  • Последний визит:
    Чт, 2 Май 2024 17:20:05
Вдумчивый написал(а):

Позабыл как убрать. Подскажите.

Вдумчивый написал(а):

Убрал с помощью кода

Лучше: Администрирование - Настройки - Дополнительные пункты меню - у вас там скорее всего и находятся два одинаковых кода..

0

Страница:   1 2

Вы здесь » Единый форум поддержки » Архив » Уменьшить размеры выпадающего меню и размеры панели навигации.