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

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


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

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

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


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

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

» Генератор подарков
автор irina27 Вчера в 16:30

» Можно ли сократить растояние
автор Lory Вчера в 11:01

» Проблемы с цветом шрифта.
автор Lory Вчера в 8:45

» Убрать значок
автор Леший Чт 17 Авг - 12:15

» Свечение для группы а не для юзера
автор Kuzbas63 Чт 17 Авг - 9:01

» Оформить имя
автор Kuzbas63 Чт 17 Авг - 8:59

» Красивый путь по сайту
автор Kuzbas63 Чт 17 Авг - 7:05

» Как убрать надписи в низу форума
автор Kuzbas63 Ср 16 Авг - 13:51

» Как сократить расстояние
автор Lory Ср 16 Авг - 10:12

Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Кликабельные две кнопки.

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

Кликабельные две кнопки.

Сообщение автор molniya в Пн 27 Авг - 11:31

Уважаемые помощники и скриптёры форума 2х2 Прошу вас помочь мне с двумя кнопками для регистрации, и для входа. Опишу что бы я хотел от этих кнопок, кнопки они от панели гоночного балида, и когда гость или пользователь наводит на кнопку она при наведении поднимает тумблерный рычаг отводишь курсор она иcходи в исходное положения, и получается если часто наводить и отводить будет ощущения что вы её то включаете то выключаете. Вот такую кнопку бы я хотел поставить себе на регистрацию и для входа на форум. Помогите мне с этой кнопкой пожалуйста.





Последний раз редактировалось: molniya (Пн 27 Авг - 19:46), всего редактировалось 1 раз(а)

molniya
 

Мужчина

Сообщения : 1071
Регистрация : 2010-11-15
Благодарности : 165

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

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

Re: Кликабельные две кнопки.

Сообщение автор molniya в Пн 27 Авг - 12:51

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



molniya
 

Мужчина

Сообщения : 1071
Регистрация : 2010-11-15
Благодарности : 165

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

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

Re: Кликабельные две кнопки.

Сообщение автор gorezcaid в Пн 27 Авг - 18:19

Привет, вот пример на html:
Код:
<html>
   <head>
      <style type="text/css">
      a.button{
         background:url(http://www.snapsnap.ru/i/wgwwgw.png) 0% 0%;
         width:64;
         height:75;
         display: block;
      }
      a.button:hover{
         background:url(http://www.snapsnap.ru/i/wgwwgw.png) 0% 100%;
      }
      </style>
   </head>
   <body>
      <a class="button" href="#"></a>
    </body>
</html>
avatar
gorezcaid
 

Мужчина

Сообщения : 1805
Возраст : 74
Регистрация : 2010-08-18
Благодарности : 781

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

http://gorezcaid.forumbook.ru/

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

Re: Кликабельные две кнопки.

Сообщение автор molniya в Пн 27 Авг - 18:57

gorezcaid Я установил этот код в виджет, но он не показывает эту кнопку. Мне наверное не для HTML а для виджета както надо сделать

molniya
 

Мужчина

Сообщения : 1071
Регистрация : 2010-11-15
Благодарности : 165

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

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

Re: Кликабельные две кнопки.

Сообщение автор gorezcaid в Пн 27 Авг - 19:08

На кнопке # - ссылка
Код:
<head><style type="text/css">
a.buttonUpDown{
  background:url(http://www.snapsnap.ru/i/wgwwgw.png) 0% 0%;
  width:64px;height:75px;
  display: block;
}
a.buttonUpDown:hover{
  background:url(http://www.snapsnap.ru/i/wgwwgw.png) 0% 100%;
}
</style></head>
<a class="buttonUpDown" href="#"></a>
avatar
gorezcaid
 

Мужчина

Сообщения : 1805
Возраст : 74
Регистрация : 2010-08-18
Благодарности : 781

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

http://gorezcaid.forumbook.ru/

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

Re: Кликабельные две кнопки.

Сообщение автор molniya в Пн 27 Авг - 19:12

gorezcaid Спасибо тебе огромное всё здорово получилось,но как мне с верху кнопки написать название для чего она так что бы она была по центру самой кнопки .

molniya
 

Мужчина

Сообщения : 1071
Регистрация : 2010-11-15
Благодарности : 165

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

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

Re: Кликабельные две кнопки.

Сообщение автор gorezcaid в Пн 27 Авг - 19:23

Замени
Код:
<a class="buttonUpDown" href="#"></a>
на:
Код:
<table border="0"><tbody>
    <tr>
      <td align="left"><a class="buttonUpDown" href="#"></a></td>
      <td align="left">Текст справа</td>
    </tr>
</tbody></table>
avatar
gorezcaid
 

Мужчина

Сообщения : 1805
Возраст : 74
Регистрация : 2010-08-18
Благодарности : 781

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

http://gorezcaid.forumbook.ru/

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

Re: Кликабельные две кнопки.

Сообщение автор gorezcaid в Пн 27 Авг - 19:29

У тебя ошибка. Это вставлять только 1 раз:
Код:
<head><style type="text/css">
a.buttonUpDown{
  background:url(http://www.snapsnap.ru/i/wgwwgw.png) 0% 0%;
  width:64px;height:75px;
  display: block;
}
a.buttonUpDown:hover{
  background:url(http://www.snapsnap.ru/i/wgwwgw.png) 0% 100%;
}
</style></head>
а кнопок сколько хочешь
Код:
<a class="buttonUpDown" href="#"></a>
avatar
gorezcaid
 

Мужчина

Сообщения : 1805
Возраст : 74
Регистрация : 2010-08-18
Благодарности : 781

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

http://gorezcaid.forumbook.ru/

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

Re: Кликабельные две кнопки.

Сообщение автор molniya в Пн 27 Авг - 19:29

gorezcaid Ты прекрасно работаешь с этими кодами просто удивительно спасибо тебе огромное. Но есть у мене ещё последняя просьба. Я установил кнопки в виджет всё работает но они у меня вряд идут, а можно их сделать что бы они были друг другу одна с правой стороны, другая с левой стороны. Вот так было пы то что надо .

вот что на скрине мне не нравится виджет удлиняет.

molniya
 

Мужчина

Сообщения : 1071
Регистрация : 2010-11-15
Благодарности : 165

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

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

Re: Кликабельные две кнопки.

Сообщение автор gorezcaid в Пн 27 Авг - 19:34

Весь код замени:
Код:
<head><style type="text/css">
table a.buttonUpDown{
  background:url(http://www.snapsnap.ru/i/wgwwgw.png) 0% 0%;
  width:64px;height:75px;
  display: block;
}
table a.buttonUpDown:hover{
  background:url(http://www.snapsnap.ru/i/wgwwgw.png) 0% 100%;
}
</style></head>
<table border="0"><tbody>
    <tr>
      <td align="left"><a class="buttonUpDown" href="#"></a></td>
      <td align="left">Текст справа</td>
    </tr>
</tbody></table>
<table border="0"><tbody>
    <tr>
      <td align="left">Текст слева</td>
      <td align="left"><a class="buttonUpDown" href="#"></a></td>
    </tr>
</tbody></table>
avatar
gorezcaid
 

Мужчина

Сообщения : 1805
Возраст : 74
Регистрация : 2010-08-18
Благодарности : 781

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

http://gorezcaid.forumbook.ru/

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

Re: Кликабельные две кнопки.

Сообщение автор gorezcaid в Пн 27 Авг - 19:35

Повторяю:
CSS вставлять только 1 раз, а кодов кнопок сколько хочешь.
avatar
gorezcaid
 

Мужчина

Сообщения : 1805
Возраст : 74
Регистрация : 2010-08-18
Благодарности : 781

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

http://gorezcaid.forumbook.ru/

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

Re: Кликабельные две кнопки.

Сообщение автор molniya в Пн 27 Авг - 19:41

ОК gorezcaid спасибо тебе огромное.

molniya
 

Мужчина

Сообщения : 1071
Регистрация : 2010-11-15
Благодарности : 165

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

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

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


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