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

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


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

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

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


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

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

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

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

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

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

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

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

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


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

Мужчина

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

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

http://stalkerforum-gold-zp.forum2x2.ru/forum.htm

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

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

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

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

Мужчина

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

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

http://stalkerforum-gold-zp.forum2x2.ru/forum.htm

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

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

Сообщение автор Чистый сталкер в Пт 26 Июл - 15:24

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

Мужчина

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

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

http://stalkerforum-gold-zp.forum2x2.ru/forum.htm

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

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

Сообщение автор Sunnyta в Пт 26 Июл - 15:31

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

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

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

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

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

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

Сообщение автор Чистый сталкер в Пт 26 Июл - 16:55

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

Мужчина

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

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

http://stalkerforum-gold-zp.forum2x2.ru/forum.htm

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

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

Сообщение автор Sunnyta в Пт 26 Июл - 18:18

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

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

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

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

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

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

Сообщение автор Чистый сталкер в Пт 26 Июл - 19:43

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

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

Мужчина

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

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

http://stalkerforum-gold-zp.forum2x2.ru/forum.htm

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

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

Сообщение автор Sunnyta в Сб 27 Июл - 0: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;
}
avatar
Sunnyta
 

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

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

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

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

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

Сообщение автор Чистый сталкер в Сб 27 Июл - 0: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;
}
avatar
Чистый сталкер
 

Мужчина

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

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

http://stalkerforum-gold-zp.forum2x2.ru/forum.htm

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

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

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

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

Мужчина

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

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

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

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

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

Сообщение автор Sunnyta в Сб 27 Июл - 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 
avatar
Sunnyta
 

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

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

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

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

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

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

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

Мужчина

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

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

http://stalkerforum-gold-zp.forum2x2.ru/forum.htm

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

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

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

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

себе на теcтовик: http://calidasa.mirbb.net/forum

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


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



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


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


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


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

Женщина

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

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

http://poltergeist-legacy.com/

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

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

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

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

себе на теcтовик: http://calidasa.mirbb.net/forum

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


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

Мужчина

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

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

http://stalkerforum-gold-zp.forum2x2.ru/forum.htm

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

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

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

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



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


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


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


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

Женщина

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

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

http://poltergeist-legacy.com/

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

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

Сообщение автор Чистый сталкер в Сб 27 Июл - 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------------------------------------------------------*/

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

Мужчина

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

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

http://stalkerforum-gold-zp.forum2x2.ru/forum.htm

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

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

Сообщение автор Dana Domirani в Сб 27 Июл - 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;}
Это настройки для текстовых кнопок при наведении на них курсора. Скорее всего, лишние внутренние отступы и сбивают кнопки.



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


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


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


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

Женщина

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

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

http://poltergeist-legacy.com/

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

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

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

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

Мужчина

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

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

http://stalkerforum-gold-zp.forum2x2.ru/forum.htm

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

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

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

Не за что! 12 



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


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


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


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

Женщина

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

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

http://poltergeist-legacy.com/

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

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

- Похожие темы

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