Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Поделиться ссылкой

Мы в социальных сетях



- Правила форума -

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: JPG-Net Видео фоторедактор Транслит
Видео-туториалы
Настройка шапки форума
Категории и подфорумы - 1
Создание портала
Модули
Виджеты
Как присваивать награды
Выброс кубиков
Pop-up для входа на форум
Настроение в профиле

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

Предыдущая тема Следующая тема Перейти вниз

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

Сообщение автор Aster в Ср 21 Сен - 14:29

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


Последний раз редактировалось: Aster (Пт 23 Сен - 16:22), всего редактировалось 1 раз(а)

Aster
Новичок

Сообщения : 18
Возраст : 38
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2016-06-20

http://keyrand.forum2x2.ru/

Вернуться к началу Перейти вниз

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

Сообщение автор Da Vinchi в Ср 21 Сен - 16:02

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

Da Vinchi
 
 

Пол : Мужчина
Сообщения : 157
Возраст : 35
Карма : Без предупреждений
Благодарности : 174
Регистрация : 2016-04-07

http://help.forum2x2.ru/

Вернуться к началу Перейти вниз

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

Сообщение автор Aster в Ср 21 Сен - 20:36

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

Какой код написать в 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) http://i97.servimg.com/u/f97/19/49/49/24/iuiia10.png 2) http://i97.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
Новичок

Сообщения : 18
Возраст : 38
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2016-06-20

http://keyrand.forum2x2.ru/

Вернуться к началу Перейти вниз

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

Сообщение автор Феникс в Чт 22 Сен - 1:44

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


• Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS
 
• Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки

• Где искать JavaScript?
ПА > Модули >  HTML & JAVASCRIPT > Управление кодами Javascript

Феникс
 
 

Пол : Мужчина
Сообщения : 430
Возраст : 44
Карма : Без предупреждений
Благодарности : 81
Регистрация : 2015-10-29

http://dayana.forum2x2.ru/

Вернуться к началу Перейти вниз

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

Сообщение автор Aster в Чт 22 Сен - 10:38

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

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

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

