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

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

Проблема с установкой анимированной навигации Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

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

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

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

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

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

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.

Я админ, не могу зайти!
(забыл / потерял пароль)


Общий FAQ по управлению форумом

FAQ: реклама на форуме

Туториалы по разным функциям ваших форумов

Алфавитный указатель

Интересные решения для форумов

Наши видео-туториалы

Условия пользования сервисом

Ссылки на полезные ресурсы

Последние темы
» Не корректное отображение картинок
автор Luz Сегодня в 12:40

» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Сегодня в 12:13

» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31

» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43

» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37

» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26

» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28

» Помощь в нескольких вопросах по форуму
автор лексей2222 Февраль 22nd 2024, 13:21

» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор Dana Domirani Февраль 14th 2024, 00:54

» Загрузка форума
автор лисенок Февраль 13th 2024, 01:09

Проблема с установкой анимированной навигации

Участников: 4

Перейти вниз

Проблема с установкой анимированной навигации Empty Проблема с установкой анимированной навигации

Сообщение автор Чистый сталкер Июль 24th 2013, 19:49

В общем суть в чем. Хотели сделать анимацию кнопок при наведение. Начали работать на тестовике.

Но возникла проблема, все было сделано по рецепту из этой темы: https://help.forum2x2.ru/t10539-topic
Но почему то выглядит это все не так, как хотелось бы. Смотрите здесь: http://test-stalker-cop.forum2x2.ru/

(Наведите на кнопку "Главная")


Последний раз редактировалось: Чистый сталкер (Июль 25th 2013, 15:29), всего редактировалось 2 раз(а)
Чистый сталкер
Чистый сталкер
 

Мужчина

Сообщения : 340
Возраст : 28
Регистрация : 2009-06-11
Благодарности : 11

Без предупреждений

https://www.stalker-cop.com/

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

Проблема с установкой анимированной навигации Empty Re: Проблема с установкой анимированной навигации

Сообщение автор Чистый сталкер Июль 25th 2013, 19:55

UP
Чистый сталкер
Чистый сталкер
 

Мужчина

Сообщения : 340
Возраст : 28
Регистрация : 2009-06-11
Благодарности : 11

Без предупреждений

https://www.stalker-cop.com/

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

Проблема с установкой анимированной навигации Empty Re: Проблема с установкой анимированной навигации

Сообщение автор Чистый сталкер Июль 26th 2013, 15:24

UP
Чистый сталкер
Чистый сталкер
 

Мужчина

Сообщения : 340
Возраст : 28
Регистрация : 2009-06-11
Благодарности : 11

Без предупреждений

https://www.stalker-cop.com/

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

Проблема с установкой анимированной навигации Empty Re: Проблема с установкой анимированной навигации

Сообщение автор Sunnyta Июль 26th 2013, 15:31

Стал, ты меня извини, если я не права, но у Даны в туториале написано, что ВСЕ кнопки д.б. одинакового размера, а у тебя на тестовом не так, попробуй сделать все точно girl_yes 
Sunnyta
Sunnyta
 

Сообщения : 1577
Регистрация : 2008-03-20
Благодарности : 63

Без предупреждений

http://www.sun-place.com/

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

Проблема с установкой анимированной навигации Empty Re: Проблема с установкой анимированной навигации

Сообщение автор Чистый сталкер Июль 26th 2013, 16:55

Sunnyta пишет:Стал, ты меня извини, если я не права, но у Даны в туториале написано, что ВСЕ кнопки д.б. одинакового размера, а у тебя на тестовом не так, попробуй сделать все точно girl_yes 
Сделал все кнопки одинакового размера, ничего не поменялось, все равно какой то баг при наведении.
Чистый сталкер
Чистый сталкер
 

Мужчина

Сообщения : 340
Возраст : 28
Регистрация : 2009-06-11
Благодарности : 11

Без предупреждений

https://www.stalker-cop.com/

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

Проблема с установкой анимированной навигации Empty Re: Проблема с установкой анимированной навигации

Сообщение автор Sunnyta Июль 26th 2013, 18:18

Чистый сталкер пишет:
Сделал все кнопки одинакового размера, ничего не поменялось, все равно какой то баг при наведении.
Цитирую
Дана пишет:margin-top:-37px
нужно изменить вручную, они должны быть равны высоте вашей кнопки:
Половинка твоей кнопки - 31px
wink 
Sunnyta
Sunnyta
 

Сообщения : 1577
Регистрация : 2008-03-20
Благодарности : 63

Без предупреждений

http://www.sun-place.com/

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

Проблема с установкой анимированной навигации Empty Re: Проблема с установкой анимированной навигации

Сообщение автор Чистый сталкер Июль 26th 2013, 19:43

Sunnyta пишет:
Цитирую

Половинка твоей кнопки - 31px
wink 
Я указал в настроках CSS свою ширину. Это не должно никак влиять.
Чистый сталкер
Чистый сталкер
 

Мужчина

Сообщения : 340
Возраст : 28
Регистрация : 2009-06-11
Благодарности : 11

Без предупреждений

https://www.stalker-cop.com/

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

Проблема с установкой анимированной навигации Empty Re: Проблема с установкой анимированной навигации

Сообщение автор Sunnyta Июль 27th 2013, 00:02

CSS про меню на твоем тестовике я вижу только это... если так, то это не весь код scratch 
Код:
.mainmenu {
    display: -moz-inline-stack;
    height: 31px;
    overflow: hidden;
    vertical-align: top;
}
a.mainmenu img {
    margin-top: -31px;
}
a.mainmenu img:hover {
    margin-top: 0;
}
Sunnyta
Sunnyta
 

Сообщения : 1577
Регистрация : 2008-03-20
Благодарности : 63

Без предупреждений

http://www.sun-place.com/

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

Проблема с установкой анимированной навигации Empty Re: Проблема с установкой анимированной навигации

Сообщение автор Чистый сталкер Июль 27th 2013, 00:40

Sunnyta пишет:CSS про меню на твоем тестовике я вижу только это... если так, то это не весь код scratch 
Код:
.mainmenu {
    display: -moz-inline-stack;
    height: 31px;
    overflow: hidden;
    vertical-align: top;
}
a.mainmenu img {
    margin-top: -31px;
}
a.mainmenu img:hover {
    margin-top: 0;
}

У меня стоит это:
Код:
.mainmenu {
display:inline-block;
height:31px;
overflow:hidden;
vertical-align: top;
/* для корректного отображения в старых браузерах */
display:-moz-inline-stack;
zoom:1;
*display:inline;
_overflow:hidden;
}
a.mainmenu img {
margin-top:-31px;
}
a.mainmenu img:hover{
margin-top: 0px;
}
Чистый сталкер
Чистый сталкер
 

Мужчина

Сообщения : 340
Возраст : 28
Регистрация : 2009-06-11
Благодарности : 11

Без предупреждений

https://www.stalker-cop.com/

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

Проблема с установкой анимированной навигации Empty Re: Проблема с установкой анимированной навигации

Сообщение автор Рито Девелюк ! Июль 27th 2013, 13:15

Каскадная таблица стилей CSS - Опции CSS - Оптимизировать вашу CSS: нет
стоит такое?
Рито Девелюк !
Рито Девелюк !
 

Мужчина

Сообщения : 51
Возраст : 24
Регистрация : 2013-07-19
Благодарности : 6

Без предупреждений

http://bakugan-x.forump.net/forum

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

Проблема с установкой анимированной навигации Empty Re: Проблема с установкой анимированной навигации

Сообщение автор Sunnyta Июль 27th 2013, 13:58

Чистый сталкер пишет:
У меня стоит это:
Код:
.mainmenu {
display:inline-block;
height:31px;
overflow:hidden;
vertical-align: top;
/* для корректного отображения в старых браузерах */
display:-moz-inline-stack;
zoom:1;
*display:inline;
_overflow:hidden;
}
a.mainmenu img {
margin-top:-31px;
}
a.mainmenu img:hover{
margin-top: 0px;
}
Еще раз пересмотрела, точно все так, как надо 24 
Sunnyta
Sunnyta
 

Сообщения : 1577
Регистрация : 2008-03-20
Благодарности : 63

Без предупреждений

http://www.sun-place.com/

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

Проблема с установкой анимированной навигации Empty Re: Проблема с установкой анимированной навигации

Сообщение автор Чистый сталкер Июль 27th 2013, 14:44

Да, все так стоит. Оптимизации CSS нет. Пусть ответит автор туториала, почему он не работает, как нужно.
Чистый сталкер
Чистый сталкер
 

Мужчина

Сообщения : 340
Возраст : 28
Регистрация : 2009-06-11
Благодарности : 11

Без предупреждений

https://www.stalker-cop.com/

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

Проблема с установкой анимированной навигации Empty Re: Проблема с установкой анимированной навигации

Сообщение автор Dana Domirani Июль 27th 2013, 16:48

Автор туториала установила образец кнопки http://savepic.org/4152413m.png (с высотой одной кнопки в 31px) по указанному туториалу
Проблема с установкой анимированной навигации Image_12
себе на теcтовик: http://calidasa.mirbb.net/forum

Парадоксально, но на чистой CSS все работает как нужно:
Проблема с установкой анимированной навигации Image_13

Поэтому автор туториала предлагает проделать следующее:
1) вырезать из персональной CSS все, что не касается указанного фрагмента настроек меню навигации
2) посмотреть, как после этого будут работать кнопки


Проблема с установкой анимированной навигации Userba12

Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


Dana Domirani
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22994
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286

Без предупреждений

http://poltergeist-legacy.com/

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

Проблема с установкой анимированной навигации Empty Re: Проблема с установкой анимированной навигации

Сообщение автор Чистый сталкер Июль 27th 2013, 17:41

Dana Domirani пишет:Автор туториала установила образец кнопки http://savepic.org/4152413m.png (с высотой одной кнопки в 31px) по указанному туториалу
Проблема с установкой анимированной навигации Image_12
себе на теcтовик: http://calidasa.mirbb.net/forum

Парадоксально, но на чистой CSS все работает как нужно:
Проблема с установкой анимированной навигации Image_13

Поэтому автор туториала предлагает проделать следующее:
1) вырезать из персональной CSS все, что не касается указанного фрагмента настроек меню навигации
2) посмотреть, как после этого будут работать кнопки
Наконец вы ответили, спасибо. Без персональной CSS кнопки работают идеально. Но почему они работают не так, как должно быть с персональной CSS я не знаю.
Чистый сталкер
Чистый сталкер
 

Мужчина

Сообщения : 340
Возраст : 28
Регистрация : 2009-06-11
Благодарности : 11

Без предупреждений

https://www.stalker-cop.com/

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

Проблема с установкой анимированной навигации Empty Re: Проблема с установкой анимированной навигации

Сообщение автор Dana Domirani Июль 27th 2013, 17:59

Но почему они работают не так, как должно быть с персональной CSS я не знаю.
Можно установить опытным путем: как я уже говорила, вырезаете из персональной CSS все, что не относится к туториальной настройке кнопок меню. Сохраняете CSS так. После этого возвращаете по небольшому фрагменту персональных настроек обратно, сохраняете и смотрите, как добавленный кусок повлиял на кнопки. Если они сбились — значит, проблема обнаружена. Если всё в порядке — добавляете следующий кусок. И так, пока не найдете источник сбоя.


Проблема с установкой анимированной навигации Userba12

Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


Dana Domirani
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22994
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286

Без предупреждений

http://poltergeist-legacy.com/

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

Проблема с установкой анимированной навигации Empty Re: Проблема с установкой анимированной навигации

Сообщение автор Чистый сталкер Июль 27th 2013, 18:09

Dana Domirani пишет:
Можно установить опытным путем: как я уже говорила, вырезаете из персональной CSS все, что не относится к туториальной настройке кнопок меню. Сохраняете CSS так. После этого возвращаете по небольшому фрагменту персональных настроек обратно, сохраняете и смотрите, как добавленный кусок повлиял на кнопки. Если они сбились — значит, проблема обнаружена. Если всё в порядке — добавляете следующий кусок. И так, пока не найдете источник сбоя.
Нашел, проблема в этом куске. Но что именно я не знаю.

