Превью постов сайта при помощи Flexbox и CSS3
В данном уроке мы хотим показать как сделать превью постов сайта при помощи Flexbox и CSS3. Для примера у нас будет две карточки, которые будут полностью адаптивными, а также «живыми», ведь нам нужно, чтобы на них обратили внимание и кликнули. При наведении курсора карточка с постом будет оживать...
Темное вертикальное меню на CSS
Простое и удобное вертикальное меню, что идет в темном дизайне и имеет под разделы, где можно распространить на нем много запросов по ссылки. Такой тип навигаций отлично подойдет под светлый формат сайта, также и под аналогичный оттенок. Здесь присутствует эффект изменение палитры, что при...
Кнопка переключатель света на чистом CSS
Это отличное решение для просмотра плеера, как кнопка включение и отключение света, которая полностью создана на CSS, где идет вид на каркас. Само использование такой функций для кнопки, пока будет являться предпочтительным способом, которая изначально взаимодействует с электронным материалом. Его...
Прозрачная навигация для сайта
Это адаптивное горизонтальное сменю, которое создано в прозрачном стиле, где оттенок цвета будет зависеть от фона на сайте с помощью CSS. Здесь идет четкая отсылка на дизайнерский прием, от которого много будет зависеть. Если подключить светлую гамму, что сделал, это проверяя навигацию на...
Выезжающее боковое меню на CSS
В материале представлено выдвигающееся боковое меню с правой стороны, что создано на jQuery и CSS, где имеет отличные эффекты появления. Как раз для красивого эффекта появление будет использоваться jQuery, чтоб все стильно и плавно открывалось. Такой тип навигаций можно поставить на массу...
Hover эффект для картинок на CSS
Не теряет свою популярность hover эффекты, которые полностью созданы на CSS, где вам представляю оригинальную анимацию при наведении клика. Теперь на любом тематическом сайте можно увидеть такие трюки, так как они стали доступными, и установка у них не так сложна, как изначально покажется. Все...
Красивый эффект блока с информацией на CSS
Один из популярных эффектов, который заключается в том, что при наведении появляется информация материала на темно прозрачном фоне CSS3. Где по умолчанию будет просматриваться название, это хорошее решение, так как не нужно его еще где выставлять. По умолчанию сделано для информации, где отлично...
Выпадающий список выбора на HTML и CSS
Вашему вниманию выпадающий список в HTML, который создан с помощью select, где представлены элементы списков с большим выбором при раскрытии. Также добавлены стили для оформления, это можно самостоятельно поставить запланированный оттенок цвета. По умолчанию он идет закрытый, где на светлом фоне...
Адаптивное горизонтальное меню на CSS3
С обновлением все должно на сайте быть адаптивным, не исключаем горизонтальное меню, что аналогично должно быть дружелюбным на все экраны. Где предлагаю рассмотреть классическую навигацию, которая выполнена на чистом стиле, без применения JS. Где по своему стиль может подойти на очень многие сайты,...
Эффект изображения с выводом заголовка CSS
Здесь узнаете про CSS эффект и как его сделать, это наведение на изображение, где после этого появится кнопка с заголовком заданной темы. Все это безусловно работает при помощи CSS, где можно самостоятельно задать цветовую гамму. Так как по центру появится кнопка, где по обеим сторонам идет...
Эффект наложения фоновых изображений CSS
Самый распространенный эффект наложение полупрозрачного слоя на изображение, которое работает при наведении на картинку при помощи CSS. Давайте рассмотрим самый популярный эффект, где можно увидеть на изображение, это будет фон, который можно сделать как не прозрачным, так и полупрозрачным. Для...
Горизонтальное выдвижное меню на CSS3
Отличное построение горизонтального меню, которое появляется после нажатие кнопки, где по нему можно перейти на актуальные темы на сайте. Все это создано на CSS, где есть возможность поменять полностью дизайн, который заключается в оттенке цвета. Также в стилистике присутствует редакция по каркасу...
Элементы details и summary в HTML и CSS
Здесь ознакомимся с элементами details и summary, которые отлично подходят для функций скрытие и разворачивание информацию на сайте. Возможно ранее вы использовали javascript, который нужен был обязательно для функциональности. Где основном применяли для скрытия содержимого, что по клику можно было...
Выводим количество непрочитанных новостей в login.tpl
Хак позволяет выводить количество (цифру) непрочитанных новостей в файле шаблона login.tpl Очень прост в установке. Выводится одним тегом. Очень полезен для новостных сайтов и блогов....
Рисуем знамя
В этом уроке я объясню, как можно используя инструмент Pen Tool нарисовать красивый свисающий флаг или знамя для меню или других декоративных элементов дизайна....
Нестандартный рейтинг для DLE
Данным примером хочу показать, как стандартный рейтинг DLE "нравится-не нравится" визуально преобразовать в всякий интересный вид на примере рейтинга Youtube. Самое главное - этот способ не затрагивает файлы движка, полностью совместим с ним, по-сути это и есть стандартный функционал DLE....
Эффект огня
Допустим у вас есть элемент в дизайне, который необходимо украсить красивым и эффектным пламенем огня. К примеру, факел......
Убираем ненужные пункты с тега {sort}, настраиваем под себя
Настраиваем под себя пункты сортировки новостей на главной странице. Тег {sort} - отвечает за вывод выбора пользователем порядка сортировки новостей. Как удалить ненужные пункты в теге сортировки новостей?...