Как увеличить расстояние между кнопками в меню.

голоса: 0
Как увеличить расстояние между кнопками в меню, чтобы равномерно распределить кнопки по менюшке?
Адрес сайта http://newtuz.do.am/
| Автор: | Категория: Дизайн сайта
Изменение категории | | Автор: Yuri_Geruk

Ответов: 1

голоса: 0
 
Лучший ответ

Перейти в Панель управления - Главная - Дизайн - Управление дизайном(CSS), в правом верхнем уголке найдите кнопку Восстановить стандартный шаблон, нажмите ее, после Сохранить.

  • После ищем строку номер 35:

#catmenu li a {display:block;height:56px;line-height:56px;padding:0 15px;font-size:16px;color:#ddd;text-shadow:0 1px 1px rgba(0,0,0,.4);}

регулируйте выделенный параметр, это задает расстояние.

| Автор:
Выбор ответа лучшим | | Автор: Михаил Калашников
#catmenu li a {display:inline-block;height:35px;line-height:35px;padding:0 10px 0 0; position:relative;margin:0 -20px 0 0;font-size:12px;color:#fff;text-shadow:0 -1px 1px #000;}   вот эта строка? может не обязательно стандартный шаблон а в ней изменить?
Михаил Калашников,
  1. Да, эта строка.
  2. Восстановить нужно так как у вас сейчас прописана ссылка на стили в шаблоне с сервера, а не с вашей таблицы стилей, восстановите и сохраните, тогда будет применена ваша таблица стилей.
  3. Для подстраховки если вы беспокоитесьо поломке дизайна можете создать резервную копию. Перейти в Панель управления - Главная - Дизайн - Резервное копирование шаблонов - Создать резервную копию. 
Yuri_Geruk,
Сделал у меня так Warcraft дизайн, а нужен 1161

По Вашему методу он мне первый шаблон открывает другого дизайна.

#catmenu {height:88px;line-height:88px;}
#catmenu .nav-head,#catmenu ul li em {display:none;}
#catmenu ul,#catmenu li {padding:0;margin:0;list-style:none;}
#catmenu li {float:left;height:88px;padding:0 0 0 1px;position:relative;background:url(/.s/t/1091/nav-sep.png) 10px center no-repeat;}
#catmenu li.uMenuItemA {background:url(/.s/t/1091/nav-sepr.png) 9px center no-repeat;z-index:1;}
#catmenu li li.uMenuItemA {background: none;}
#catmenu li a {display:inline-block;height:35px;line-height:35px;padding:0 10px 0 0; position:relative;margin:0 -20px 0 0;font-size:12px;color:#fff;text-shadow:0 -1px 1px #000;}
#catmenu li a:hover {color:#f3a90a;}
#catmenu li a span {display:inline-block;padding:0 10px 0 20px;height:35px;line-height:38px;}
#catmenu li a.uMenuItemA {background:url(/.s/t/1091/nav-hov.png) right -35px no-repeat;color:#f3a90a;}
#catmenu li a.uMenuItemA span {background:url(/.s/t/1091/nav-hov.png) no-repeat;}
#catmenu li a.uMenuItemA:hover {color:#f3a90a;}
#catmenu ul ul {display:none;padding:10px 15px;background:#1a201d;position:absolute;width:180px;top:44px;left:11px;z-index:200;}
#catmenu li li {float:none;display:block;text-align:left;height:auto;padding:0;background:none;border:none;}
#catmenu li li a {display:block;float:none;height:auto;margin:0;width:auto;background:none;border:none;line-height:normal;padding:7px 0;font-size:11px;color:#fff;}
#catmenu li li a span {padding:0;height: auto;line-height: normal;}
#catmenu li li > a.uMenuItemA,#catmenu li li > a:hover {height:auto;color:#f3a90a;border:none;line-height:normal;background:none;}
#catmenu li li > a.uMenuItemA span,#catmenu li li > a:hover span {background:none;}
#catmenu li li.item-parent > a:after {content:"\203a";font-size:14px;font-family:Tahoma,Geneva,sans-serif;display:block;width:5px;position:absolute;height:5px;top:4px;left:auto;right:0;}
#catmenu ul ul ul {left:196px;top:1px;z-index:220;}

вот все строки catmenu, здесь можно что-то поменять?

Михаил Калашников,
В таком случае стоит в общих настройках сайта снова выбрать 1161 и сохранить изменения так как у вас там стоит другой.
Yuri_Geruk,
Спасибо большое, помогло!
...