Web МастерскаяБлог
Сообщество Web Мастеров. Тут собрано всё, чтобы написать свой первый сайт, запустить его в Интернет и поддерживать его в течении всей его работы.
Картинка вместо чекбокса
Исходные чекбоксы в форме выглядят хотя и привычно, но уже несколько старомодно. Порой хочется вместо чекбокса использовать стильную картинку, которая лучше будет вписываться в существующий дизайн. С помощью CSS3 мы можем это сделать без всяких скриптов, при этом учтём и старые версии браузеров, в которых функционал формы должен сохраниться.
Для начала подготовим изображения. Нам потребуется две картинки соответствующие разному статусу чекбокса — когда он включен и выключен.

Желательно объединить две картинки в одну в графическом редакторе, сделать из них так называемый CSS-спрайт. Дело в том, что первая картинка покажется сразу после загрузки, а вторая начнёт загружаться только после щелчка по чекбоксу. Несмотря на малый размер изображений и объём загружаемого файла, на загрузку и отображение картинки в первый раз потребуется какое-то время. Даже когда речь идёт о доли секунды эта задержка заметна визуально. Если же мы объединим рисунки в одно изображение, то оно будет загружаться...
Для начала подготовим изображения. Нам потребуется две картинки соответствующие разному статусу чекбокса — когда он включен и выключен.
Желательно объединить две картинки в одну в графическом редакторе, сделать из них так называемый CSS-спрайт. Дело в том, что первая картинка покажется сразу после загрузки, а вторая начнёт загружаться только после щелчка по чекбоксу. Несмотря на малый размер изображений и объём загружаемого файла, на загрузку и отображение картинки в первый раз потребуется какое-то время. Даже когда речь идёт о доли секунды эта задержка заметна визуально. Если же мы объединим рисунки в одно изображение, то оно будет загружаться...
- Жалоба
 
Создание иконки для сайта (favicon.ico)
Иконка для сайта (файл favicon.ico), Favicon – сокращение от Favorite Icon, в переводе: любимая иконка.
Иконка сайта – это маленькая картинка, которая несёт в себе логотип своего сайта. Ресурс с иконкой становится непохожим на другие, икона придаёт сайту индивидуальность. Картинка размером 16 на 16 пикселей характерна для профессионально сделанных сайтов. Иконка отображается в адресной строке, в названии и в закладках браузера, ещё в результатах поиска Яндекс, так что, если икона сайта грамотно оформлена, есть возможность, что пользователь выберет именно Ваш проект и переедет по ссылке.
Где же брать икону или как её сделать? Тут всё очень просто: можно качать иконки с Интернета в архиве и выбирать. Но здесь так, если скачали Вы и она Вам понравилась, может кто-то скачал такую же и вставил её на свой сайт. По мне, так лучше быть непохожим на других, поэтому делаем сами. Очень хорошо, если у Вас есть специальная программка для создания иконок: нарисовали картинку, прогнали через прогу и...
Иконка сайта – это маленькая картинка, которая несёт в себе логотип своего сайта. Ресурс с иконкой становится непохожим на другие, икона придаёт сайту индивидуальность. Картинка размером 16 на 16 пикселей характерна для профессионально сделанных сайтов. Иконка отображается в адресной строке, в названии и в закладках браузера, ещё в результатах поиска Яндекс, так что, если икона сайта грамотно оформлена, есть возможность, что пользователь выберет именно Ваш проект и переедет по ссылке.
Где же брать икону или как её сделать? Тут всё очень просто: можно качать иконки с Интернета в архиве и выбирать. Но здесь так, если скачали Вы и она Вам понравилась, может кто-то скачал такую же и вставил её на свой сайт. По мне, так лучше быть непохожим на других, поэтому делаем сами. Очень хорошо, если у Вас есть специальная программка для создания иконок: нарисовали картинку, прогнали через прогу и...
Как сделать скриншот сайта
На форуме есть тема: как создать скриншот, в ней говорится, как сделать скриншот двумя клавишами или специальными программами. В этой теме расскажу, как можно сделать скриншот сайта, сделать это можно на своем сайте, при чем не прибегая к каким то сложным программам, сделать это можно на обычной HTML страничке. В сети есть замечательный сервис создания скриншотов сайтов, который позволяет создавать скриншоты не только на самом сервисе, но и создавать скриншот не открывая страницу самого сервиса. Сам сервис находится по адресу: http://www.s-shot.ru/, переходим по ссылке, вводим адрес сайта, который необходимо "сфотографировать" и получаем картинку и изображением странички сайта. 
Сервис предлагает ознакомиться с инструкцией, как можно снять скриншот используя всего одну строчку (адрес http://mini.s-shot.ru/?адрес страницы с параметрами), например:
Результат:
 
То есть после
Сервис предлагает ознакомиться с инструкцией, как можно снять скриншот используя всего одну строчку (адрес http://mini.s-shot.ru/?адрес страницы с параметрами), например:
https://mini.s-shot.ru/?https://danfa.net
https://mini.s-shot.ru/?https://yandex.ruРезультат:
То есть после
https://mini.s-shot.ru/, мы...Как защитить свой контент от воровства (WordPress)
С распространением интернета в нашей жизни, мы всё чаще стали сталкиваться с таким явлением как воровство контента. Увидеть свой контент на сторонних ресурсах под авторством других людей не просто неприятно, но и может повлечь за собой экономические последствия. Поэтому речь сегодня пойдёт о том, как защитить свой контент от воровства. Ниже мы будем рассматривать примеры защиты сайта, созданного на WordPress. Однако приводимые методы защиты будут универсальны и пригодятся тем, кто создаёт свои сайты для других cms. 
Защитить контент можно несколькими способами. Очень часто используются плагины или скрипты, которые так или иначе ограничивают действия пользователя. Например, в этом вам может помочь плагин Blog Content Protector, который блокирует функцию выделения текста и его копирования. Данный плагин блокирует нажатие правой кнопки мыши, а так же комбинацию клавиш ctrl+c и ctrl+v. Плагин, Wp-CopeProtect, является аналогичным и действует по такому же принципу, блокируя нажатия клавиш.
А ...
Защитить контент можно несколькими способами. Очень часто используются плагины или скрипты, которые так или иначе ограничивают действия пользователя. Например, в этом вам может помочь плагин Blog Content Protector, который блокирует функцию выделения текста и его копирования. Данный плагин блокирует нажатие правой кнопки мыши, а так же комбинацию клавиш ctrl+c и ctrl+v. Плагин, Wp-CopeProtect, является аналогичным и действует по такому же принципу, блокируя нажатия клавиш.
А ...
WordPress: движок блогов
С развитием технологий создать сайт в интернете стало возможно без специального обучения. К тому же интернет полон видео и текстовых обучающий материалов по данной тематике. Ну а на форумах или специализированных ресурсах всегда найдут опытные люди, готовые подсказать решение по возникшей проблеме. Если вы хотите создать блог, то рекомендуется использовать WorPress, с помощью которого можно управлять содержимым ресурсом с открытым исходным кодом. 
Программа достаточно простая в освоении, к тому же, она предоставляет пользователю подсказки. Что немаловажно, данная программа бесплатна. У вас через месяц может уже не быть желания создавать сайт, и ни копейки вы не потратите на это мимолётное увлечение. Так же присутствует встроенный редактор.
Все эти факторы делают данную программу одной из популярнейших в своей отрасли. Всё это привлекает новичков, и вот уже много лет с помощью WordPress создаются сайты. Ну а после, если будет желание становиться профессионалом на этом поприще, то можно...
Программа достаточно простая в освоении, к тому же, она предоставляет пользователю подсказки. Что немаловажно, данная программа бесплатна. У вас через месяц может уже не быть желания создавать сайт, и ни копейки вы не потратите на это мимолётное увлечение. Так же присутствует встроенный редактор.
Все эти факторы делают данную программу одной из популярнейших в своей отрасли. Всё это привлекает новичков, и вот уже много лет с помощью WordPress создаются сайты. Ну а после, если будет желание становиться профессионалом на этом поприще, то можно...
Категории
- Apache 6
 - CMS 3
 - CSS 16
 - FTP 1
 - HTML 11
 - JavaScript 43
 - MySQL 17
 - Nginx 16
 - PHP 52
 - phpMyAdmin 2
 - SVG 3
 - URL 1
 - XML 3
 - Безопасность 7
 - Библиотека JS 16
 - Графика 3
 - Доменное имя 1
 - Инструкция 1
 - Кодировка 2
 - Контент 8
 - Мнение 1
 - Мобильное устройство 1
 - Монетизация сайта 2
 - Настройка 3
 - Оптимизация 2
 - Ошибка 11
 - Поисковая система 1
 - Продвижение сайта 6
 - Производительность 1
 - Софт 1
 - Старт 2
 - Сценарий 1
 - Функция 1
 - Хостинг | Сервер 3
 
Реклама















