Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» совет админамавтор лексей2222 Октябрь 16th 2024, 10:00
» [решено]Редактирвоание темы
автор AlexDarkTech Октябрь 13th 2024, 08:14
» Проблема с гугл из-за Hitskin
автор лексей2222 Октябрь 11th 2024, 11:30
» Пропали иконки редактирования - HEEELP
автор Archaea Сентябрь 23rd 2024, 18:11
» Как загружать ролики и мультики по ссылкам напрямую
автор лексей2222 Сентябрь 14th 2024, 19:22
» Интернет адрес форума
автор Mierena Сентябрь 7th 2024, 15:24
» некоторые форумы долго загружаются
автор Raumt Сентябрь 6th 2024, 15:06
» На форуме Пропали кнопки модерации тем
автор лексей2222 Август 16th 2024, 22:36
» Проблема с метатегом Description
автор VeraLV Июнь 14th 2024, 17:06
» [решено] Исчезли картинки кнопок
автор VeraLV Май 26th 2024, 13:04
Как найти в css код кнопки, добавленной через ПА?
Участников: 4
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Как найти в css код кнопки, добавленной через ПА?
Собственно, добавил через ПА-Оформление-Верхняя часть страниц две кнопки в меню навигации. Они появились честь-по чести.
Теперь ищу их в CSS чтобы прописать им такой же дизайн как и всем остальным, то бишь анимацию в две полоски, но никак не могу найти.
Помогите пожалуйста! Версия форума phpbb2
Теперь ищу их в CSS чтобы прописать им такой же дизайн как и всем остальным, то бишь анимацию в две полоски, но никак не могу найти.
Помогите пожалуйста! Версия форума phpbb2
Последний раз редактировалось: Aster (Сентябрь 23rd 2016, 16:22), всего редактировалось 1 раз(а)
Re: Как найти в css код кнопки, добавленной через ПА?
А в таблице этого и не должно быть. Вам надо отдельно на них прописать стиль.Aster пишет:Собственно, добавил через ПА-Оформление-Верхняя часть страниц две кнопки в меню навигации. Они появились честь-по чести.
Теперь ищу их в CSS чтобы прописать им такой же дизайн как и всем остальным, то бишь анимацию в две полоски, но никак не могу найти.
Помогите пожалуйста! Версия форума phpbb2
Re: Как найти в css код кнопки, добавленной через ПА?
Понятно. Посоветуйте плз, как это сделать. Я не просто чайник а чайник заварочный. Взял готовый стиль и изгаляюсь над ним в меру своих возможностей, но что-то новое состряпать сам пока не могу.
Какой код написать в css, чтобы она появилась в нужном месте меню, имела нужный дизайн и функционировала?
Пока коды моих кнопок выглядят вот так
Новые две кнопки имеют вид 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
Буду очень благодарен, потому что сейчас полный швах
Какой код написать в 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
Буду очень благодарен, потому что сейчас полный швах
Re: Как найти в css код кнопки, добавленной через ПА?
Aster, здравствуйте.
Вот для этих новых двух кнопок Вы забыли задать стиль с параметром hover.
Верхняя строка из Вашего кода показывает кнопку по умолчанию, а именно верхнюю половину картинки. При наведении курсора положение картинки меняется и видно её нижнюю часть. Вернее, картинкам не присвоен класс i_icon_mini_index.
Если честно, я запутался в Ваших показаниях. Опишите подробно, как Вы добавляли кнопки.
Вот для этих новых двух кнопок Вы забыли задать стиль с параметром hover.
Верхняя строка из Вашего кода показывает кнопку по умолчанию, а именно верхнюю половину картинки. При наведении курсора положение картинки меняется и видно её нижнюю часть. Вернее, картинкам не присвоен класс i_icon_mini_index.
Если честно, я запутался в Ваших показаниях. Опишите подробно, как Вы добавляли кнопки.
Re: Как найти в css код кнопки, добавленной через ПА?
Феникс, доброго дня.
Собственно, я ориентировался вот на эту тему https://help.forum2x2.ru/t39461-topic точнее на совет DaVinchi "ПА - Конфигурация находите там пункт меню отвечающий за меню и добавляете новую кнопку. в таблицу CSS изменения будут внесены автоматически."
Сам я в этих кодах не смыслю абсолютно ничего, сам чего-то состряпать не могу, и только методом тыка и поисков пытаюсь кое-как менять что-то уже готовое. Так вот свои кнопки, которые были в шаблоне, поменял на более подходящий дизайн. Но были нужны еще две. Матчасть и карта мира.
Их я добавил через ПА- оформление - верхняя часть страниц/навигация - меню навигации, указав при этом урл-адрес картинки, которую надо этим кнопкам иметь. Вот так:
В результате кнопки вставились, и выглядят вот так
После этого, я полез в CSS, рассчитывая, раз изменения в CSS будут внесены автоматически, то отыщу их там, и задам им те же условия отображения, что и всем остальным. Но поскольку я - чайник, я их там не нашел.
Подскажите плз, где вот в этот код внеслись пресловутые кнопки? Если их там нет, то что, где и как надо сделать, чтобы они там были?
Собственно, я ориентировался вот на эту тему https://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;
}
Re: Как найти в css код кнопки, добавленной через ПА?
Стили для пасивных кнопок у вас создались, а для Вас нужен Вариант спрайтом.Aster пишет:Феникс, доброго дня.
Собственно, я ориентировался вот на эту тему https://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;
}
Re: Как найти в css код кнопки, добавленной через ПА?
Кхм... это что за зверь? На пальцах плз! Я же говорю - я не просто чайник а чайник заварочный. То бишь темный-претемный. Что, как и куда мне написать, чтобы эти кнопки стали такими же как остальные?Da Vinchi пишет:Стили для пасивных кнопок у вас создались, а для Вас нужен Вариант спрайтом.
Re: Как найти в css код кнопки, добавленной через ПА?
Это когда картинка содержит в себе и активную и пассивную кнопку. А вот в стиле уже идет разделение для показа картинки. Я писал тотолуар тут по данному вопросу. https://help.forum2x2.ru/t39385-topicAster пишет:
Кхм... это что за зверь? На пальцах плз! Я же говорю - я не просто чайник а чайник заварочный. То бишь темный-претемный. Что, как и куда мне написать, чтобы эти кнопки стали такими же как остальные?
Re: Как найти в css код кнопки, добавленной через ПА?
Da Vinchi, Прошу прощения, я наверное все же непроходимо туп, но мне нужны не иконки категорий-форумов, и не способ сэкономить на графике, а кнопки меню навигации, которые вели бы на сторонний сайт. В первом сообщении указал, на какой именно. К этим кнопкам уже есть готовые картинки, и я даже с грехом пополам научился остальные кнопки делать "меняющимися" при наведении мыши. Но УВИДЕТЬ эти кнопки в СSS чтобы прописать им уже готовый дизайн я не могу.
Спрошу другим концом. Предположим я снес все то что понавставлял через ПА и вернул все к прежнему значению.
Как вставить через СSS новые кнопки меню навигации, в дополнение к тем, что уже есть?
Есть какой-то конкретный код, который вставляешь в СSS и получаешь кнопку, нужного мне дизайна (ссылка на картинку - в первом посте) ведущую туда, куда нужно?
Спрошу другим концом. Предположим я снес все то что понавставлял через ПА и вернул все к прежнему значению.
Как вставить через СSS новые кнопки меню навигации, в дополнение к тем, что уже есть?
Есть какой-то конкретный код, который вставляешь в СSS и получаешь кнопку, нужного мне дизайна (ссылка на картинку - в первом посте) ведущую туда, куда нужно?
Re: Как найти в css код кнопки, добавленной через ПА?
Обратите внимание на свой код. Красным цветом (где несколько строк подряд) - это и есть Ваши кнопки, но только стандартные.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;}
Re: Как найти в css код кнопки, добавленной через ПА?
Вот об этом я и спрашиваю с самого начала. "Вставьте к тем кнопкам" - куда вставить-то. Где они находятся, эти кнопки, точнее их кодировка чтобы прикрутить к ним этот стиль? Их же нет в 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;}
Re: Как найти в css код кнопки, добавленной через ПА?
Ну так я и думал, что работать они не будут. Нужен скрипт, чтобы "подружить" новые кнопки с форумом. Я скрипты писать не умею.
Re: Как найти в css код кнопки, добавленной через ПА?
Кстати посмотрите тему. В ней есть скрипты для альтернативного меню навигации. То есть, можно поэкспериментировать с кнопками. Только из кода скрипта нужно выбрать нужную часть добавления кнопок. Не факт, что поможет, но попробовать стоит.
Re: Как найти в css код кнопки, добавленной через ПА?
Aster, так есть же тема про анимированные кнопки, там все расписано: https://help.forum2x2.ru/t10539-topic
Анимация в две полоски - это одна кнопка из двух половинок, которая через CSS смещается вверх-вниз. Вот как они выглядят у вас на форуме:
Вам надо
1) сделать такие же сдвоенные кнопки в стиле тех, что уже есть
2) добавить их через ПА > Оформление > Главная > Верхняя часть страниц & Навигация - ваша персональная кнопка -
3) проверить и подправить настройки CSS по указанной теме https://help.forum2x2.ru/t10539-topic
Анимация в две полоски - это одна кнопка из двух половинок, которая через CSS смещается вверх-вниз. Вот как они выглядят у вас на форуме:
Вам надо
1) сделать такие же сдвоенные кнопки в стиле тех, что уже есть
2) добавить их через ПА > Оформление > Главная > Верхняя часть страниц & Навигация - ваша персональная кнопка -
3) проверить и подправить настройки CSS по указанной теме https://help.forum2x2.ru/t10539-topic
Не забывайте сюда заглядывать!
Pls, не кидайте вопросы "как поставить", "как настроить" мне в ЛС! Я не юзаю личку.
Воспользуйтесь поиском. Откройте свою тему. Это не так страшно, как кажется ;)
Pls, не кидайте вопросы "как поставить", "как настроить" мне в ЛС! Я не юзаю личку.
Воспользуйтесь поиском. Откройте свою тему. Это не так страшно, как кажется ;)
Re: Как найти в css код кнопки, добавленной через ПА?
В общем снес все к чертям, и старые кнопки и новые, выдрал из CSS кусок шаблонного стиля, сделал все заново подряд, по туториалу Даны. Заработало! Хотя и получилось почему-то "вверх ногами", но перерисовать кнопки заново не проблема.
З.Ы. похоже, пора снимать копирайт. несчастный форум с первоисточником уже имеет мало общего!)
Спасибо большое всем.
Аллилуйя, работают кнопки! Спасибо!
Возникла правда тут же следующая проблема "съежился" фон заголовков, но это, как понимаю, в отдельной теме.
З.Ы. похоже, пора снимать копирайт. несчастный форум с первоисточником уже имеет мало общего!)
Спасибо большое всем.
Аллилуйя, работают кнопки! Спасибо!
Возникла правда тут же следующая проблема "съежился" фон заголовков, но это, как понимаю, в отдельной теме.
Похожие темы
» Через поисковики сайт трудно найти
» Не отображаются картинки с хостинга 2img (иконки, аватары и пр.)
» Логотип и кнопки через css - возможно ли?
» Настройка кнопки входа на форум через facebook
» Хочу изменить внешний вид кнопки - не могу найти где они располагаются.
» Не отображаются картинки с хостинга 2img (иконки, аватары и пр.)
» Логотип и кнопки через css - возможно ли?
» Настройка кнопки входа на форум через facebook
» Хочу изменить внешний вид кнопки - не могу найти где они располагаются.
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения