BloGGood.ru

Блог Костаневича Степана

WordPress, PHP, HTML, CSS, Windows

Блог на разные темы, seo-оптимизация, раскрутка сайта, создание сайта, вкусные эффекты для сайта и многое другое…

Как растянуть блок на всю высоту экрана с помощью CSS

2019-03-10 / Вр:23:10 / просмотров: 12284

Как растянуть блок на всю высоту экрана с помощью CSS

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

Читать далее

Метки: , ,

Анимация (покачивание-swing) текста или изображения при наведении мыши

2017-12-07 / Вр:23:02 / просмотров: 6654

Анимация (покачивание-swing) текста или изображения при наведении мыши

Всем привет!

Недавно у меня был заказ и нужно было сделать, чтобы ярлыки висели над кнопкой «Акция».
Но это должны были быть не просто ярлыки, а при наведении на них мышкой, они должны были покачиваться.

Вот такое получилось…

Читать далее

Метки: , , , ,

CSS стили для горизонтальных линий «HR»

2016-12-31 / Вр:11:38 / просмотров: 36469

CSS стили для горизонтальных линий «HR»

Здравствуйте, дорогие читатели блога BlogGood.ru

Если вы для своих сайтах используете тег «HR», то эта статья для вас, так как в ней я расскажу, а точнее покажу парочку CSS стилей для горизонтальной линии, с помощью которых эта же линия преобразится.

При верстке сайта вам пригодится.

Читать далее

Метки: , , ,

Как сделать простой эффект Lightbox на CSS3

2016-12-31 / Вр:10:37 / просмотров: 5440

Как сделать простой эффект Lightbox на CSS3

Всем привет!

Вы наверняка видели такой эффект на сайтах, что когда вы клацаете мышкой на маленькую картинку, экран затемняется и выплывает эта же картинка только уже увеличенная. Эффект называется Lightbox.
Вот такой эффект мы с вами создадим, не используя JavaScript и JQuery, а только CSS3.

Читать далее

Метки: , , ,

Создание геометрических фигур при помощи CSS

2016-12-14 / Вр:11:39 / просмотров: 4452

Создание геометрических фигур при помощи CSS

Всем привет!

А знаете ли вы, что в CSS можно создавать различные фигуры без использования картинок?
Сомневаетесь?
Зря!

В этой статье я покажу результат, которого можно достичь с помощью нескольких строк в CSS.

Читать далее

Метки: ,

CSS3 фильтры изображений

2016-12-13 / Вр:11:14 / просмотров: 3316

CSS3 фильтры изображений

Всем привет!

Сегодня я покажу, как можно изменить графический рисунок на сайте, не используя графических редакторов. То есть, с помощью особого фильтра на CSS3 вы сможете в коде прописать несколько строк, и тем самым сделать изображение размытым, ярким, насыщенными, контрастным или вообще обесцветить его.

Читать далее

Метки: , ,

Фон, который меняется при прокрутке (CSS)

2016-12-06 / Вр:00:12 / просмотров: 6811

Фон, который меняется при прокрутке (CSS)

Всем привет!

Сразу скажу, что фокус-покус не мой, я сделал только некоторые изменения.
Эффект мне очень понравился, вот и решил поделиться кодом с вами.
:coffe:

Читать далее

Метки: , ,

Как добавить или изменить CSS стиль в «input» для «placeholder»

2016-10-22 / Вр:22:08 / просмотров: 5118

Как добавить или изменить CSS стиль в «input» для «placeholder»

Приветствую читателей блога BlogGood.ru!
Часто в HTML форму в поле «input» прописывают «placeholder».
В «placeholder» вставляют временный текст-подсказку, который исчезнет при вводе текста пользователем.
Так вот, на этот текст-подсказку, который выводится при помощи «placeholder», я и покажу, как добавлять свои CSS стили, точнее, покажу, как поменять цвет, размер текста и выбрать другой шрифт.

Читать далее

Метки: , , ,

Изменить полосу прокрутки на CSS

2016-06-04 / Вр:22:51 / просмотров: 16976

Всем привет!

Придать более интересный вид сайту можно при помощи удачно подобранного цвета полосы прокрутки.

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

Читать далее

Метки: , ,

Мои цели на 2018-2019:

1). Закончить тему «Bootstrap»

2). Закончить тему «Все про PHP и MySQL»

3). Создать портфолио и мини интернет-магазин шаблонов

4). Довести количество статей до 800

5). Добиться посещаемости 3000 человек/сутки

6). Увеличить число подписчиков до 250

Статистика по блогу

Количество записей на блоге: 809
Количество страниц на блоге: 20
Количество рубрик на блоге: 28
Количество меток на блоге: 72
Количество комментариев на блоге: 4716