ProMenu Plus 3.2.1

Ответить в этой теме

22 октября, 201311 yr

У меня в меню "Просмотр новых публикаций" и "Открыть переход" стоят слева. А уже остальные кнопки справа. Что за?

Цитата

Replies 67
Просмотров 11,5k
Created 12 yr12 yr
Последний ответ 10 yr10 yr

Лучшие авторы в теме

AUYKGN 12 posts
AUS 11 posts
WOLF 11 posts
Respected 9 posts

Most Popular Posts

WinsanT

2 июля, 201312 yr

Может и пригодится )))))
Respected

6 августа, 201312 yr

, У пунктов с красными квадратами у тебя прописано padding-right:15px; Нужно убрать из исходного кода в шаблонах Открыть promenu_plus.css и у #more_apps_menucontentul li>a:hover прописать: b
Respected

6 августа, 201312 yr

, эту инструкцию нужно искать в шаблонах компонента, сказать где не могу - не установлено.

22 октября, 201311 yr

У меня в меню "Просмотр новых публикаций" и "Открыть переход" стоят слева. А уже остальные кнопки справа. Что за?

значит так прописано в globalTemplate, там есть кусок кода, отвечающих именно за меню и ориентировку его элементов

Цитата

22 октября, 201311 yr

У меня в меню "Просмотр новых публикаций" и "Открыть переход" стоят слева. А уже остальные кнопки справа. Что за?

Сразу понятно о чём идёт речь.

Цитата

23 октября, 201311 yr

Сорри парни уже все перепробывал ....

полный код под спойлером, помогите исправить пожалуйста

/** icons **/
.non_sprite {
display: inline-block;
}
.non_sprite img {
vertical-align: bottom;
}


/** load the sprite **/
.sprites {
margin-bottom: -2px;
display: inline-block;
background-image: url({style_images_url}/promenu/icons/promenu_default_icons.png) !important;
background-repeat: no-repeat !important;
width: 14px;
height: 14px;
}


.Arcade_icon {
background-position: 0px 0px;
}


.Blog_icon {
background-position: 0px -28px;
}


.Calendar_icon {
background-position: 0px -56px;
}


.Cart_icon {
background-position: 0px -84px;
}


.Chat_icon {
background-position: 0px -112px;
}


.Download_icon {
background-position: 0px -140px;
}


.Forums_icon {
background-position: 0px -168px;
}


.Gallery_icon {
background-position: 0px -196px;
}


.Help_icon {
background-position: 0px -224px;
}


.Home_icon {
background-position: 0px -252px;
}


.Info_icon {
background-position: 0px -280px;
}


.Media_icon {
background-position: 0px -308px;
}


.Members_icon {
background-position: 0px -336px;
}


.More_icon {
background-position: 0px -364px;
}


.News_icon {
background-position: 0px -392px;
}


.Shoutbox_icon {
background-position: 0px -420px;
}
.ipsList_vertical > li {
margin: 3px 0px;
}


/** primary menu **/






/** Hover styling **/
#community_app_menu div  li:hover > a, #community_app_menu  li:hover > a, #community_app_menu li.click.click_active > a, #more_apps_menucontentul  li > a:hover{
background-color: #173455; 
color: #FFF;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}


/** active styling **/
#community_app_menu .active > a, #more_apps_menucontentul .active > a, #community_app_menu .active:hover > a  {
background-color: #FFF ;
color: #0b5794 ;
}


/** no active/hover background color, for menus, blocks, mega, etc **/
#community_app_menu  li > div > ul > li > a, #community_app_menu .blocks, #community_app_menu .mega, #more_apps_menucontentul  li > a {
background-color: #1C3B5F;
}


#community_app_menu li > div > ul > li > a, #community_app_menu .mega td.col > a, #community_app_menu .mega div.col > a {
display: block !important;
white-space: nowrap !important;
color: #FFF;
}


#community_app_menu li > div > ul > li > a {
padding: 6px 15px 8px;
}


#community_app_menu li, #more_apps_menucontentul  li {
cursor: pointer;
position: relative;
top: 0;
}


#community_app_menu .custom_icon {
display: inline-block;
position: relative;
}


#community_app_menu .custom_icon, #community_app_menu li > div > ul > li > a, #community_app_menu .mega .col {
min-width: 150px;
}


#community_app_menu .mega {
padding: 10px;
}


#community_app_menu .downarrow, #community_app_menu li.click.click_active > a.downarrow {
background-image: url({style_images_url}/promenu/arrows/primary/down_arrow.png) !important;
background-repeat: no-repeat !important;
background-position: right center !important;
background-origin: content-box !important;
}


#community_app_menu .otherarrow {
background-image: url({style_images_url}/promenu/arrows/primary/other_arrow.png) !important;
background-repeat: no-repeat !important;
background-position: right center !important;
background-origin: content-box !important;
}


#community_app_menu li.active > .downarrow{
background-image: url({style_images_url}/promenu/arrows/primary/down_arrow_active.png) !important;
}


#community_app_menu li.active > .otherarrow{
background-image: url({style_images_url}/promenu/arrows/primary/other_arrow_active.png) !important;
}


#community_app_menu a.mainParent {
text-decoration: underline;
font-weight: bold;
padding: 5px 0px 5px 0px;
}


#community_app_menu .blocks {
color:#FFF;
}


/***header menu****/


#header_menu {
top: 0;
left:0;
width: 100%;
position: absolute;
text-align: left;
font-size: 13px;
}


#header_app_menu > li {
margin: 0px 3px 0 0;
}


#header_app_menu > li > a, #header_app_menu li > div > ul > li > a, #header_app_menu .mega td.col > a, #header_app_menu .mega div.col > a {
color: #8A8A8A;
white-space: nowrap !important;
display: block !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
}


#header_app_menu .mega {
padding: 10px;
}


#header_app_menu > li > a, #header_app_menu li > div > ul > li > a {
padding: 6px 15px 8px;
}


/** active styling **/
#header_app_menu .active > a, #header_app_menu .active:hover > a  {
background-color: #292929 ;
color: #FC6D32;
}


/** hover styling **/
#header_app_menu  li:hover > a, #header_app_menu li > ul > li > a:hover, #header_app_menu li.click_active > a {
background-color: #292929;
color: #FFF;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}


/** standard background coloring for menus, blocks, etc **/
#header_menu, #header_app_menu  li > div > ul > li > a, #header_app_menu .blocks, #header_app_menu .mega {
background-color: #181818 ;
}


#header_app_menu li {
cursor: pointer;
position: relative;
top: 0;
}


#header_app_menu .custom_icon {
display: inline-block;
position: relative;
}


#header_app_menu .custom_icon, #header_app_menu li > div > ul > li > a {
min-width: 150px;
}


#header_app_menu .downarrow {
background-image: url({style_images_url}/promenu/arrows/header/down_arrow.png) !important;
background-repeat: no-repeat !important;
background-position: right center !important;
background-origin: content-box !important;
}


#header_app_menu .otherarrow {
background-image: url({style_images_url}/promenu/arrows/header/other_arrow.png) !important;
background-repeat: no-repeat !important;
background-position: right center !important;
background-origin: content-box !important;
}


#header_app_menu li.active > .otherarrow, #header_app_menu li:hover > a.otherarrow, #header_app_menu li.click_active .otherarrow {
background-image: url({style_images_url}/promenu/arrows/header/other_arrow_active.png) !important;
}


#header_app_menu li.active > .downarrow, #header_app_menu li:hover .downarrow, #header_app_menu li.click_active .downarrow {
background-image: url({style_images_url}/promenu/arrows/header/down_arrow_active.png) !important;
}


#header_app_menu .mega .col {
min-width: 150px;
}


#header_app_menu a.mainParent {
text-decoration: underline;
font-weight: bold;
margin-top: 5px;
margin-bottom: 5px;
}


#header_app_menu .blocks {
color:#FFF;
}
/***Footer menu****/


#footer_menu {
text-align: left;
margin-top: 20px;
vertical-align: top;
width: 100%;
z-index: 15000;
}


#footer_menu .main_widths {
min-width: 940px;
margin-left: 10px;
}


#footer_menu .category {
display: inline-block;
vertical-align: top;
margin: 10px;
}


#footer_menu .category > a {
width: 0 !important;
min-width: 100px; /* change this to adjust your category minimum width */
cursor: pointer;
display: block;
word-wrap: break-word;
}
#footer_menu .mainParent {
text-decoration: underline;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
display: block;
}


#footer_menu .blocks {
margin-top: 5px;
word-wrap: break-word;
}


/***Site menu***/


#site_menu {
background-color: #fff;
text-align: left;
vertical-align: top;
width: 100%;
font-size: 13px;
min-height: 200px;
left: 0;
z-index: 15000;
}


#site_menu .main_widths {
min-width: 980px;
margin-left: 30px;
margin-right: 30px;
}


#site_menu .category {
display: inline-block;
vertical-align: top;
margin: 10px;
}


#site_menu .category > a {
width: 0 !important;
min-width: 100px; /* change this to adjust your category minimum width */
cursor: pointer;
display: block;
word-wrap: break-word;
}


#site_menu .mainParent {
text-decoration: underline;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
display: block;
}


#site_menu .blocks {
margin-top: 5px;
}

Цитата

23 октября, 201311 yr

вот в этом куске меняйте:

/** active styling **/
#community_app_menu .active > a, #more_apps_menucontentul .active > a, #community_app_menu .active:hover > a  {
background-color: #FFF ;
color: #0b5794 ;
}

там же и цвет текста лучше поменять, ибо не очень смотрится синий текст на синем фоне.

Цитата

23 октября, 201311 yr

WOLF, спасибо, но это распространилось на часть выпадающего списка, но не на кнопку верхнего уровня

до

после

но выглядит так

Цитата

23 октября, 201311 yr

это ищите в ipb_style.css

#community_app_menu>li.active>a {
background: #fff;
color: #0b5794;
font-weight: bold;
margin-top: 0;
text-shadow: none;
}

и заменяйте на:

#community_app_menu>li.active>a {
color: #0b5794;
font-weight: bold;
margin-top: 0;
text-shadow: none;
}

Цитата

23 октября, 201311 yr

WOLF,большое спасибо!
Ваш код изменил фон но не текст - сделал проще - поменял местами цвет фона и текста и вроде всё гуд

#community_app_menu > li.active > a {
background: #0b5794;
color: #fff;
font-weight: bold;
margin-top: 0;
text-shadow: none;
}

Цитата

23 октября, 201311 yr

вот это значение меняло цвет:

color: #0b5794;

Цитата

23 октября, 201311 yr

в обычном меню стиля отступов между элементами нет, после установки ProMenu Plus (пробовал 3.0.4 и 3.0.6) они появились... где смотреть и что отвечает за эти отступы (промежутки) ?

так же пробовал впихнуть языковой пакет от ранних версий 2.х.х. - успешно не заработало.

Цитата

23 октября, 201311 yr

в обычном меню стиля отступов между элементами нет, после установки ProMenu Plus (пробовал 3.0.4 и 3.0.6) они появились... где смотреть и что отвечает за эти отступы (промежутки) ?

так же пробовал впихнуть языковой пакет от ранних версий 2.х.х. - успешно не заработало.

про отступы скрин

Цитата

23 октября, 201311 yr

в обычном меню стиля отступов между элементами нет, после установки ProMenu Plus (пробовал 3.0.4 и 3.0.6) они появились... где смотреть и что отвечает за эти отступы (промежутки) ?

так же пробовал впихнуть языковой пакет от ранних версий 2.х.х. - успешно не заработало.

Lordbl4, почитайте тему.

Цитата

23 октября, 201311 yr

про отступы скрин

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

style="padding-right:15px;background-origin: padding-box !important;"

