Технический сбой

Сайт временно работает в режиме только для чтения, идут восстановительные работы. Приносим свои извинения за неудобства.
DLE FAQ » Все вопросы » Общие вопросы » Как сделать кнопку "я нашел баг" как на lostfilm

Как сделать кнопку "я нашел баг" как на lostfilm


     Все вопросы » Общие вопросы    5660

вопрос
Как сделать кнопку "я нашел баг" как на lostfilm.

Ответил: ПафНутиЙ


А в исходный код не судьба заглянуть????

JS:
$('#bug-detected-window').bind('mouseover', function( event ) {
   $(this).stop(true, false).animate({
    right: '0'
  });
  return false;
}).bind('mouseout', function( event ) {
   $(this).stop(true, false).animate({
    right: '-105'
   });
   return false;
}).bind('click', function ( event ) {
    ShowModal('#send-message', '#send-message', false);
   });
});


CSS:
#bug-detected-window{
    position: absolute;
    right: -105px;
    top: 55px;
    font-size: 12px;
    padding-left: 50px;
    padding-right: 10px;
    padding-top: 12px;
    padding-bottom: 5px;
    background: url('/bug-detected-window.png') no-repeat left center; /*картинку надо свою*/
    cursor: pointer;
    z-index: 109;
    height: 43px;
}


HTML:
<div id="bug-detected-window" alt="Сообщить об ошибке"  title="Сообщить об ошибке">Я молодец,<br />я нашел ошибку</div>


Ну и картинку рисуем, какую нужно в фотошопе)

4 комментария

xaksmak
Юзер

xaksmak - -

Ну вообщем сделал, а как сделать чтоб при нажатии отсылать сообщение?)

ПафНутиЙ
Админ

ПафНутиЙ - -

Прикрутите нужную форму, для отправки сообщений.

Каков вопрос - таков и ответ. Просто помните об этом.

xaksmak
Юзер

xaksmak - -

Как нибудь можно прикрутить систему CTRL+ENTER?

rassvet
Юзер

rassvet - -

Добавил этот код, но возникла новая проблема, теперь страница увеличилась в ширине как раз на размер спрятанной справа картинки (часть которая изначально не выползает). Подскажите как решить эту проблему

Похожие вопросы

наверх