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

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


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

Мы в социальных сетях



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

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


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

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

Изменение кнопок при наведении курсора

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

Изменение кнопок при наведении курсора

Сообщение автор Розетка в Пн 22 Июн - 18:02

У мнея вопрос! Можно ли сделать так чтобы при наведении на кнопки меню, кнопка менялась (там подсвечивалась, изменяла форму и т.д.) Если да то как? unknown

Розетка
 
 

Пол : Мужчина
Сообщения : 175
Место обитания : terra incognito
Карма : 1 предупреждение
Благодарности : 9
Регистрация : 2008-09-06

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

Re: Изменение кнопок при наведении курсора

Сообщение автор Иосиф Виссарионович в Пн 22 Июн - 18:04

С помощью CSS можно сделать какое-то изменение) Но для этого его надо знать)

Иосиф Виссарионович
 
 

Пол : Мужчина
Сообщения : 334
Карма : Без предупреждений
Благодарности : 78
Регистрация : 2009-05-08

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

Re: Изменение кнопок при наведении курсора

Сообщение автор Розетка в Пн 22 Июн - 18:14

Но для этого его надо знать)
[code]
И что это значит? unknown Я толком не знаю что такое "CSS", а не то чтобы уж "знать его". расскажи поподробнее, очень прошу ne

Розетка
 
 

Пол : Мужчина
Сообщения : 175
Место обитания : terra incognito
Карма : 1 предупреждение
Благодарности : 9
Регистрация : 2008-09-06

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

Re: Изменение кнопок при наведении курсора

Сообщение автор Иосиф Виссарионович в Пн 22 Июн - 18:23

Вот в этом и проблема... Незнание не освобождает от ответственности)
Почитай: http://ru.wikipedia.org/wiki/Cascading_Style_Sheets
Внизу есть ссылки на русскоязычные ресурсы, понимание CSS тебе облегчит создание и эксплуатацию любого html документа, а если решишь серьёзно заниматься web-дизайном, то просто необходимо.

Иосиф Виссарионович
 
 

Пол : Мужчина
Сообщения : 334
Карма : Без предупреждений
Благодарности : 78
Регистрация : 2009-05-08

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

Re: Изменение кнопок при наведении курсора

Сообщение автор Розетка в Пн 22 Июн - 20:02

Ладно, с этим прорвемся! но как использовать эту CSS? Насколько моему маленькому (но красивому smile ) мозгу известно что можно вставлять на место кнопок только одну картинку - и что делать раз нужно вставить две? Какой панелью воспользоваться? Куда коды вставлять?

Розетка
 
 

Пол : Мужчина
Сообщения : 175
Место обитания : terra incognito
Карма : 1 предупреждение
Благодарности : 9
Регистрация : 2008-09-06

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

Re: Изменение кнопок при наведении курсора

Сообщение автор Розетка в Пн 22 Июн - 20:07

Cтоп! Помоему гдето в админке есть какое-то окно CSS?! scratch

Розетка
 
 

Пол : Мужчина
Сообщения : 175
Место обитания : terra incognito
Карма : 1 предупреждение
Благодарности : 9
Регистрация : 2008-09-06

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

Re: Изменение кнопок при наведении курсора

Сообщение автор Иосиф Виссарионович в Пн 22 Июн - 20:15

Вообще CSS не меняет содержимого а меняет его отображение на экране, тем самым ты сможешь менять свойства объекта при наведении, например, фон, границу, прозрачность, положение на экране, отступы... Так что сначала учебник - потом эксперименты...

CSS у нас можно использовать ПА > Оформление > Цвета > CSS

Иосиф Виссарионович
 
 

Пол : Мужчина
Сообщения : 334
Карма : Без предупреждений
Благодарности : 78
Регистрация : 2009-05-08

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

Re: Изменение кнопок при наведении курсора

Сообщение автор Розетка в Пн 22 Июн - 21:31

Ладно, прорвемся=) Спасибо тебе good

Розетка
 
 

Пол : Мужчина
Сообщения : 175
Место обитания : terra incognito
Карма : 1 предупреждение
Благодарности : 9
Регистрация : 2008-09-06

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

Re: Изменение кнопок при наведении курсора

Сообщение автор Розетка в Пн 22 Июн - 21:55

Cлушай! А ведь это окно похоже только для цветов!? А как тогда и куда вставлять код для кнопок?

Розетка
 
 

Пол : Мужчина
Сообщения : 175
Место обитания : terra incognito
Карма : 1 предупреждение
Благодарности : 9
Регистрация : 2008-09-06

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

Re: Изменение кнопок при наведении курсора

Сообщение автор pops в Вт 23 Июн - 12:01

Воспользуйся следующим кодом:

Код:
<A href="Адрес ссылки" onmouseout="document.site.src='Адрес картинки, которая будет появляться после отведения курсора'" onmouseover="document.site.src='Адрес картинки, которая будет появляться при наведении курсора'"><IMG border=0 name=site src="Адрес картинки, которая будет показываться до наведения курсора"></A>

pops
 
 

Пол : Мужчина
Сообщения : 76
Возраст : 23
Место обитания : Вологда
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2008-02-14

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

Re: Изменение кнопок при наведении курсора

Сообщение автор Irbis в Вт 23 Июн - 13:46

Работоспособно, только немного нерационально smile
Правильнее будет так:
Код:
<A href="Ссылка"><IMG border=0 src="картинка до наведения" onmouseover="this.src='картинка при наведении'" onmouseout="this.src='картинка после наведения'"></A>

Irbis
 
 

Пол : Мужчина
Сообщения : 608
Возраст : 30
Место обитания : Россия
Настроение : Отлыниваю от работы
Карма : Без предупреждений
Благодарности : 215
Регистрация : 2008-02-10

http://help.forum2x2.ru/u849

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

Re: Изменение кнопок при наведении курсора

Сообщение автор Розетка в Вт 23 Июн - 16:47

да штука полезная, но как этот код использовать с кнопками меню?
41

Розетка
 
 

Пол : Мужчина
Сообщения : 175
Место обитания : terra incognito
Карма : 1 предупреждение
Благодарности : 9
Регистрация : 2008-09-06

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

Re: Изменение кнопок при наведении курсора

Сообщение автор Irbis в Вт 23 Июн - 18:48


Irbis
 
 

Пол : Мужчина
Сообщения : 608
Возраст : 30
Место обитания : Россия
Настроение : Отлыниваю от работы
Карма : Без предупреждений
Благодарности : 215
Регистрация : 2008-02-10

http://help.forum2x2.ru/u849

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

Re: Изменение кнопок при наведении курсора

Сообщение автор Розетка в Вт 23 Июн - 21:14

Да читал я все это! Но к моему случаю такое не подходит thinking
но все равно всем вам спасибо d_daisy

Розетка
 
 

Пол : Мужчина
Сообщения : 175
Место обитания : terra incognito
Карма : 1 предупреждение
Благодарности : 9
Регистрация : 2008-09-06

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

Re: Изменение кнопок при наведении курсора

Сообщение автор Irbis в Вт 23 Июн - 22:06

ну так объясни как следует что за случай, попробуем помочь

Irbis
 
 

Пол : Мужчина
Сообщения : 608
Возраст : 30
Место обитания : Россия
Настроение : Отлыниваю от работы
Карма : Без предупреждений
Благодарности : 215
Регистрация : 2008-02-10

http://help.forum2x2.ru/u849

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

Re: Изменение кнопок при наведении курсора

Сообщение автор Розетка в Вт 23 Июн - 22:28

У меня картинки, а не надписи, Irbis. Похоже уже понятно что без CSS ничего не провернешь 39

Розетка
 
 

Пол : Мужчина
Сообщения : 175
Место обитания : terra incognito
Карма : 1 предупреждение
Благодарности : 9
Регистрация : 2008-09-06

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

Re: Изменение кнопок при наведении курсора

Сообщение автор Irbis в Вт 23 Июн - 22:32

Ну если не провернешь без CSS, значит провернем с ним biggrin
Рассказывай что тебе нужно сделать я внимательно слушаю (вернее читаю))) и попробую помочь.

Irbis
 
 

Пол : Мужчина
Сообщения : 608
Возраст : 30
Место обитания : Россия
Настроение : Отлыниваю от работы
Карма : Без предупреждений
Благодарности : 215
Регистрация : 2008-02-10

http://help.forum2x2.ru/u849

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

Re: Изменение кнопок при наведении курсора

Сообщение автор Розетка в Вт 23 Июн - 22:51

Ну хорошо, спасибо! 35 Значит пользователи у меня хотят чтобы когда ты проводишь курсором по кнопкам меню (под шапкой в смысле, я про эти) кнопки слегка подсвечивались. Если бы меню было в виджете, то еще можно изменить бы было, а то тут никак! Вот хорошо если бы администраторы внесли такую возможность в сервис как эффект при наведении мыши - стало бы проще. А то тут приходится знакомиться с какойта "КЭСЭСЭ". shok Ну или хотя бы если бы можно было вставлять не адрес картинки, а скрипт.
Вообщем как бы сделать так чтобы картинка в меню при наведении менялась на другую и обратно?! worthy

Розетка
 
 

Пол : Мужчина
Сообщения : 175
Место обитания : terra incognito
Карма : 1 предупреждение
Благодарности : 9
Регистрация : 2008-09-06

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

Re: Изменение кнопок при наведении курсора

Сообщение автор Irbis в Вт 23 Июн - 23:02

А ссылочку не дадите на форум взглянуть?
Или хотя бы скажите какой движок

Irbis
 
 

Пол : Мужчина
Сообщения : 608
Возраст : 30
Место обитания : Россия
Настроение : Отлыниваю от работы
Карма : Без предупреждений
Благодарности : 215
Регистрация : 2008-02-10

http://help.forum2x2.ru/u849

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

Re: Изменение кнопок при наведении курсора

Сообщение автор Розетка в Вт 23 Июн - 23:12

Ссылочку не дам - все секретно, без обид wink
Движок phpBB 2
39

Розетка
 
 

Пол : Мужчина
Сообщения : 175
Место обитания : terra incognito
Карма : 1 предупреждение
Благодарности : 9
Регистрация : 2008-09-06

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

Re: Изменение кнопок при наведении курсора

Сообщение автор Irbis в Вт 23 Июн - 23:16

Подождите минут 15 сейчас будет

Irbis
 
 

Пол : Мужчина
Сообщения : 608
Возраст : 30
Место обитания : Россия
Настроение : Отлыниваю от работы
Карма : Без предупреждений
Благодарности : 215
Регистрация : 2008-02-10

http://help.forum2x2.ru/u849

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

Re: Изменение кнопок при наведении курсора

Сообщение автор Розетка в Вт 23 Июн - 23:18

Ух ты как! good

Розетка
 
 

Пол : Мужчина
Сообщения : 175
Место обитания : terra incognito
Карма : 1 предупреждение
Благодарности : 9
Регистрация : 2008-09-06

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

Re: Изменение кнопок при наведении курсора

Сообщение автор Irbis в Ср 24 Июн - 0:56

Не так все оказалось просто как казалось biggrin

Сначала идете в ПА > Оформление > Цвета > CSS
Добавляете туда:
Код:
#ilogin{display: none;}

Далее в ПА > Общие настройки > Форум/Конфигурация находите поле "Описание сайта" и добавляете в него
Код:
<div id="ilogin">{USERNAME}</div>

Далее в ПА > Оформление > Шаблоны/Общие настройки находите шаблон overall_footer и в самый конец перед </body> добавьте:

Код:
<script>
var ilogin = document.getElementById("ilogin").innerHTML;
var indexx = document.getElementById("i_icon_mini_index");
var portalx = document.getElementById("i_icon_mini_portal");
var calendarx = document.getElementById("i_icon_mini_calendar");
var galleryx = document.getElementById("i_icon_mini_gallery");
var faqx = document.getElementById("i_icon_mini_faq");
var searchx = document.getElementById("i_icon_mini_search");
var membersx = document.getElementById("i_icon_mini_members");
var groupsx = document.getElementById("i_icon_mini_groups");
var profilex = document.getElementById("i_icon_mini_profile");
var messagex = document.getElementById("i_icon_mini_message");
var loginx = document.getElementById("i_icon_mini_login");
var logoutx = document.getElementById("i_icon_mini_logout");
var registerx = document.getElementById("i_icon_mini_register");

