Перейти к содержимому


Пользователь месяца
WGN WGN 1-й за Июль
Очков активности: 850 2 темы, 75 сообщений, 7 баллов репутации
Сайт: worldgamenews.com
ТОП самых активных за этот месяц
  • Фотография TimurR
    #1

    TimurR
    Очков активности: 273 3 темы, 17 сообщений, 7 баллов репутации

  • Фотография WGN
    #2

    WGN (worldgamenews.com)
    Очков активности: 66 Вне конкурса за определение пользователя месяца

  • Фотография ShowPrint
    #3

    ShowPrint (ShowPrint.ru)
    Очков активности: 52.5 0 тем, 7 сообщений, 5 баллов репутации

  • Фотография BlackLion
    #4

    BlackLion
    Очков активности: 36 0 тем, 24 сообщения, 1 балл репутации

  • Фотография Vmir
    #5

    Vmir
    Очков активности: 25.5 Вне конкурса за определение пользователя месяца

  • Фотография Napoleon-007
    #6

    Napoleon-007
    Очков активности: 21 0 тем, 14 сообщений, 1 балл репутации

  • Фотография Ixman
    #7

    Ixman (o5cat.ru)
    Очков активности: 21 0 тем, 7 сообщений, 2 балла репутации

  • Фотография alekswebart
    #8

    alekswebart
    Очков активности: 19.5 1 тема, 10 сообщений, 1 балл репутации

  • Фотография r0mZet
    #9

    r0mZet (rz-style.ru)
    Очков активности: 18 2 темы, 6 сообщений, 1 балл репутации

  • Фотография profi
    #10

    profi (1informer.com)
    Очков активности: 12 0 тем, 8 сообщений, 1 балл репутации

  • Показать весь ТОП 10

Kwork.ru - услуги фрилансеров от 500 руб.

Поддержите форум! =)
Апдейты
  • Яндекс тИЦ: 19.11.2017
  • Яндекс выдача: 17.08.2018
Топ 5 участников по репутации


Реализация кнопки на событие Mouseover (наведение мыши)

#1 Flashburn

Flashburn
  • Неактивные
  • 11 сообщений
  • Репутация: 0
0

Отправлено 22 August 2009 - 13:45

Доброго времени суток. Возникла необходимость реализации особого оформления ссылки (кнопки) на событие mouseover (ох уж эти дизайнеры :rolleyes: ). Вот собственно что необходимо:
Изображение
Тоесть при наведении курсора на ссылку должна появляться голубая рамка вышеуказанной формы.
Ничего подобного мне к сожалению в нете найтись не удлось, поэтому обращаюсь к пользователям данного форума. Заранее огрмное спасибо, буду благодарен за любую помощь.

Прикрепляю необходимые картинки:

Прикрепленные изображения

  • image.gif
  • blue_frame_button.gif

 

 

  • 0

robot

robot
  • Пользователь PRO
  • 2652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Помогите создать кнопки Flesh 3D.
  2. Увеличение изображения
  3. Пауза при наведении на баннер
  4. Кнопка на css из изображений
  5. Вопрос по JS и jQuery - теория и практика

#2 Евгений

Евгений
  • Неактивные
  • 481 сообщений
  • Репутация: 0

Отправлено 22 August 2009 - 15:35

<html>
<head><title></title>
<style>
.url {text-align:center; width:100px; height:115px; display:block; font-size:12px; color:#fff; font-family:arial;}
a.url:hover {
background:url("bg.png") 0% 100% no-repeat;
}
</style>
</head>
<body>
<a href="" class="url">
<img src="1.png" style="width:100px; height:81px;"/>
Ссылка на <br/>продукт
</a>
</body>
</html>

1.png это сама картинка, а bg.png эта синяя нижняя часть. Проверял в опере, работает.
  • 0

#3 Flashburn

Flashburn
    Topic Starter
  • Неактивные
  • 11 сообщений
  • Репутация: 0

Отправлено 22 August 2009 - 16:52

Все работает. Спасибо
  • 0



Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru