Делаем иконки статуса тем/форумов одной картинкой (спрайтом)
Довольно удобное решение, особенно для форумов 2х2
Делаем иконки статуса тем/форумов одной картинкой (спрайтом)


Давно собирался поделится с сообществом данным хаком, поэтому изначально предполагалось сделать что-то наподобие урока, но в последствии засомневался из-за сложности создания и использования таких иконок в дальнейшем. К счастью, сейчас на тему создания картинок-спрайтов в интернете размещено огромное количество уроков, и при необходимости, кому надо будет, тот для себя отыщет и изучит. А для остальных предлагаю, так сказать, готовое решение с описанием.
Кто-то наверняка знает, но не использует либо в силу своей лени, либо оно ему незачем . Не сказать, что эта идея инновационная, но кардинально отличается от всех тех представлений, которые вы видели раньше на этом форуме. Так вдруг данный хак подтолкнет наших "фотошоперов" к созданию новых иконок по данному эскизу?!
Хоть на форуме тех.поддержки и полно ответов на тему своих иконок, но многие забывают, что помимо основных иконок тем (в теме есть новые сообщения/нет новых сообщений), тема так же может быть закреплена и в ней могут быть новые сообщения. Или тема может быть вовсе закрытой, а в ней могут быть новые сообщения. А еще круче - закрепленная закрытая тема и в ней есть новые сообщения (оставленные, к примеру, администраторами или модераторами).


Вместо 4-8 отдельных иконок используется всего одна. К сожалению, без минусов использования данного хака не обойтись: при замене иконки на другую каждый раз придется редактировать в фотошопе, высчитывая местоположение иконки (а то и нескольких иконок), и затем снова загружать на форум. Единственной иконки которой здесь нет - иконка форума "переадресация на URL", поскольку эти иконки я делал лет 5 назад специально для своего форума. Несмотря на все сложности создания и редактирования иконок, можете использовать мои иконки у себя на форуме.


8 типов иконок в одной картинке (слева на право):
- Обычная открытая тема, Нет новых сообщений;
- Обычная открытая тема, Есть новые сообщения;
- Обычная закрытая тема, Нет новых сообщений;
- Обычная закрытая тема, Есть новые сообщения;
- Важная открытая тема, Нет новых сообщений;
- Важная открытая тема, Есть новые сообщения;
- Важная закрытая тема, Нет новых сообщений;
- Важная закрытая тема, Есть новые сообщения.
Спрайт размером 288px в ширину и 28px в высоту.
Каждая иконка в спрайте имеет размер ~36px в ширину и 28px в высоту.
В коде разметил комментарии: где и для какой иконки используется позиционирование.
Внимание! У Вас нет прав для просмотра скрытого текста.

В данном коде Вас интересует все, но если захотите заменить спрайт то вот эта часть кода актуальнее всего
Внимание! У Вас нет прав для просмотра скрытого текста.

В данном случае думаю и так понятно где ссылка на картинку.скачать dle 12.1




html-cсылка
BB-cсылка
Прямая ссылка
Сайт/форум/чат Направление Админ Онлайн Вход
» Anime Chat (чат) Аниме Cheza Без реги
» Desert Rose (радио) Радио с минимальными ограничениями Нервная баба
Кисточка
1k Гостевой
» Не определен Вы можете занять данное место)) Пишите нам Всего 50 р. в месяц
Обновление сервисов на 1-м месте
Выбрать другой дизайн
KING
Переключится на дизайн «KING»
MOUSE
Переключится на дизайн «MOUSE»
PROMO кодыnew
Стоимость купона перекрывается скидкой которую он предоставляет.
Радио партнер
Найм тех. админа
Для найма доступны Развратник и Darkness
VIP партнеры


Облако тегов
25.03.2018 ^_^ augus4u august4u back CID Close CSS CSS3 Da Vinchi Desert Rose Fike GRADIENT HTML IP JS RIP Stephen Hawking Stephen William Hawking TrTd АдминЛопух Анимешники Бан Баны Безопасность Бот ВКонтакте Градиент Гуру Давненько Даже Дети Достоевский Евой Есть Ждали Женя Закончили Идиот Интересно Кемерово Киллка Мистик Мистика Многие Мобильная версия Нарушу Не останься равнодушным. Обновление Окно смайлов Оформление Панин Пожар в Кемерово Приятная мелочь Просили Радио СМАЙЛЫ Секретарь Скончался физик Скрипт Слились Старая таверна Стартовые Стивен Хокинг Страница Страницы бана Страшная трагедия Таверна Трагедия Утрата ХАК Халявчик Читайте ШАБЛОН Шаблоны Этим август август4ю августТоп админа админам администраторов админов аниме антивзлом апреля базе банов более было быстренько важно вводится весьма восхищена встроили выкладывается выкладывали выкладываю гей глав года голосованием городов группа группе группы давно данная данное данной дать двух делюсь дизайн дизайна длинном добротой дождались дополнение дополнения доступ дьявола жиробас завидно знать зоофил иероглифы информация к размышлению кнопки кнопку кого контейнер координаты которой которые курсора люблю люди мало мною модуль молодой назад написан начали нашем наши разработки наши сервисы нашла небольшое небольшой ничего новости новость общее определяет остались остальных пару пидарас пидераст платные услуги по поведении позволяет показывает полезное полной полную получается получили пользование помнит поприкалываться пояснениями правом пришли простенький проходят прочее разработки разрешению разрешения расскажу рассчитать расшифровка сайт сайтам сайте сайты сделали сделан сделать себя сегодня сервисы сказать слово случайно смотря спрашивают стартовая страницу страницы такие такое такой теги тексте тоже топик топчике удобный узнать украсить ВК украшения умными услуги форумам форумы хорошо чат чата чатам чатов чаты человек шуток элементы японского
Статистика посещений
6 посетителей сейчас на сайте
Из них:
Гости66

Добро пожаловать на dvscr.ru!

Для того чтобы стать полноценным пользователем нашего сайта, вам необходимо пройти регистрацию.
Зарегистрироваться
Создайте собственную учетную запить!
Авторизоваться
Уже зарегистрированны? А ну-ка живо авторизуйтесь!

Войти на сайт


Da Vinchi
Помогалка
Карта Сайта