indexx.onmouseover = function qq(){this.src='форум_ссылка_на_картинку_при_наведении'};
indexx.onmouseout = function ww(){this.src='форум_ссылка_на_картинку_при_отводе'};

portalx.onmouseover = function ee(){this.src='портал_ссылка_на_картинку_при_наведении'};
portalx.onmouseout = function rr(){this.src='портал_ссылка_на_картинку_при_отводе'};

calendarx.onmouseover = function tt(){this.src='Календарь_ссылка_на_картинку_при_наведении'};
calendarx.onmouseout = function yy(){this.src='Календарь_ссылка_на_картинку_при_отводе'};

faqx.onmouseover = function uu(){this.src='ЧаВо_ссылка_на_картинку_при_наведении'};
faqx.onmouseout = function ii(){this.src='ЧаВо_ссылка_на_картинку_при_отводе'};

searchx.onmouseover = function oo(){this.src='поиск_ссылка_на_картинку_при_наведении'};
searchx.onmouseout = function pp(){this.src='поиск_ссылка_на_картинку_при_отводе'};

galleryx.onmouseover = function nn(){this.src='галерея_ссылка_на_картинку_при_наведении'};
galleryx.onmouseout = function mm(){this.src='галерея_ссылка_на_картинку_при_отводе'};

membersx.onmouseover = function aa(){this.src='сп.пользователей_ссылка_на_картинку_при_наведении'};
membersx.onmouseout = function ss(){this.src='сп.пользователей_ссылка_на_картинку_при_отводе'};

groupsx.onmouseover = function dd(){this.src='группы_ссылка_на_картинку_при_наведении'};
groupsx.onmouseout = function ff(){this.src='группы_ссылка_на_картинку_при_отводе'};

profilex.onmouseover = function gg(){this.src='профиль_ссылка_на_картинку_при_наведении'};
profilex.onmouseout = function hh(){this.src='профиль_ссылка_на_картинку_при_отводе'};

messagex.onmouseover = function jj(){this.src='сообщения_ссылка_на_картинку_при_наведении'};
messagex.onmouseout = function kk(){this.src='сообщения_ссылка_на_картинку_при_отводе'};

if (ilogin == "Гость"){

loginx.onmouseover = function ll(){this.src='вход_ссылка_на_картинку_при_наведении'};
loginx.onmouseout = function zz(){this.src='вход_ссылка_на_картинку_при_отводе'};

registerx.onmouseover = function vv(){this.src='регистрация_ссылка_на_картинку_при_наведении'};
registerx.onmouseout = function bb(){this.src='регистрация_ссылка_на_картинку_при_отводе'};
}
if (ilogin != "Гость"){

logoutx.onmouseover = function xx(){this.src='выход_ссылка_на_картинку_при_наведении'};
logoutx.onmouseout = function cc(){this.src='выход_ссылка_на_картинку_при_отводе'};
}
</script>

Надписи типа сообщения_ссылка_на_картинку_при_наведении заменить на соответствующие им адреса картинок. Если какого-то из пунктов в вашем меню навигации нет, то удалить соответствующие строчки.

Сохраняете и публикуете шаблон.

Irbis
 
 

Пол : Мужчина
Сообщения : 608
Возраст : 30
Место обитания : Россия
Настроение : Отлыниваю от работы
Карма : Без предупреждений
Благодарности : 215
Регистрация : 2008-02-10

http://help.forum2x2.ru/u849

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

Re: Изменение кнопок при наведении курсора

Сообщение автор Розетка в Ср 24 Июн - 10:06

СПАСИБО ОГРОМНОЕ, Irbis! 26 yahoo 26 clapping

Розетка
 
 

Пол : Мужчина
Сообщения : 175
Место обитания : terra incognito
Карма : 1 предупреждение
Благодарности : 9
Регистрация : 2008-09-06

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

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

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

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