Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса 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

Помошь с кодом

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

Перейти вниз

Помошь с кодом Empty Помошь с кодом

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

Добрый день, занимаюсь сеййчас интересным проэктом, Вобщем вот мой тестовик http://gamesportal.forum2x2.ru/

Как вы видите обычное меню навигации с анимированными кнопками, но вот боковое не получается.

Вот фрагмент над которым я работаю overall_header:
Код:
<div class="for">
                                        <a href="/forum"><center>Форум</center></a>                                  
                                         </div>
                                      <div class="por">
                                     <a href="/portal"><center>Главаня</center></a>
                                      </div>
                                      <div class="You">
                                        <a href="http://gamesportal.forum2x2.ru/f12-forum"><center>You Tube</center></a>
                                           </div>
                                        
    </table>
<div id="blok_menu">
    <table id="menu" cellspacing="0" cellpadding="0" border="0" align="right">
                  <tr>
                      <td align="right"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
                  </tr>
                </table>
                          </div>
Вот CSS  к нему:
Код:
.for{
border: 1px solid white;
 position: absolute;
width: 100px;
   height: 30px;
   background: #474954 url(http://i70.servimg.com/u/f70/17/37/83/89/snap0010.jpg) repeat;
  margin-top: -35px;
  margin-right: 0;
  text-decoration: none !important;
font-style: italic;
font-weight: bold;
font-size: 13px;
   font-family:Georgia;


}

.por{

  border: 1px solid white;
 position: absolute;
 width: 100px;
  height: 30px;
   background: #474954 url(http://i70.servimg.com/u/f70/17/37/83/89/snap0010.jpg) repeat;
   margin-top: -8px;
  margin-right: 0;
   text-decoration: none !important;
font-style: italic;
font-weight: bold;
font-size: 13px;
  font-family:Georgia;
 

}


.You{
  border: 1px solid white;
 position: absolute;
 width: 100px;
  height: 30px;
   background: #474954 url(http://i70.servimg.com/u/f70/17/37/83/89/snap0010.jpg) repeat;
   margin-top: -66px;
  margin-right: 0;
  text-decoration:  center ;
font-style: italic;
font-weight: bold;
font-size: 13px;
   font-family:Georgia;
}

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

Повоторюсь, нужно что-бы боковое меню стало анимированным.


Последний раз редактировалось: rezo3add (Июль 19th 2013, 10:30), всего редактировалось 1 раз(а)
rezo3add
rezo3add
 

Сообщения : 179
Регистрация : 2012-06-14
Благодарности : 8

1 предупреждение

http://dmc-pw.forum2x2.ru/

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

Помошь с кодом Empty Re: Помошь с кодом

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

Принцип работы кнопки с анимированным фоном:
- у кнопки строго зафиксирована высота, например, 30px
- фон состоит из верхней и нижней части, причем каждая часть соответствует высоте кнопки (30px), поэтому одновременно может отображаться либо только верхняя часть фона, либо только нижняя
Помошь с кодом Fggh311
- в обычном состоянии видна только верхняя (или только нижняя) часть кнопки. При наведении курсора вступают в силу настройки СSS, которые смещают фон вверх (или вниз) на высоту, равную высоте кнопки (30px) — и происходит смена изображения!
Помошь с кодом Dfgdfg10

А теперь посмотрите на фон своих кнопок:
Помошь с кодом Snap0010
Что в нем не соответствует вышеописанной схеме?


Помошь с кодом Userba12

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


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


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


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

Женщина

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

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

http://poltergeist-legacy.com/

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

Помошь с кодом Empty Re: Помошь с кодом

Сообщение автор rezo3add Июль 19th 2013, 10:30

solved 
13 
rezo3add
rezo3add
 

Сообщения : 179
Регистрация : 2012-06-14
Благодарности : 8

1 предупреждение

http://dmc-pw.forum2x2.ru/

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

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

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

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