Код:
body{
background-position:top center;font-weight:normal;}
body{margin-top:0px;}
#i_logo{
margin-top:-7px !important;
/position:relative;} .catSides{border:none !important;}
#page-body{
margin:10px 22px 10px 22px;}
button.button2:hover,input.button2:hover{
color:#000;font-weight:bold;background-image:url('http://i97.servimg.com/u/f97/19/49/49/24/zz21010.png');background-position:top;background-position:top;}
input.liteoption{color:#000;font-weight:bold;background-repeat:repeat-x;background-image:url('http://i97.servimg.com/u/f97/19/49/49/24/zz11010.png');background-position:top;background-position:center;}
input.liteoption:hover{
font-weight:bold;background-image:url('http://i97.servimg.com/u/f97/19/49/49/24/zz21010.png');background-position:top;color:#000;background-position:top;}
input.mainoption{color:#000;font-weight:bold;background-repeat:repeat-x;background-image:url('http://i97.servimg.com/u/f97/19/49/49/24/zz11010.png');background-position:top;background-position:center;}
input.mainoption:hover{
font-weight:bold;
background-image:url('http://i97.servimg.com/u/f97/19/49/49/24/zz21010.png');
background-position:top;color:#000;background-position:top;}
.catBottom{
border:none !important;} .catHead{border:none !important;}
.thLeft{border:none !important;}
.thRight{border:none !important;}
.forumline{background-image:url('http://i30.servimg.com/u/f30/13/30/32/72/b1_bas10.png');background-repeat:no-repeat;background-position:bottom;padding-bottom:34px;/padding-bottom:3px;/background-image:none;/background-repeat:repeat;}
td.cat{background-repeat:repeat;
}
td.catHead{background-repeat:repeat;}
td.catSides{
background-repeat:repeat;}
td.catLeft{background-repeat:repeat;border-left:none !important;} td.catRight{background-repeat:repeat;}
td.catBottom{background-repeat:repeat;} #plus_menu{background-color:#23201b;border:1px solid #2e2b26 !important;}
.wysiwyg{background-color:#2e2b26 !important;}   .bodyline{background-image:url('http://i97.servimg.com/u/f97/19/49/49/24/217y8710.png');background-position:bottom right;background-repeat:no-repeat;}
#text_editor_textarea{background-color:#2e2b26 !important;color:#a79f91;}
.attachbox{
background-color:#2e2b26;background-image:url('http://i30.servimg.com/u/f30/13/30/32/72/fond_s10.png');border:1px solid #6c6657;padding:5px;-moz-border-radius-topleft:15px;-webkit-border-radius-topleft:15px;-moz-border-radius-topright:15px;-webkit-border-radius-topright:15px;border-radius-topleft:15px;border-radius-topright:15px;-moz-box-shadow:0px 0px 10px #000;-webkit-box-shadow:0px 0px 10px #000;box-shadow:0px 0px 10px #000;
}
.attachbox dl.file{
background-color:#212121;
margin-top:8px;padding:5px;
border:1px solid #6c6657;-moz-border-radius:15px;
-webkit-border-radius:15px;border-radius:15px;
-moz-box-shadow:0px 0px 10px #000;
-webkit-box-shadow:0px 0px 10px #000;box-shadow:0px 0px 10px #000;}
.row1,.row2,.row3,.row3Right{background-image:url('http://i30.servimg.com/u/f30/13/30/32/72/fond_c10.jpg');background-repeat:repeat;border:1px solid  #37342d;}  .container_IE{background-image:url('http://i97.servimg.com/u/f97/19/49/49/24/217y8710.png');background-position:bottom right;background-repeat:no-repeat;}
div.errorwrap,div.infowrap{background-color:#776952;border:1px solid #ac9a7b;color:#443b2b !important;font-weight:bold;}
div.errorwrap h4,div.infowrap h4{background-color:#443b2b;border:1px solid #ac9a7b;color:#ac9a7b;} div.errorwrap p,div.infowrap p{color:#443b2b;font-weight:bold;}
#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;}
#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_gallery:hover{background:url(http://i32.servimg.com/u/f32/15/52/81/80/211.png) no-repeat  0 -22px;}
#i_icon_mini_calendar{width:80px; height:22px; background:url(http://i32.servimg.com/u/f32/15/52/81/80/311.png) no-repeat 0 0;}
#i_icon_mini_calendar:hover{background:url(http://i32.servimg.com/u/f32/15/52/81/80/311.png) no-repeat  0 -22px;}
#i_icon_mini_search{width:116px; height:34px; background:url(http://i97.servimg.com/u/f97/19/49/49/24/aai10.png) no-repeat 0 0;}
#i_icon_mini_search:hover{background:url(http://i97.servimg.com/u/f97/19/49/49/24/aai10.png) no-repeat  0 -34px;}
#i_icon_mini_members{width:116px; height:34px; background:url(http://i97.servimg.com/u/f97/19/49/49/24/uiizaa10.png) no-repeat 0 0;}
#i_icon_mini_members:hover{background:url(http://i97.servimg.com/u/f97/19/49/49/24/uiizaa10.png) no-repeat  0 -34px;}
#i_icon_mini_profile{width:116px; height:34px; background:url(http://i97.servimg.com/u/f97/19/49/49/24/oze10.png) no-repeat 0 0;}
#i_icon_mini_profile:hover{background:url(http://i97.servimg.com/u/f97/19/49/49/24/oze10.png) no-repeat  0 -34px;}
#i_icon_mini_message{width:116px; height:34px; background:url(http://i97.servimg.com/u/f97/19/49/49/24/aui10.png) no-repeat 0 0;}
#i_icon_mini_message:hover{background:url(http://i97.servimg.com/u/f97/19/49/49/24/aui10.png) no-repeat 0 -34px;}
#i_icon_mini_new_message{width:116px; height:34px; background:url(http://i97.servimg.com/u/f97/19/49/49/24/o-aiaa10.gif) no-repeat 0 0;}
#i_icon_mini_new_message:hover{background:url(http://i97.servimg.com/u/f97/19/49/49/24/o-aiaa10.gif) no-repeat  0 -34px;}
#i_icon_mini_logout{width:116px; height:34px; background:url(http://i97.servimg.com/u/f97/19/49/49/24/oaoa10.png) no-repeat 0 0;}
#i_icon_mini_logout:hover{background:url(http://i97.servimg.com/u/f97/19/49/49/24/oaoa10.png) no-repeat  0 -34px;}
#i_icon_mini_register{width:116px; height:34px; background:url(http://i97.servimg.com/u/f97/19/49/49/24/oeaiie10.png) no-repeat 0 0;}
#i_icon_mini_register:hover{background:url(http://i97.servimg.com/u/f97/19/49/49/24/oeaiie10.png) no-repeat  0 -34px;}
#i_icon_mini_login{width:116px; height:34px; background:url(http://i97.servimg.com/u/f97/19/49/49/24/ooa10.png) no-repeat 0 0;}
#i_icon_mini_login:hover{background:url(http://i97.servimg.com/u/f97/19/49/49/24/ooa10.png) no-repeat  0 -34px;}
.code{background-color:#2c2a25;border:1px solid #6c6657;background-image:url('http://i30.servimg.com/u/f30/13/30/32/72/fond_s10.png');-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#caba9f;padding:5px;-moz-box-shadow:0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;}
.quote{background-color:#2c2a25;border:1px solid #6c6657;background-image:url('http://i30.servimg.com/u/f30/13/30/32/72/fond_s10.png');-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#caba9f;padding:5px;-moz-box-shadow:0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;}
.spoiler{background-color:#2c2a25;border:1px solid #6c6657;background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/35px10.png');-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#caba9f;padding:5px; -moz-box-shadow:0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;}
.spoiler_closed{background-color:#2c2a25;border:1px solid #6c6657;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#caba9f;padding:5px;}
.spoiler_content{background-color:#2c2a25;border:1px solid #6c6657;background-image:url('http://i30.servimg.com/u/f30/13/30/32/72/fond_s10.png');-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#caba9f;padding:5px;}
button.button2,input.button2{
color:#000000;background-image:url('http://i97.servimg.com/u/f97/19/49/49/24/zz11010.png');background-position:top;}
button.button2:hover,input.button2:hover{border:1px solid #000000;background-image:url('http://i97.servimg.com/u/f97/19/49/49/24/zz21010.png');background-position:top;color:#000000;}
button.button2,input.button2{
color:#000;font-weight:bold;background-repeat:repeat-x;background-image:url('http://i97.servimg.com/u/f97/19/49/49/24/zz11010.png');background-position:top;background-position:center;}
/* это шапка резиновая */
#i_logo {
width: 100%;
height: auto;
margin: 0;
}
table#blocklogo {table-layout: fixed;}
#content-container div#left {
display: none;
margin-right:0px;
}
#content-container div#content {
margin-right: 0px;
}
/* это рамка */
#ava img {width: 200px; height: 295px;}
#ramka img {z-index: 999; position: relative; margin-bottom: -295px;}

#gfooter .footer-links ul   ul {
color: transparent;
margin-top: 10px;
}
/* цвет персональной информации */
.user-info {
color:#918f84 !important;
}
/* шрифт блока категорий */
div.maintitle div.toggle,div.maintitle h1,div.maintitle h2,div.maintitle h3 {
font-size:18px;
}
/* шрифт постов */
.postbody {
line-height: 1.4
font-size:14px;
}

/* шрифт ников */
.name {
font-style:underline;
font-size:15px;
}
Буду очень благодарен за помощь, потому что в таком виде это меню годится лишь на то, чтобы пользователей пугать.

Aster
Новичок

Сообщения : 18
Возраст : 38
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2016-06-20

http://keyrand.forum2x2.ru/

Вернуться к началу Перейти вниз

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

Сообщение автор Da Vinchi в Чт 22 Сен - 12:53

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

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

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

Код:
body{
background-position:top center;font-weight:normal;}
body{margin-top:0px;}
#i_logo{
margin-top:-7px !important;
/position:relative;} .catSides{border:none !important;}
#page-body{
margin:10px 22px 10px 22px;}
button.button2:hover,input.button2:hover{
color:#000;font-weight:bold;background-image:url('http://i97.servimg.com/u/f97/19/49/49/24/zz21010.png');background-position:top;background-position:top;}
input.liteoption{color:#000;font-weight:bold;background-repeat:repeat-x;background-image:url('http://i97.servimg.com/u/f97/19/49/49/24/zz11010.png');background-position:top;background-position:center;}
input.liteoption:hover{
font-weight:bold;background-image:url('http://i97.servimg.com/u/f97/19/49/49/24/zz21010.png');background-position:top;color:#000;background-position:top;}
input.mainoption{color:#000;font-weight:bold;background-repeat:repeat-x;background-image:url('http://i97.servimg.com/u/f97/19/49/49/24/zz11010.png');background-position:top;background-position:center;}
input.mainoption:hover{
font-weight:bold;
background-image:url('http://i97.servimg.com/u/f97/19/49/49/24/zz21010.png');
background-position:top;color:#000;background-position:top;}
.catBottom{
border:none !important;} .catHead{border:none !important;}
.thLeft{border:none !important;}
.thRight{border:none !important;}
.forumline{background-image:url('http://i30.servimg.com/u/f30/13/30/32/72/b1_bas10.png');background-repeat:no-repeat;background-position:bottom;padding-bottom:34px;/padding-bottom:3px;/background-image:none;/background-repeat:repeat;}
td.cat{background-repeat:repeat;
}
td.catHead{background-repeat:repeat;}
td.catSides{
background-repeat:repeat;}
td.catLeft{background-repeat:repeat;border-left:none !important;} td.catRight{background-repeat:repeat;}
td.catBottom{background-repeat:repeat;} #plus_menu{background-color:#23201b;border:1px solid #2e2b26 !important;}
.wysiwyg{background-color:#2e2b26 !important;}   .bodyline{background-image:url('http://i97.servimg.com/u/f97/19/49/49/24/217y8710.png');background-position:bottom right;background-repeat:no-repeat;}
#text_editor_textarea{background-color:#2e2b26 !important;color:#a79f91;}
.attachbox{
background-color:#2e2b26;background-image:url('http://i30.servimg.com/u/f30/13/30/32/72/fond_s10.png');border:1px solid #6c6657;padding:5px;-moz-border-radius-topleft:15px;-webkit-border-radius-topleft:15px;-moz-border-radius-topright:15px;-webkit-border-radius-topright:15px;border-radius-topleft:15px;border-radius-topright:15px;-moz-box-shadow:0px 0px 10px #000;-webkit-box-shadow:0px 0px 10px #000;box-shadow:0px 0px 10px #000;
}
.attachbox dl.file{
background-color:#212121;
margin-top:8px;padding:5px;
border:1px solid #6c6657;-moz-border-radius:15px;
-webkit-border-radius:15px;border-radius:15px;
-moz-box-shadow:0px 0px 10px #000;
-webkit-box-shadow:0px 0px 10px #000;box-shadow:0px 0px 10px #000;}
.row1,.row2,.row3,.row3Right{background-image:url('http://i30.servimg.com/u/f30/13/30/32/72/fond_c10.jpg');background-repeat:repeat;border:1px solid  #37342d;}  .container_IE{background-image:url('http://i97.servimg.com/u/f97/19/49/49/24/217y8710.png');background-position:bottom right;background-repeat:no-repeat;}
div.errorwrap,div.infowrap{background-color:#776952;border:1px solid #ac9a7b;color:#443b2b !important;font-weight:bold;}
div.errorwrap h4,div.infowrap h4{background-color:#443b2b;border:1px solid #ac9a7b;color:#ac9a7b;} div.errorwrap p,div.infowrap p{color:#443b2b;font-weight:bold;}
#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;}
#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_gallery:hover{background:url(http://i32.servimg.com/u/f32/15/52/81/80/211.png) no-repeat  0 -22px;}
#i_icon_mini_calendar{width:80px; height:22px; background:url(http://i32.servimg.com/u/f32/15/52/81/80/311.png) no-repeat 0 0;}
#i_icon_mini_calendar:hover{background:url(http://i32.servimg.com/u/f32/15/52/81/80/311.png) no-repeat  0 -22px;}
#i_icon_mini_search{width:116px; height:34px; background:url(http://i97.servimg.com/u/f97/19/49/49/24/aai10.png) no-repeat 0 0;}
#i_icon_mini_search:hover{background:url(http://i97.servimg.com/u/f97/19/49/49/24/aai10.png) no-repeat  0 -34px;}
#i_icon_mini_members{width:116px; height:34px; background:url(http://i97.servimg.com/u/f97/19/49/49/24/uiizaa10.png) no-repeat 0 0;}
#i_icon_mini_members:hover{background:url(http://i97.servimg.com/u/f97/19/49/49/24/uiizaa10.png) no-repeat  0 -34px;}
#i_icon_mini_profile{width:116px; height:34px; background:url(http://i97.servimg.com/u/f97/19/49/49/24/oze10.png) no-repeat 0 0;}
#i_icon_mini_profile:hover{background:url(http://i97.servimg.com/u/f97/19/49/49/24/oze10.png) no-repeat  0 -34px;}
#i_icon_mini_message{width:116px; height:34px; background:url(http://i97.servimg.com/u/f97/19/49/49/24/aui10.png) no-repeat 0 0;}
#i_icon_mini_message:hover{background:url(http://i97.servimg.com/u/f97/19/49/49/24/aui10.png) no-repeat 0 -34px;}
#i_icon_mini_new_message{width:116px; height:34px; background:url(http://i97.servimg.com/u/f97/19/49/49/24/o-aiaa10.gif) no-repeat 0 0;}
#i_icon_mini_new_message:hover{background:url(http://i97.servimg.com/u/f97/19/49/49/24/o-aiaa10.gif) no-repeat  0 -34px;}
#i_icon_mini_logout{width:116px; height:34px; background:url(http://i97.servimg.com/u/f97/19/49/49/24/oaoa10.png) no-repeat 0 0;}
#i_icon_mini_logout:hover{background:url(http://i97.servimg.com/u/f97/19/49/49/24/oaoa10.png) no-repeat  0 -34px;}
#i_icon_mini_register{width:116px; height:34px; background:url(http://i97.servimg.com/u/f97/19/49/49/24/oeaiie10.png) no-repeat 0 0;}
#i_icon_mini_register:hover{background:url(http://i97.servimg.com/u/f97/19/49/49/24/oeaiie10.png) no-repeat  0 -34px;}
#i_icon_mini_login{width:116px; height:34px; background:url(http://i97.servimg.com/u/f97/19/49/49/24/ooa10.png) no-repeat 0 0;}
#i_icon_mini_login:hover{background:url(http://i97.servimg.com/u/f97/19/49/49/24/ooa10.png) no-repeat  0 -34px;}
.code{background-color:#2c2a25;border:1px solid #6c6657;background-image:url('http://i30.servimg.com/u/f30/13/30/32/72/fond_s10.png');-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#caba9f;padding:5px;-moz-box-shadow:0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;}
.quote{background-color:#2c2a25;border:1px solid #6c6657;background-image:url('http://i30.servimg.com/u/f30/13/30/32/72/fond_s10.png');-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#caba9f;padding:5px;-moz-box-shadow:0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;}
.spoiler{background-color:#2c2a25;border:1px solid #6c6657;background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/35px10.png');-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#caba9f;padding:5px; -moz-box-shadow:0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;}
.spoiler_closed{background-color:#2c2a25;border:1px solid #6c6657;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#caba9f;padding:5px;}
.spoiler_content{background-color:#2c2a25;border:1px solid #6c6657;background-image:url('http://i30.servimg.com/u/f30/13/30/32/72/fond_s10.png');-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#caba9f;padding:5px;}
button.button2,input.button2{
color:#000000;background-image:url('http://i97.servimg.com/u/f97/19/49/49/24/zz11010.png');background-position:top;}
button.button2:hover,input.button2:hover{border:1px solid #000000;background-image:url('http://i97.servimg.com/u/f97/19/49/49/24/zz21010.png');background-position:top;color:#000000;}
button.button2,input.button2{
color:#000;font-weight:bold;background-repeat:repeat-x;background-image:url('http://i97.servimg.com/u/f97/19/49/49/24/zz11010.png');background-position:top;background-position:center;}
/* это шапка резиновая */
#i_logo {
width: 100%;
height: auto;
margin: 0;
}
table#blocklogo {table-layout: fixed;}
#content-container div#left {
display: none;
margin-right:0px;
}
#content-container div#content {
margin-right: 0px;
}
/* это рамка */
#ava img {width: 200px; height: 295px;}
#ramka img {z-index: 999; position: relative; margin-bottom: -295px;}

#gfooter .footer-links ul   ul {
color: transparent;
margin-top: 10px;
}
/* цвет персональной информации */
.user-info {
color:#918f84 !important;
}
/* шрифт блока категорий */
div.maintitle div.toggle,div.maintitle h1,div.maintitle h2,div.maintitle h3 {
font-size:18px;
}
/* шрифт постов */
.postbody {
line-height: 1.4
font-size:14px;
}

/* шрифт ников */
.name {
font-style:underline;
font-size:15px;
}
Буду очень благодарен за помощь, потому что в таком виде это меню годится лишь на то, чтобы пользователей пугать.
Стили для пасивных кнопок у вас создались, а для Вас нужен Вариант спрайтом.

Da Vinchi
 
 

Пол : Мужчина
Сообщения : 157
Возраст : 35
Карма : Без предупреждений
Благодарности : 174
Регистрация : 2016-04-07

http://help.forum2x2.ru/

Вернуться к началу Перейти вниз

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

Сообщение автор Aster в Чт 22 Сен - 13:00

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

Aster
Новичок

Сообщения : 18
Возраст : 38
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2016-06-20

http://keyrand.forum2x2.ru/

Вернуться к началу Перейти вниз

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

Сообщение автор Da Vinchi в Чт 22 Сен - 13:40

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

Da Vinchi
 
 

Пол : Мужчина
Сообщения : 157
Возраст : 35
Карма : Без предупреждений
Благодарности : 174
Регистрация : 2016-04-07

http://help.forum2x2.ru/

Вернуться к началу Перейти вниз

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

Сообщение автор Aster в Чт 22 Сен - 15:59

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

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

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



Aster
Новичок

Сообщения : 18
Возраст : 38
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2016-06-20

http://keyrand.forum2x2.ru/

Вернуться к началу Перейти вниз

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

Сообщение автор Феникс в Чт 22 Сен - 21:31

@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?
Па > Оформление > Цвета > Каскадная таблица стилей CSS
 
• Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки

• Где искать JavaScript?
ПА > Модули >  HTML & JAVASCRIPT > Управление кодами Javascript

Феникс
 
 

Пол : Мужчина
Сообщения : 430
Возраст : 44
Карма : Без предупреждений
Благодарности : 81
Регистрация : 2015-10-29

http://dayana.forum2x2.ru/

Вернуться к началу Перейти вниз

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

Сообщение автор Aster в Чт 22 Сен - 21:56

@Феникс пишет:
Когда всё сделаете, вставьте к тем кнопкам и, чтобы потом не путаться, желательно в том же порядке, что они у Вас на форуме.
Вот об этом я и спрашиваю с самого начала. "Вставьте к тем кнопкам" - куда вставить-то. Где они находятся, эти кнопки, точнее их кодировка чтобы прикрутить к ним этот стиль? Их же нет в 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
Новичок

Сообщения : 18
Возраст : 38
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2016-06-20

http://keyrand.forum2x2.ru/

Вернуться к началу Перейти вниз

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

Сообщение автор Феникс в Пт 23 Сен - 13:49

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


• Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS
 
• Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки

• Где искать JavaScript?
ПА > Модули >  HTML & JAVASCRIPT > Управление кодами Javascript

Феникс
 
 

Пол : Мужчина
Сообщения : 430
Возраст : 44
Карма : Без предупреждений
Благодарности : 81
Регистрация : 2015-10-29

http://dayana.forum2x2.ru/

Вернуться к началу Перейти вниз

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

Сообщение автор Феникс в Пт 23 Сен - 14:04

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


• Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS
 
• Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки

• Где искать JavaScript?
ПА > Модули >  HTML & JAVASCRIPT > Управление кодами Javascript

Феникс
 
 

Пол : Мужчина
Сообщения : 430
Возраст : 44
Карма : Без предупреждений
Благодарности : 81
Регистрация : 2015-10-29

http://dayana.forum2x2.ru/

Вернуться к началу Перейти вниз

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

Сообщение автор IceQueen в Пт 23 Сен - 14:12

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

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



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



Не забывайте сюда заглядывать!

Pls, не кидайте вопросы "как поставить", "как настроить" мне в ЛС! Я не юзаю личку.
Воспользуйтесь поиском. Откройте свою тему. Это не так страшно, как кажется ;)

IceQueen
Помощник
Помощник

Пол : Женщина
Сообщения : 1110
Возраст : 27
Карма : Без предупреждений
Благодарности : 476
Регистрация : 2009-05-31

http://help.forum2x2.ru/

Вернуться к началу Перейти вниз

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

Сообщение автор Aster в Пт 23 Сен - 15:24

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


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

Aster
Новичок

Сообщения : 18
Возраст : 38
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2016-06-20

http://keyrand.forum2x2.ru/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения