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

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


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

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

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


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

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

Анимированное меню

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

Анимированное меню

Сообщение автор master в Вс 2 Янв - 18:24

Здравствуйте, интересует вопрос по туториалу http://help.forum2x2.ru/t10539-topic
Можно ли сделать это с кнопками: Новая тема, ответить, правка, удалить и т.д.?

master
Активист

Мужчина

Сообщения : 1018
Возраст : 19
Регистрация : 2008-04-06
Благодарности : 121

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

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

Re: Анимированное меню

Сообщение автор Dana Domirani в Вс 2 Янв - 19:07

Можно так. Сначала удалите из Управление картинками > Кнопки изображение стандартны кнопок. Затем добавьте в CSS:

Кнопка "Новая тема"
Код:
#one, #Newtopic, #i_post, #i_post1 {
background: url('http://изображение кнопки.png') no-repeat center !important;
width: 127px;
height: 44px;
}

#one:hover, #Newtopic:hover,  #i_post:hover, #i_post1:hover {
background: url('http://изображение кнопки при наведении.png') no-repeat center !important;
width: 127px;
height: 44px;
}
Ширину (width) и высоту (height) поставьте по размерам картинки.

Кнопка "Ответить":
Код:
#i_reply, #i_reply2 {
background: url('http://изображение кнопки.png') no-repeat center !important;
width: 127px;
height: 44px;
}

#i_reply:hover, #i_reply2:hover {
background: url('http://изображение кнопки при наведении.png') no-repeat center !important;
width: 127px;
height: 44px;
}
Ширину (width) и высоту (height) поставьте по размерам картинки.

У второй кнопки "Ответить" (в нижней части страницы) нет своего id, его надо добавить. В шаблоне viewtopic_body (Показ темы) найдите строку
Код:
<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
и замените на
Код:
<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply2" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
Сохраните, опубликуйте.



Последний раз редактировалось: Dana Domirani (Вс 2 Янв - 19:50), всего редактировалось 2 раз(а)



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


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


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



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

Женщина

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

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

http://poltergeist-legacy.com/

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

Re: Анимированное меню

Сообщение автор master в Вс 2 Янв - 19:45

О, спасибо! А я вам только сообщение написал. Будет пробовать rose

master
Активист

Мужчина

Сообщения : 1018
Возраст : 19
Регистрация : 2008-04-06
Благодарности : 121

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

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

Re: Анимированное меню

Сообщение автор master в Вс 2 Янв - 19:46

А что по поводу кнопок Правка, удалить и т.д.?

master
Активист

Мужчина

Сообщения : 1018
Возраст : 19
Регистрация : 2008-04-06
Благодарности : 121

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

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

Re: Анимированное меню

Сообщение автор Dana Domirani в Вс 2 Янв - 19:49

Сейчас и их разберу.

P.S. проверьте предыдущий код - я его дополнила.



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


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


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



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

Женщина

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

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

http://poltergeist-legacy.com/

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

Re: Анимированное меню

Сообщение автор master в Вс 2 Янв - 19:56

Ни одна кнопка не отображается, в обоих кодах

master
Активист

Мужчина

Сообщения : 1018
Возраст : 19
Регистрация : 2008-04-06
Благодарности : 121

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

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

Re: Анимированное меню

Сообщение автор Dana Domirani в Вс 2 Янв - 20:04

А Вы из ПА картинки удалили?



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


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


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



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

Женщина

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

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

http://poltergeist-legacy.com/

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

Re: Анимированное меню

Сообщение автор master в Вс 2 Янв - 20:06

Да, но только Новая тема и Ответить

master
Активист

Мужчина

Сообщения : 1018
Возраст : 19
Регистрация : 2008-04-06
Благодарности : 121

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

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

Re: Анимированное меню

Сообщение автор Dana Domirani в Вс 2 Янв - 20:08

Проверьте еще раз - я вижу, что они стоят на своих местах, а CSS не указан.

P.S. конечно, если речь идет о форуме, указанном у Вас в профиле.



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


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


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



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

Женщина

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

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

http://poltergeist-legacy.com/

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

Re: Анимированное меню

Сообщение автор master в Вс 2 Янв - 20:17

Нет, я создаю новый форум, щас вышлю в Лс адрес

master
Активист

Мужчина

Сообщения : 1018
Возраст : 19
Регистрация : 2008-04-06
Благодарности : 121

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

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

Re: Анимированное меню

Сообщение автор Dana Domirani в Вс 2 Янв - 20:23

В коде не хватало одной кавычки. Теперь все отображается.



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


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


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



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

Женщина

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

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

http://poltergeist-legacy.com/

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

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


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