prowebber.ru - Тут есть все для настоящих вебмастеров

Мы в твиттере Наша страничка на FaceBook! Сообщество вебмастеров в VK Мы в телеграме!

PW — всё для вебмастера » Всё для DataLife Engine » DLE хаки » Убираем подёргивание кнопки "Добавить в закладки"

Убираем подёргивание кнопки "Добавить в закладки"

Данный материал предоставлен сайтом ProWebber.ru исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Скачать бесплатно Убираем подёргивание кнопки "Добавить в закладки".

Убираем подёргивание кнопки "Добавить в закладки"


Небольшой CSS трюк, позволяющий устранить неприятный "баг", когда при нажатии кнопки "добавить в закладки" изображение на короткое время пропадает, из-за чего заметно неприятное подёргивание.

Техника очень проста. Назначаем любому блоку нашу картинку и прячем её отрицательными значениями. Например так:
#dle-content {background:url("../dleimages/minus_fav.gif") no-repeat -200px -200px;overflow:hidden;}

Изображение можно добавить любому блоку, который ещё не имеет фона. Свойство "overflow:hidden" необходимо только если изображение всё равно видно, после отрицательного позиционирования.

Да, это элементарнейшая вещь. Но почему-то её ещё никто не применял в шаблонах. Именно поэтому и публикую новость. Возможно кого-то давно раздражает эта особенность, которая скорее всего ещё не скоро будет поправлена.





0

Просмотры: 3354 :: Комментарии (9) :: :: Нужна помощь? Задайте вопрос на форуме ::
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1REVES

  • 29 октября 2011 19:54
  • Регистрация: 24.04.2010
  • ICQ: --
  • Комментариев: 43
Даже на провеббере заметно это "подергивание" smile .
Спасибо.

0

#2Slavchik

  • 31 октября 2011 08:42
  • Регистрация: 5.12.2010
  • ICQ: --
  • Комментариев: 138
  • Выкл.
хз...чет смотрю везде...нигде не дергается

-1

#3SaD

  • 31 октября 2011 09:52
  • Регистрация: 23.02.2011
  • ICQ: --
  • Комментариев: 498
Slavchik,
Значит изображение закэшировал браузер.

--------------------

0

#4Turcan

  • 3 ноября 2011 18:19
  • Регистрация: 2.11.2011
  • ICQ: --
  • Комментариев: 7
ne rabotaet blum

--------------------

0

#5alexben

  • 7 ноября 2011 16:23
  • Регистрация: 5.05.2011
  • ICQ: --
  • Комментариев: 28
для таких вещей нужно использовать спрайты.
Техника известная, применяется обычно для громоздких "ховеров".
Автору плюс за посвящение народа :)

0

#6SaD

  • 7 ноября 2011 16:41
  • Регистрация: 23.02.2011
  • ICQ: --
  • Комментариев: 498
alexben,
Жалко что целсофт это не понимает. Проблема даже не в одной этой кнопке...Весь движок пропитан говнокодом и таблицами, для исправления которых нужно лезть в PHP.

В последнем релизе хоть самое основное сделал...и то хорошо.

--------------------

0

#7vadimds

  • 23 ноября 2011 12:37
  • Регистрация: 23.12.2010
  • ICQ: --
  • Комментариев: 10
Спасибо оч актуально было!

0

#8bokas

  • 21 января 2012 21:35
  • Регистрация: 19.01.2012
  • ICQ: --
  • Комментариев: 21
а в каком шаблоне эта кнопка ?

0

#9Sarzhevskii

  • 10 июня 2012 21:07
  • Регистрация: 7.11.2009
  • ICQ: 400952
  • Комментариев: 29
Спасибо оч актуально было!

0
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.

SkripTers.biz - Снова с вами

https://culabra.ru — Блог вЭбмастЭра

DCOReARTs.COM - Услуги веб-дизайна и графики

Max-energy.top - Заработок на электросчетчиках;)

Skripters.info - все для вебмастера. Только эксклюзивный контент.

Наши баннеры
Скрипты, cms, шаблоны, статьи по раскрутке

Опросы

Каких материалов НЕ хватает на сайте?

Шаблонов
Скриптов
Программ
Графики
Уроков и курсов

Архив новостей
Апрель 2018 (395)
Март 2018 (498)
Февраль 2018 (409)
Январь 2018 (140)
Декабрь 2017 (26)
Ноябрь 2017 (7)

Последние комментарии:

  • Hosting Ukraine
  • Яндекс.Метрика

Искать людей

Ваши переписки