Эффект наложения фоновых изображений CSS
Эффект наложения фоновых изображений CSS


Самый распространенный эффект наложение полупрозрачного слоя на изображение, которое работает при наведении на картинку при помощи CSS. Давайте рассмотрим самый популярный эффект, где можно увидеть на изображение, это будет фон, который можно сделать как не прозрачным, так и полупрозрачным. Для этого в стилях выставим элемент opacity: 0.8, который будет отвечать за эту функцию. У нас выставлено 0.8, что означает, что почти непрозрачный фон идет, что здесь сам веб-разработчик поставит заданные значение, которые посчитает нужными для сайта.

Горизонтальное выдвижное меню на CSS3
Горизонтальное выдвижное  меню на CSS3


Отличное построение горизонтального меню, которое появляется после нажатие кнопки, где по нему можно перейти на актуальные темы на сайте. Все это создано на CSS, где есть возможность поменять полностью дизайн, который заключается в оттенке цвета. Также в стилистике присутствует редакция по каркасу навигаций, это выставить ширину по оформлению более привлекательным.

Элементы details и summary в HTML и CSS
Элементы details и summary в HTML и CSS


Здесь ознакомимся с элементами details и summary, которые отлично подходят для функций скрытие и разворачивание информацию на сайте. Возможно ранее вы использовали jаvascript, который нужен был обязательно для функциональности. Где основном применяли для скрытия содержимого, что по клику можно было открыть. Но при HTML5 все кардинально изменилось, что позволило создавать аналогичные вещи с такими же функциями, но уже без применения jаvascript.

Выводим количество непрочитанных новостей в login.tpl
Выводим количество непрочитанных новостей в login.tpl


Хак позволяет выводить количество (цифру) непрочитанных новостей в файле шаблона login.tpl Очень прост в установке. Выводится одним тегом. Очень полезен для новостных сайтов и блогов.

Рисуем знамя


В этом уроке я объясню, как можно используя инструмент Pen Tool нарисовать красивый свисающий флаг или знамя для меню или других декоративных элементов дизайна.

Нестандартный рейтинг для DLE
Нестандартный рейтинг для DLE


Данным примером хочу показать, как стандартный рейтинг DLE "нравится-не нравится" визуально преобразовать в всякий интересный вид на примере рейтинга Youtube. Самое главное - этот способ не затрагивает файлы движка, полностью совместим с ним, по-сути это и есть стандартный функционал DLE.

Эффект огня


Допустим у вас есть элемент в дизайне, который необходимо украсить красивым и эффектным пламенем огня. К примеру, факел...

Убираем ненужные пункты с тега {sort}, настраиваем под себя
Убираем ненужные пункты с тега {sort}, настраиваем под себя

Настраиваем под себя пункты сортировки новостей на главной странице. Тег {sort} - отвечает за вывод выбора пользователем порядка сортировки новостей. Как удалить ненужные пункты в теге сортировки новостей?

Рисуем красивое меню


Урок рассчитанный на новичков и научит вас работать с разными инструментами и вы будете понимать как лучше всего применять их в программе фотошоп.

Обработка замка

Простой урок который поможет вам понять основные принципы как сделать коллаж в фотошопе, урок подойдет новичкам, тем кто только-только освоил основы фотошопа.