Код:
/* HEADER------------------------------------------------------*/

#pun-intro{background: transparent url(http://last-emission.ucoz.net/shapka/3.png) no-repeat left;
height: 434px;
width: 953px;
position: relative;
padding-bottom: 250px !important;
top: -px;
padding-right: 0px;}

#pun-title{
color: white !important;
position: absolute !important;
top: 30px;
float: left !important;
text-align: left !important;
font-size: 20px;
font-weight: bold;
text-shadow: black 1px 1px 5px;
margin-left: 0px;}

#pun-desc{
color: white !important;
position: absolute !important;
top: 50px;
float: left !important;
text-align: left !important;
text-shadow: black 1px 1px 5px;
margin-left: 35px;}

#pun-logo {margin-top: 230px;
margin-left: 65px;}
#pun-head #pun-navlinks{
z-index: 999;
height: 25px;
position: relative;
top: -144px;
width: 920px;
padding: 0px;}

#pun-head #pun-navlinks li a{
margin: 0 0px 0 0;
color: white;
font-weight: bold;
position: relative;
top: 3px;
text-shadow: black 1px 1px 5px;
padding-right: 5px;
padding-left: 5px;
font-size: 11px;}

#pun-navlinks ul {text-align: center;}

#pun-head #pun-navlinks li a:hover{
text-shadow: black -1px -1px 3px;
text-decoration: none;
height: 29px;

padding: 5px;
padding-top: 10px;
padding-bottom: 12px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;}

#pun-head #pun-navlinks a[href="/profile.forum?mode=register"]{background: #4a382c;
background-image:url("http://i34.servimg.com/u/f34/13/98/22/00/bg-cen10.jpg");
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
padding: 5px;
padding-top: 10px;
padding-bottom: 12px;
border: 2px solid white;
-moz-box-shadow: 0px 0px 5px #0c0c0c;
-webkit-box-shadow: 0px 0px 5px #0c0c0c;
box-shadow: 0px 0px 5px #0c0c0c;}
#i_icon_mini_new_message{margin-bottom: -5px;}

#hitskin_preview {display: none!important; height:0px!important; } * html #hitskin_preview { display:none!important; height:0px!important;}


/* HEADER-END------------------------------------------------------*/

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

Мужчина

Сообщения : 340
Возраст : 28
Регистрация : 2009-06-11
Благодарности : 11

Без предупреждений

https://www.stalker-cop.com/

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

Проблема с установкой анимированной навигации Empty Re: Проблема с установкой анимированной навигации

Сообщение автор Dana Domirani Июль 27th 2013, 18:14

Попробуйте выбросить совсем вот это:
Код:
#pun-head #pun-navlinks li a:hover{
text-shadow: black -1px -1px 3px;
text-decoration: none;
height: 29px;

padding: 5px;
padding-top: 10px;
padding-bottom: 12px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;}
Это настройки для текстовых кнопок при наведении на них курсора. Скорее всего, лишние внутренние отступы и сбивают кнопки.


Проблема с установкой анимированной навигации Userba12

Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


Dana Domirani
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22994
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286

Без предупреждений

http://poltergeist-legacy.com/

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

Проблема с установкой анимированной навигации Empty Re: Проблема с установкой анимированной навигации

Сообщение автор Чистый сталкер Июль 27th 2013, 18:18

Огромное спасибо, помогло!
Чистый сталкер
Чистый сталкер
 

Мужчина

Сообщения : 340
Возраст : 28
Регистрация : 2009-06-11
Благодарности : 11

Без предупреждений

https://www.stalker-cop.com/

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

Проблема с установкой анимированной навигации Empty Re: Проблема с установкой анимированной навигации

Сообщение автор Dana Domirani Июль 27th 2013, 18:26

Не за что! 12 


Проблема с установкой анимированной навигации Userba12

Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


Dana Domirani
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22994
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286

Без предупреждений

http://poltergeist-legacy.com/

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

Вернуться к началу


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