Как найти в css код кнопки, добавленной через ПА?

Собственно, добавил через ПА-Оформление-Верхняя часть страниц две кнопки в меню навигации. Они появились честь-по чести.
Теперь ищу их в CSS чтобы прописать им такой же дизайн как и всем остальным, то бишь анимацию в две полоски, но никак не могу найти.
Помогите пожалуйста! Версия форума phpbb2

Aster пишет:Собственно, добавил через ПА-Оформление-Верхняя часть страниц две кнопки в меню навигации. Они появились честь-по чести.
Теперь ищу их в CSS чтобы прописать им такой же дизайн как и всем остальным, то бишь анимацию в две полоски, но никак не могу найти.
Помогите пожалуйста! Версия форума phpbb2

А в таблице этого и не должно быть. Вам надо отдельно на них прописать стиль.

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

Какой код написать в css, чтобы она появилась в нужном месте меню, имела нужный дизайн и функционировала?
Пока коды моих кнопок выглядят вот так

Код:


#i_icon_mini_index{width:116px; height:34px; background:url(http://i97.servimg.com/u/f97/19/49/49/24/ze10.png) no-repeat 0 0;}
#i_icon_mini_index:hover{background:url(http://i97.servimg.com/u/f97/19/49/49/24/ze10.png) no-repeat 0 -34px;}

Новые две кнопки имеют вид 1) https://i.servimg.com/u/f97/19/49/49/24/iuiia10.png 2) https://i.servimg.com/u/f97/19/49/49/24/ei_ae10.png и должны вести на страницы 1) http://www.keyrand.com/ и 2) http://www.keyrand.com/karta-mira?tid=c8126531a1ceb1c48d66a8f4f8d653a2
Буду очень благодарен, потому что сейчас полный швах

Aster,  здравствуйте.
Вот для этих новых двух кнопок Вы забыли задать стиль с параметром hover.
Верхняя строка из Вашего кода показывает кнопку по умолчанию, а именно верхнюю половину картинки. При  наведении курсора положение картинки меняется и видно её нижнюю часть. Вернее, картинкам не присвоен класс i_icon_mini_index.
Если честно, я запутался в Ваших показаниях. Опишите подробно, как Вы добавляли кнопки.

Феникс, доброго дня.
Собственно, я ориентировался вот на эту тему https://help.forum2x2.ru/t39461-topic  точнее на совет DaVinchi "ПА - Конфигурация находите там пункт меню отвечающий за меню и добавляете новую кнопку. в таблицу CSS изменения будут внесены автоматически."
Сам я в этих кодах не смыслю абсолютно ничего, сам чего-то состряпать не могу, и только методом тыка и поисков пытаюсь кое-как менять что-то уже готовое. Так вот свои кнопки, которые были в шаблоне, поменял на более подходящий дизайн. Но были нужны еще две. Матчасть и карта мира.
Их я добавил через ПА- оформление - верхняя часть страниц/навигация - меню навигации, указав при этом урл-адрес картинки, которую надо этим кнопкам иметь. Вот так:

скрин:

В результате кнопки вставились, и выглядят вот так

Скрин:

После этого, я полез в CSS, рассчитывая, раз изменения в CSS будут внесены автоматически, то отыщу их там, и задам им те же условия отображения, что и всем остальным. Но поскольку я - чайник, я их там не нашел.
Подскажите плз, где вот в этот код внеслись пресловутые кнопки? Если их там нет, то что, где и как надо сделать, чтобы они там были?

код:

Буду очень благодарен за помощь, потому что в таком виде это меню годится лишь на то, чтобы пользователей пугать.

Aster пишет:Феникс, доброго дня.
Собственно, я ориентировался вот на эту тему https://help.forum2x2.ru/t39461-topic  точнее на совет DaVinchi "ПА - Конфигурация находите там пункт меню отвечающий за меню и добавляете новую кнопку. в таблицу CSS изменения будут внесены автоматически."
Сам я в этих кодах не смыслю абсолютно ничего, сам чего-то состряпать не могу, и только методом тыка и поисков пытаюсь кое-как менять что-то уже готовое. Так вот свои кнопки, которые были в шаблоне, поменял на более подходящий дизайн. Но были нужны еще две. Матчасть и карта мира.
Их я добавил через ПА- оформление - верхняя часть страниц/навигация - меню навигации, указав при этом урл-адрес картинки, которую надо этим кнопкам иметь. Вот так:

скрин:

В результате кнопки вставились, и выглядят вот так

Скрин:

После этого, я полез в CSS, рассчитывая, раз изменения в CSS будут внесены автоматически, то отыщу их там, и задам им те же условия отображения, что и всем остальным. Но поскольку я - чайник, я их там не нашел.
Подскажите плз, где вот в этот код внеслись пресловутые кнопки? Если их там нет, то что, где и как надо сделать, чтобы они там были?

код:

Буду очень благодарен за помощь, потому что в таком виде это меню годится лишь на то, чтобы пользователей пугать.

Стили для пасивных кнопок у вас создались, а для Вас нужен Вариант спрайтом.

Da Vinchi пишет:Стили для пасивных кнопок у вас создались, а для Вас нужен Вариант спрайтом.

Кхм... это что за зверь? На пальцах плз! Я же говорю - я не просто чайник а чайник заварочный. То бишь темный-претемный. Что, как и куда мне написать, чтобы эти кнопки стали такими же как остальные?

Aster пишет:
Кхм... это что за зверь? На пальцах плз! Я же говорю - я не просто чайник а чайник заварочный. То бишь темный-претемный. Что, как и куда мне написать, чтобы эти кнопки стали такими же как остальные?

Это когда картинка содержит в себе и активную и пассивную кнопку. А вот в стиле уже идет разделение для показа картинки. Я писал тотолуар тут по данному вопросу. https://help.forum2x2.ru/t39385-topic

Da Vinchi, Прошу прощения, я наверное все же непроходимо туп, но мне нужны не иконки категорий-форумов, и не способ сэкономить на графике, а кнопки меню навигации, которые вели бы на сторонний сайт. В первом сообщении указал, на какой именно. К этим кнопкам уже есть готовые картинки, и я даже с грехом пополам научился остальные кнопки делать "меняющимися" при наведении мыши. Но УВИДЕТЬ эти кнопки в СSS чтобы прописать им уже готовый дизайн я не могу.
Спрошу другим концом. Предположим я снес все то что понавставлял через ПА и вернул все к прежнему значению.

Как вставить через СSS новые кнопки меню навигации, в дополнение к тем, что уже есть?

Есть какой-то конкретный код, который вставляешь в СSS и получаешь кнопку, нужного мне дизайна (ссылка на картинку - в первом посте) ведущую туда, куда нужно?

Aster пишет:Есть какой-то конкретный код, который вставляешь в СSS и получаешь кнопку, нужного мне дизайна (ссылка на картинку - в первом посте) ведущую туда, куда нужно?

Обратите внимание на свой код. Красным цветом (где несколько строк подряд) - это и есть Ваши кнопки, но только стандартные.
Вам нужно добавить стиль для новых кнопок. Просто копируете из кода стиль для любой кнопки, меняете в нем ссылку на картинку кнопки и слово после i_icon_mini. Например i_icon_mini_matchast и i_icon_mini_karta
Покажу на примере кнопки портала.

Код:

#i_icon_mini_portal{width:80px; height:22px; background:url(http://i30.servimg.com/u/f30/13/30/32/72/p111.png) no-repeat 0 0;}
#i_icon_mini_portal:hover{background:url(http://i30.servimg.com/u/f30/13/30/32/72/p111.png) no-repeat  0 -22px;}

Когда всё сделаете, вставьте к тем кнопкам и, чтобы потом не путаться, желательно в том же порядке, что они у Вас на форуме.

Феникс пишет:
Когда всё сделаете, вставьте к тем кнопкам и, чтобы потом не путаться, желательно в том же порядке, что они у Вас на форуме.

Вот об этом я и спрашиваю с самого начала. "Вставьте к тем кнопкам" - куда вставить-то. Где они находятся, эти кнопки, точнее их кодировка чтобы прикрутить к ним этот стиль? Их же нет в css, так куда вставлять?
Вот стиль я для них создал

Код:


#i_icon_mini_index{width:116px; height:34px; background:url(http://i97.servimg.com/u/f97/19/49/49/24/ze10.png) no-repeat 0 0;}
#i_icon_mini_index:hover{background:url(http://i97.servimg.com/u/f97/19/49/49/24/ze10.png) no-repeat 0 -34px;}
[color=#6600ff]/*Нововставленные кнопки проба */
#i_icon_mini_site{width:116px; height:34px; background:url(http://i97.servimg.com/u/f97/19/49/49/24/iuiia10.png) no-repeat 0 0;}
#i_icon_mini_site:hover{background:url(http://i97.servimg.com/u/f97/19/49/49/24/iuiia10.png) no-repeat 0 -34px;}
#i_icon_mini_map{width:116px; height:34px; background:url(http://i97.servimg.com/u/f97/19/49/49/24/ei_ae10.png) no-repeat 0 0;}
#i_icon_mini_map:hover{background:url(http://i97.servimg.com/u/f97/19/49/49/24/ei_ae10.png) no-repeat 0 -34px;}
/*Нововставленные кнопки конец */
[/color]#i_icon_mini_portal{width:80px; height:22px; background:url(http://i30.servimg.com/u/f30/13/30/32/72/p111.png) no-repeat 0 0;}
#i_icon_mini_portal:hover{background:url(http://i30.servimg.com/u/f30/13/30/32/72/p111.png) no-repeat  0 -22px;}
#i_icon_mini_gallery{width:80px; height:22px; background:url(http://i32.servimg.com/u/f32/15/52/81/80/211.png) no-repeat 0 0;}

Назвал кнопки от балды #i_icon_mini_site и #i_icon_mini_map . А что дальше с ними делать?

Ну так я и думал, что работать они не будут. Нужен скрипт, чтобы "подружить" новые кнопки с форумом. Я скрипты писать не умею.

Кстати посмотрите тему. В ней есть скрипты для альтернативного меню навигации. То есть, можно поэкспериментировать с кнопками. Только из кода скрипта нужно выбрать нужную часть добавления кнопок. Не факт, что поможет, но попробовать стоит.

Aster, так есть же тема про анимированные кнопки, там все расписано: https://help.forum2x2.ru/t10539-topic

Анимация в две полоски - это одна кнопка из двух половинок, которая через CSS смещается вверх-вниз. Вот как они выглядят у вас на форуме:



Вам надо
1) сделать такие же сдвоенные кнопки в стиле тех, что уже есть
2) добавить их через ПА > Оформление > Главная > Верхняя часть страниц & Навигация - ваша персональная кнопка -
3) проверить и подправить настройки CSS по указанной теме https://help.forum2x2.ru/t10539-topic

В общем снес все к чертям, и старые кнопки и новые, выдрал из CSS кусок шаблонного стиля, сделал все заново подряд, по туториалу Даны. Заработало! Хотя и получилось почему-то "вверх ногами",  но перерисовать кнопки заново не проблема.
З.Ы. похоже, пора снимать копирайт. несчастный форум с первоисточником уже имеет мало общего!)
Спасибо большое всем.


Аллилуйя, работают кнопки! Спасибо!
Возникла правда тут же следующая проблема "съежился" фон заголовков, но это, как понимаю, в отдельной теме.