удалял паддинг - всёравно есть отступы, и в разметке про паддинг ни слова редактор не говорит. как будто эти оступы добавлены   но в стилях не нашёл

Цитата

23 октября, 201311 yr

#community_app_menu > li {
margin: 0;
position: relative;
}

заменяете на

#community_app_menu > li {
margin: 0;
position: relative;
}

.ipsList_inline > li {
display: inline-block;
margin: 0 3px;
}

заменяете на:

.ipsList_inline > li {
display: inline-block;
margin: 0 -2px;
}

Цитата

AUYKGN
1

23 октября, 201311 yr

WOLF, заменил, не помогло.

вот пример без отступа

а вот с отступом

Цитата

23 октября, 201311 yr

Lordbl4, Вам эти 2-3 пикселя столь принципиальны?

Цитата

23 октября, 201311 yr

, и нам и мне - однозначно да, принципиальны

Цитата

30 октября, 201311 yr

Вам эти 2-3 пикселя столь принципиальны?

Да у меня не помещается одна закладка

Цитата

30 октября, 201311 yr

AUS, Вы видите кого я цитирую? Да и я ответа вообще не знаю.

Цитата

30 октября, 201311 yr

Respected, да, я слепой :hang:

Отсюда:

		<span <if test="$data['promenu_menus_icon_check'] && $data['promenu_menus_arrow']">class="<if test="$data['promenu_menus_parent_id']">custom_icon</if> {$data['promenu_menus_arrow']}"</if> <if test="$data['promenu_menus_arrow']">style="padding-right:15px;background-origin: padding-box !important;"</if>>
			<if test="$data['promenu_menus_img_as_title_check']">
				<img src="{$data['promenu_menus_title_icon']}" width="{$data['promenu_menus_img_as_title_w']}" height="{$data['promenu_menus_img_as_title_h']}" style="vertical-align: bottom;"/>
			<else />
				{$data['promenu_menus_name']}
			</if>
		</span>

Удалил

padding-right:15px

Проделав тоже самое получил результат когда стрелочки наехали на текст, но визуально расстояние не изменилось между пунктами меню....

Цитата

1 месяц спустя...

2 декабря, 201311 yr

А можно убрать копирайты promenu из подвала сайта? Если можно, как это сделать?

Цитата

2 декабря, 201311 yr

CoolRaven, открыв все файлы компонента, и начав поиск по ссылке с компонента, или его названию можно найти что нужно, и убрать/изменить

Цитата

3 месяца спустя...

21 марта, 201411 yr

А Яндекс и Гугл видят пункты выпадающего меню также, как и основные пункты?

Т.е. со ссылкой, с анкором и т.п.?

Здесь на сайте меню через pro menu plus 3.0.6 сделано?

Edited 21 марта, 201411 yr by mirea

Цитата

21 марта, 201411 yr

Здесь на сайте меню через pro menu plus 3.0.6 сделано?

нет

Цитата

4 месяца спустя...

22 июля, 201411 yr

вышла ProMenu Plus 3.2.1 нет ни у кого ?

Цитата

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

https://ipbmafia.ru/topic/4810-promenu-plus-321/

Followers

Go to topic listing

No registered users viewing this page.

Replies 67
Просмотров 11,5k
Created 12 yr12 yr
Последний ответ 10 yr10 yr

Лучшие авторы в теме

AUYKGN 12 posts
AUS 11 posts
WOLF 11 posts
Respected 9 posts

Sign In

ProMenu Plus 3.2.1

Featured Replies

Лучшие авторы в теме

Популярные дни

Most Popular Posts

WinsanT

Respected

Respected

Join the conversation

Последние посетители 0

Лучшие авторы в теме

Популярные дни

Most Popular Posts

WinsanT

Respected

Respected

Account

Navigation

Search

Configure browser push notifications

Chrome (Android)

Chrome (Desktop)

Safari (iOS 16.4+)

Safari (macOS)

Edge (Android)

Edge (Desktop)

Firefox (Android)

Firefox (Desktop)