
Быстрый поиск
Введите фрагмент названия статьи для поиска

Исследование защиты программы phpDesigner
06.04.2024 | Категория: Темная сторона Силы | Автор: ManHunter

Скриншот программы phpDesigner
phpDesigner - интегрированная среда разработки для начинающих и профессиональных web-программистов. Поддерживает синтаксис основных языков web-программирования, отладку, системы контроля версий, фреймворки, проверку синтаксиса, таблицы стилей и многое-многое другое. Без регистрации работает ограниченное время, после чего требует покупки. Но, как говорится в старом анекдоте, "перебьетесь" пишется с мягким знаком.
Читать статью целиком »
Просмотров: 527 | Комментариев: 1

Открывающийся текст (спойлер) на CSS и JavaScript
03.03.2024 | Категория: Web-мастеру и не только | Автор: ManHunter

Открывающийся текст (спойлер) на CSS и JavaScript
Слово "спойлер" в современном интернете чаще всего используется в значении некой информации, которая заранее раскрывает важный сюжетный поворот или какую-то ключевую суть повествования. В публикациях спойлеры обычно делают в виде раскрывающегося текста, "аккордеона", с использованием тегов <details> / <summary> и другими способами. Сейчас в мессенджерах и на многих информационных сайтах спойлеры оформляют в виде размытого текста, который открывается при клике на него. Давайте тоже сделаем что-нибудь подобное.
Читать статью целиком »
Просмотров: 1175 | Комментариев: 1

Стилизация заданного количества HTML-элементов
25.04.2021 | Категория: Web-мастеру и не только | Автор: ManHunter

Стилизация заданного количества HTML-элементов
Средства CSS3 предоставляют широкие возможности для стилизации HTML-элементов. Например, при помощи псевдо-класса :nth-child() можно стилизовать определенный по счету элемент, четные и нечетные элементы, а также элементы, подходящие под формулу записи этого псевдо-класса (смотрите документацию). А вот не совсем стандартная задача: есть таблица, надо стилизовать только первые N ее строчек.
Читать статью целиком »
Просмотров: 1006 | Комментариев: 0

Как сделать у ссылок иконки, соответствующие типу файлов
16.01.2021 | Категория: Web-мастеру и не только | Автор: ManHunter

Как сделать у ссылок иконки, соответствующие типу файлов
Понадобилось сделать красивую страничку со списком файлов. Помимо прочего оформления, решил к ссылкам на файлы добавить иконки, соответствующие их типам, примерно как это делается в Проводнике Windows или файловых менеджерах. Сперва хотел реализовать это на серверной стороне, потом подумал, еще подумал, и решил обойтись чистым CSS. Делается это все очень просто. Для каждой ссылки списка в стилях добавляется селектор, соответствующий расширению файлов:
Code (HTML) : Убрать нумерацию
- <style type="text/css">
- a[href$=".pdf"] {
- padding-left: 20px;
- background: url('/img/file_pdf.png') no-repeat left 3px;
- }
- a[href$=".doc"], a[href$=".docx"] {
- padding-left: 20px;
- background: url('/img/file_word.png') no-repeat left 3px;
- }
- a[href$=".jpg"], a[href$=".jpeg"], a[href$=".png"] {
- padding-left: 20px;
- background: url('/img/file_img.png') no-repeat left 3px;
- }
- </style>
Просмотров: 1328 | Комментариев: 0

Эффект покачивания изображения при наведении мыши
24.08.2020 | Категория: Web-мастеру и не только | Автор: ManHunter

Эффект покачивания изображения при наведении мыши
Красивый эффект для оформления сайтов на случай какой-нибудь акции или распродажи. При наведении курсора мышки на бейджик, он начинает покачиваться. Никаких скриптов, вся анимация реализована исключительно средствами CSS.
Читать статью целиком »
Просмотров: 2908 | Комментариев: 0
