Сделать кнопку html: Как сделать кнопку в HTML — журнал «Доктайп»

Keep Talking and Nobody Explodes — Руководство по обезвреживанию бомб — ru

Используя слово из 1 шага, нажмите на первую кнопку, которая появляется в подходящем списке:

7 основных и 4 дополнительных

Кондиционер предназначен, чтобы делать атмосферу в помещении комфортной. Он используется, когда нужно добавить свежести в жару, нагреть воздух при низких температурах, осушить при повышенной влажности и т.д. Функциональность приборов определяется перечнем возможностей и настроек, предусмотренных производителем. Большинство кондиционеров имеют стандартные опции, но нередко можно встретить и те, что дополнены рядом уникальных фишек.

Что из этого набора наиболее полезно и какие режимы кондиционера являются классикой сплит-системы? Подробный обзор возможностей климат-техники – в статье.

Это интересно: Неприятный запах из кондиционера в квартире: 3 возможные причины и пути решения проблемы

Кнопки на пульте кондиционера

Пульт – самая нужна комплектующая, без которой отдавать команды кондиционеру невозможно. Для управления режимами на нем предусмотрены клавиши. Дополнительно устройство оснащено экраном. ДУ (дистанционные устройства) могут быть любых форм, размеров, с декором или без.

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

Производители сплит-систем заботятся о том, чтобы пользователь мог интуитивно понять назначение той или иной кнопки. Например, OFF/ON – выключить/включить. Такими же простыми являются все основные опции:

• кнопка с изображением снежинки или словом Cool – запустить холодный воздух в комнату;

• солнце или надпись Heat – обогрев площади помещения;

• нарисованная капля (Dry) – осушение воздуха;

• значок вентилятора (Fan) — превращает кондиционер в вентилятор;

• звездочка (Sleep) — ночной режим;

• изображение часов (Timer) — автоматическое выключение кондиционера через заданное время;

• замок (Lock) — защищает конструкцию от детей;

• надпись Swing – помогает регулировать направление шторок и воздушных потоков.

Эти типовые клавиши присутствуют на большинстве пультов. В зависимости от цены и бренда прибора, также может быть: «Защита от перепадов напряжения», «Низкий уровень шума», «Авторестарт» и много другое. 

Режимы меняются простым нажатием соответствующей кнопки. Но есть несколько нюансов. Чтобы облегчить действия пользователя, не лишним будет подробнее остановиться на 3-х самых популярных функциях. Как их настроить? Дальше – подробнее.

Режим  Auto

Функция придумана для автоматического поддержания комфортной температуры. Выбрав режим Auto, можно не контролировать температурные показатели, техника сама анализирует их. Устройство выбирает, охлаждать, нагревать или просто вентилировать помещение.  Подобный функционал присутствует в моделях Cooper&Hunter и ряде других известных брендов. 

Читайте также: ТОП-10 лучших кондиционеров Cooper&Hunter

В чем суть? Если воздух в помещении стал холоднее указанного предела, или наоборот, подогрелся, сплит-система самостоятельно активирует нужный режим (охлаждение или обогрев), чтобы вернуть ту самую оптимальную температуру. Пульт здесь используется только для включения режима. Значение температур экран, скорее всего, не покажет.

Если кнопки Auto нет на пульте управления, опция настраивается кнопкой MODE (предназначена для переключения режимов). 

Настройка темпа работы вентилятора 

За эту функцию кондиционера отвечает кнопка Fan Speed, что в переводе с английского означает «скорость вентилятора». В зависимости от модели сплит-системы и самого пульта, кнопка может быть обозначена по-разному. Зачастую это просто Fan или схематическое изображение лопастей, напоминающее цветок. 

Нюанс: Не нужно путать кнопку Fan для настройки скоростей работы лопастей с опцией Fan , которая активирует вентилятор (и включается с помощью MODE). Это две разных опции.

Функция Fan присутствует не у всех моделей. При ее активации кондиционер превращается в обычный вентилятор, только более мощный и тихий. Зачем нужна опция Fan? Она выполняет сразу несколько задач:

• перемешивает верхние и нижние слои воздуха, «выравнивает» температуру в помещении;

• освежает воздух и помогает, когда в комнате чувствуется затхлый запах;

• фильтрует воздушные потоки, что очень полезно, когда человек болеет.   

Кнопка Fan (она же Fan Speed или просто Speed)  настраивает вращение лопастей. Зачем это нужно? Чем быстрее крутятся лопасти вентилятора, тем меньше времени требуется на охлаждение/обогрев комнаты, и наоборот. То есть клавишей можно контролировать распространение воздуха из кондиционера по периметру помещения. 

У вентилятора есть несколько скоростей, они идут друг за другом и включаются при каждом следующем нажатии на Fan:

1. Авто. Это не автоматический режим работы кондиционера, речь идет о вращении лопастей. Включив такую скорость, вентилятор будет самостоятельно настраивать обороты, учитывая заданную на дисплее температуру.

2. Low. Активируется самое медленное вращение лопастей. Режим идеален, если в комнате находятся люди. Воздух будет меняться незаметно для пользователя, без какого-либо дискомфорта.

3. Medium. Вентилятор работает на средней скорости, достаточно быстро и ощутимо меняя «градус» воздуха в помещении.

4. High или Turbo. Самое мощное вращение вала. На такой скорости кондиционер работает довольно шумно, мгновенно охлаждая или грея комнату. Производители рекомендуют покинуть помещение во время активации скорости High.

На пульте скорость работы вентилятора показывается в виде шкалы. Сбоку экрана написаны скорости, а на самом дисплее устанавливается курсор напротив выбранного режима.

В приборах из средней ценовой категории и премиум-сегмента, например, Cooper&Hunter CH-S18FTXLA-NG, опция Fan может отвечать и за вентилирование помещения. Это значит, что кондиционер будет забирать воздух из улицы, фильтровать и подавать в комнату. Функция сработает, если устройство выведено наружу.

Может пригодиться: Виды кондиционеров – как выбрать кондиционер, который подойдет именно вам

Управление температурой 

Когда в комнате очень жарко и хочется спасительной прохлады, нужно включать режим «Охлаждение». Для этого следует:

• нажать клавишу, где нарисована снежинка;

• кнопками «-» или «+» настроить желаемую температуру (бывает, на пульте для этого предусмотрена отдельная кнопка Temp).

Градусы покажутся на экране, их можно изменить в любое время. Когда кондиционер остудит комнату до нужных параметров, выносной блок выключится, а испаритель продолжит функционировать, поддерживая заданную температуру. Если воздух нагреется хотя бы на 1°С больше заданного пользователем, кондиционер моментально включится и восстановит температуру, согласно указаниям хозяина.

Аналогично и с режимом обогрева: после включения прибора надо нажать кнопку Heat. У некоторых моделей кондиционеров на пульте не предусмотрено отдельной кнопки, режим активируется через «МОДЕ». Стоит учесть, что не все сплит-системы могут обогревать помещение (модель Zanussi ZACS-07, например, может). Бюджетные варианты часто заточены только под холод.

Для тех, кому повезло, и кондиционер совмещает в себе обогреватель, важная информация: Включая обогрев, нельзя сходу увеличивать температуру больше, чем на 5°С. Предварительно стоит измерить воздух в помещении кнопкой Temp.

Основные режимы работы кондиционера в соответствии со значками на пульте

Научиться включать режимы – полдела, а вот какую задачу выполняет каждая функция и что произойдет после ее активации, еще нужно изучить.

Работа на охлаждение

Большинство покупателей приобретают кондиционер с единственной целью – понижать температуру в помещении. Именно поэтому функция «Холод» – главная миссия всех сплит-систем типа Gorenje KAS21. 

Работает это так:

• после нажатия кнопки Cool вступает в действие залитый в прибор хладагент;

• он перемещается в газообразном состоянии через специальные трубки от внутреннего к наружному блоку;

• в наружном блоке есть компрессор, он возвращает хладагент в жидкое состояние;

• в виде жидкости уже по другим трубкам фреон направляется обратно во внутренний блок;

• во внутреннем блоке он снова превращается в газ, попутно охлаждая воздух.

При настройке режима оптимальными температурами является диапазон 16-18°С. Если хочется еще больше свежести, в работу идет вентилятор. Большинство пультов позволяют регулировать температуру до 0,5°С.

Важно! Производители не рекомендуют использовать этот режим при минусовых температурах на улице, чтобы не испортить внешний блок.

А чтобы летом и в межсезонье кондиционер работал, как надо, стоит при его покупке правильно рассчитать мощность. Для этого используют простую формулу: на 8–10 кв. м. 1 киловатт. 

Функция кондиционера «Обогрев»

Сразу о важном: «Обогрев» не заменит полноценного отопления в квартире. Использовать этот режим лучше осенью, до момента включения обогревательных приборов, или весной, когда на градуснике уже «плюс», а помещение не успело прогреться. 

Кстати, в период межсезонья эта функция съедает в 3-4 раза меньше электроэнергии, чем другие приборы.

Интересно: Как сделать кондиционер из старого холодильника: руководство по сборке

Продув (или вентилятор)

Наличие вентилятора в сплит-системе значительно ускоряет продув теплого или холодного воздуха в помещении. Например, если выбрать скорость Turbo, то потоки воздуха начинают в сумасшедшем темпе летать по комнате. В итоге температура будет снижаться ощутимо для пользователя.

Режим кондиционера со значком Dry

Очень полезная функция: убирает лишнюю влагу из воздуха, тем самым очищая его и препятствуя образованию плесени, грибка и сырости. Включив осушение, в комнате становится легче и свободнее дышать, особенно это чувствуют люди с астмой или аллергией. Режим есть и в недорогих моделях, как вариант – Cooper&Hunter CH-S09XN7 PRIMA PLUS.

Принцип работы:

• нажать соответствующую режиму кнопку на пульте;

• прибор начнет поглощать влагу, осушая тем самым воздух;

• процесс длится 10 минут, следующие 5 минут техника «отдыхает»;

• после этого включает турбовентилирование, которое работает еще 2 минуты.

Режим будет бесполезным, если в комнате находятся источники влаги. Это может быть открытый аквариум, увлажнитель воздуха или любые декоративные элементы с водой.

Бесшумный режим и его польза

Включается кнопкой Sleep. Эту функцию еще называют ночным режимом за бесшумность работы. Она наиболее комфортна во время сна и абсолютно не мешает отдыху. Кроме того, чтобы не переохладить спящего, режим поддерживает оптимальную для человека температуру, с учетом заданных пользователем параметров. Колебания возможны в пределах 1-2°С.

Режим не только комфортен, но и экономичен. В состоянии Sleep кондиционер требует в разы меньше энергии на работу. Если нужна техника именно с такой функцией, стоит обратить внимание на недорогой Zanussi ZACS-07.

В тему: ТОП-10 лучших производителей кондиционеров и 5 основных критериев выбора

Функция Swing: как сделать, чтобы кондиционер дул вверх

Назначение – регулировка жалюзи. Таким образом можно самостоятельно настраивать потоки воздуха в комнате и выбирать, куда они будут направляться: вверх или вниз. Заслонки устанавливаются в нескольких положениях. Все действия с жалюзи отображаются на экране пульта.

Зачем нужен таймер?

Практически во всех сплит-системах присутствует таймер. Это – вещь нужная и полезная. С помощью таймера устанавливается время включения кондиционера и отхода техники «ко сну». Например, можно освежить помещение за несколько часов до прихода домой или завершить обдув комнаты, как только пользователь уснет.

Дополнительный функционал кондиционера

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

Вниманию читателя представлен ТОП-4 дополнительных опций в кондиционерах и описание пользы от них.

В завершение разбора функций сплит-систем – несколько советов. Выбирая режим кондиционера, стоит всегда учитывать температуру и погодные условия за окном. Таким образом получится продлить срок службы внешнего блока. И аккуратно используйте режимы охлаждения, чтобы не было резкого перепада температур между улицей и домом. Добавлять свежести в помещение нужно постепенно.

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

[HTML] — Как добавить ссылку на мою кнопку в HTML? — SheCodes

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

👩‍💻 Технический вопрос

Спросил 4 месяца назад в HTML Alex

 
 Как мне добавить ссылку на мою кнопку? 
 

HTML связь якорный тег кнопка

👩‍💻 Технический вопрос

Спросил 4 дня назад в HTML Саори

 
 Что означает тег div? 
 

HTML тег div контейнер CSS-стили организация конструкция

👩‍💻 Технический вопрос

Спросил 5 дней назад в HTML Дарья

 
 как использовать span и div 
 

диапазон див Веб-разработка блочный элемент встроенный элемент

👩‍💻 Технический вопрос

Спросил 5 дней назад в HTML от ADEJUMO

 
 как связать файл css 
 

ссылка CSS файл

👩‍💻 Технический вопрос

Спросил 6 дней назад в HTML Освальдо

 
 Может ли тег 
 быть предком тега 
? 
 

дел. ул отношения родитель-ребенок

👩‍💻 Технический вопрос

Спросил 6 дней назад в HTML Ванесса

 
 как добавить ссылку на html файл 
 

HTML связь анкерная бирка

👩‍💻 Технический вопрос

Спросил 7 дней назад в HTML Стефани

 
 что такое span в html? 
 

диапазон встроенный контейнер стиль текст

👩‍💻 Технический вопрос

Спросил 7 дней назад в HTML Сара

 
 как сделать ул 
 

ул неупорядоченный список Теги HTML

👩‍💻 Технический вопрос

Спросил 8 дней назад в HTML Эми

 
 как мне назначить идентификатор и класс элементу в списке в html в то же время 
 

HTML сорт ИДЕНТИФИКАТОР список

👩‍💻 Технический вопрос

Спросил 8 дней назад в HTML Эми

 
 как присвоить идентификатор элементу в списке в HTML 
 

HTML ИДЕНТИФИКАТОР элемент список

👩‍💻 Инструкции по коду HTML, CSS и JavaScript

Спросил 9 дней назад в HTML Флорина Ребейка

 
 Я хочу, чтобы этот код с открытым исходным кодом был сделан Ребейкой Григорас, только код с открытым исходным кодом должен быть ссылкой 
 

HTML якорный тег гиперссылка ссылка

👩‍💻 Технический вопрос

Спросил 10 дней назад в HTML Киара

 
 как использовать изображение в качестве ссылки 
 

HTML связь якорный тег ссылка на изображение

👩‍💻 Технический вопрос

Спросил 10 дней назад в HTML от Aneeah

 
 что такое  
 

span элемент стиль текст встроенный

👩‍💻 Технический вопрос

Спросил 10 дней назад в HTML от Aneeah

 
 что такое 
 
 

HTML горизонтальное правило тематическая пауза веб-страница визуальное разделение

👩‍💻 Инструкции по коду HTML, CSS и JavaScript

Спросил 10 дней назад в HTML Ханна

 
 Раскрывающийся список с четырьмя элементами 
 

раскрывающийся список выбирать опция

👩‍💻 Технический вопрос

Спросил 11 дней назад в HTML от Aneeah

 
 как использовать div 
 

div

👩‍💻 Технический вопрос

Спросил 12 дней назад в HTML by Khanh

 
 как изменить тип шрифта в html 
 

HTML CSS семейство шрифтов стиль

👩‍💻 Технический вопрос

Спросил 13 дней назад в HTML от Shianne-Rose

 
 можно ли добавить несколько диапазонов HTML 
 

HTML охватывать элемент

👩‍💻 Технический вопрос

Спросил 13 дней назад в HTML Киара

 
 как комментировать в html 
 

комментарий HTML

👩‍💻 Технический вопрос

Спросил 14 дней назад в HTML by angie

 
 как сделать жирным шрифтом абзац HMTL 
 

HTML жирный текст тег Тег

👩‍💻 Технический вопрос

Спросил 14 дней назад в HTML Энджи

 
 как составить список с помощью HTML 
 

HTML список неупорядоченный список упорядоченный список ул тег старый тег ли тег

👩‍💻 Технический вопрос

Спросил 14 дней назад в HTML Энджи

 
 как составить список с помощью HTML 
 

HTML список неупорядоченный список упорядоченный список ул ли пр

👩‍💻 Технический вопрос

Спросил 14 дней назад в HTML от Маривел

 
 В чем разница между div и span? 
 

раздел охватывать элемент контейнера блочный уровень в соответствии HTML-элемент

👩‍💻 Технический вопрос

Спросил 14 дней назад в HTML Киара

 
 в чем разница между class и id 
 

HTML CSS сорт ИДЕНТИФИКАТОР элемент стиль

👩‍💻 Технический вопрос

Спросил 14 дней назад в HTML Мелисса

 
 можно ли использовать div с h2 и h3 в? 
 

раздел h2 h3

👩‍💻 Технический вопрос

Спросил 15 дней назад в HTML Джейд

 
 как использовать элемент br в html? 
 

бр элемент Разрыв строки HTML

👩‍💻 Технический вопрос

Спросил 17 дней назад в HTML by Karissa

 
 как поместить массив в неупорядоченный список с помощью javascript и html 
 

HTML CSS JavaScript Множество неупорядоченный список

👩‍💻 Инструкции по коду HTML, CSS и JavaScript

Спросил 17 дней назад в HTML от marzieh sadat

 
 мне нужна кнопка, при нажатии на которую должен свернуть параграф 
 

кнопка по щелчку параграф крах дисплей

👩‍💻 Технический вопрос

Спросил 17 дней назад в HTML by Francis

 
 Html Код, предотвращающий копирование 
 

HTML копирование щелкните правой кнопкой мыши сочетания клавиш

👩‍💻 Технический вопрос

Спросил 17 дней назад в HTML Фрэнсис

 
 Код для выпадающего меню с другим выпадающим списком внутри 
 

HTML JavaScript выпадающее меню вложенный

👩‍💻 Технический вопрос

Спросил 17 дней назад в HTML by يوسف

 
 можете ли вы показать мне типы ввода в коде формы с html 
 

HTML типы ввода код формы

👩‍💻 Технический вопрос

Спросил 18 дней назад в HTML Нил

 
 как сделать, чтобы мой заголовок занимал всю верхнюю часть экрана в html 
 

заголовок полная ширина экран КСС

👩‍💻 Инструкции по коду HTML, CSS и JavaScript

Спросил 18 дней назад в HTML by Amanda

 
 поместите две кнопки, одну кнопку расширения, а другую с предупреждением 
 

HTML CSS JavaScript кнопки по щелчку расширять оповещение

👩‍💻 Технический вопрос

Спросил 18 дней назад в HTML by Blessing

 
 что означает td 
 

td данные таблицы HTML-тег стол тр номер

👩‍💻 Технический вопрос

Спросил 18 дней назад в HTML by Blessing

 
 как я могу кодировать в строке и столбце, дайте мне пример 
 

таблица ряды столбцы HTML КСС

👩‍💻 Технический вопрос

Спросил 18 дней назад в HTML by cyril

 
 использовать для цикла tto создать сетку 4 на 4 html/js 
 

для цикла сетка HTML JavaScript

👩‍💻 Технический вопрос

Спросил 18 дней назад в HTML Юлия

 
 Какова роль  в HTML 
 

HTML сильный тег жирный текст семантический тег

👩‍💻 Технический вопрос

Спросил 18 дней назад в HTML от nyamkhatan

 
 как изменить цвет заголовка в html 
 

заголовок цвет КСС

👩‍💻 Инструкции по коду HTML, CSS и JavaScript

Спросил 18 дней назад в HTML от Auzz13

 
 создать хранилище данных инвентаризации на странице входа с уникальным css 
 

HTML CSS страница авторизации форма

👩‍💻 Технический вопрос

Спросил 18 дней назад в HTML by Annabella

 
 Как поставить h3 в левый столбец? на той же строке, что и h2 
 

h3 столбец макет CSS HTML

👩‍💻 Технический вопрос

Спросил 18 дней назад в HTML от Скарлет

 
 как ввести текущий день и время в html 
 

ввести текущая дата Текущее время JavaScript ДОМ

👩‍💻 Технический вопрос

Спросил 18 дней назад в HTML by Mule

 
 Почему код CSS помещается в голову? 
 

УС голова производительность рендеринг страницы пользовательский опыт

👩‍💻 Инструкции по коду HTML, CSS и JavaScript

Спросил 18 дней назад в HTML by Heather

 
 при наведении курсора на текст показать цветное поле 
 

наведение текст цвет коробка

👩‍💻 Инструкции по коду HTML, CSS и JavaScript

Спросил 18 дней назад в HTML by Heather

 
 изменить размер моих фотографий при изменении размера страницы 
 

фото изменить размер стр.

👩‍💻 Инструкции по коду HTML, CSS и JavaScript

Спросил 18 дней назад в HTML by Heather

 
 анимированные эмодзи на странице 
 

HTML CSS JavaScript оживлять эмодзи переход

👩‍💻 Технический вопрос

Спросил 18 дней назад в HTML от Ginette

 
 Что такое встроенный элемент? 
 

HTML встроенный элемент

👩‍💻 Технический вопрос

Спросил 18 дней назад в HTML by Akash

 
 переключение div с вводом по щелчку элемента html 
 

переключение див вход HTML CSS JavaScript

👩‍💻 Технический вопрос

Спросил 19 дней назад в HTML by Brittany

 
 добавить ссылку на кнопку 
 

HTML кнопка связь по щелчку href JavaScript jQuery

👩‍💻 Технический вопрос

Спросил 19 дней назад в HTML от Desire

 
 как мне вставить эмодзи в мой HTML 
 

HTML эмодзи Юникод коды символов Твемодзи

👩‍💻 Технический вопрос

Спросил 19 дней назад в HTML Халед

 
 Как добавить изображение в HTML 
 

HTML изображение атрибут источника альтернативный атрибут путь к файлу

👩‍💻 Технический вопрос

Спросил 19 дней назад в HTML by Khaled

 
 Как добавить изображение в html 
 

HTML изображение <изображение> атрибут источника alt attribute

Просмотрите вопросы по кодированию по темам: HTML CSS JavaScript Код ВС Питон Реагировать Начальная загрузка Попутный ветер Джава PHP Node. js Рубин Идти .NET

Кнопки обмена HTML — Грегори Шир

22 октября 2014 г. • 3 мин чтения

Сегодня мы собираемся сделать несколько кнопок социальных сетей только для HTML, таких как показанные ниже. Правильно, JavaScript не требуется! 🧙‍♀️

Твиттер Фейсбук Реддит Хакер Новости LinkedIn Электронная почта

⚠️ Не видите? Попробуйте отключить блокировщик рекламы.

Кнопки «Поделиться» — это отличный способ упростить обмен контентом, что приведет к вовлечению и привлечению посетителей в будущем. К сожалению, большинство собственных виджетов общего доступа уродливы и требуют загрузки внешних скриптов. Фу . Мало того, многие также устанавливают сторонние отслеживающие файлы cookie, которые нарушают конфиденциальность читателя.

К счастью, можно создавать собственные кнопки «Поделиться» с помощью одного тега . Причина, по которой это возможно, заключается в том, что социальные сети должны предоставлять методы обмена, которые работают внутри электронных писем (почтовые клиенты не выполняют JavaScript).

🔗 Полный исходный код можно скачать на GitHub

Простой анкерный тег — это все, что вам нужно

Поделиться ссылками очень просто. Все, что нам нужно сделать, это создать тег привязки, который указывает на специальный URL-адрес нужной социальной сети, а затем заполнить необходимые параметры запроса с желаемыми метаданными страницы, такими как URL-адрес и заголовок.

Вот базовая разметка для Twitter, Google Plus, Facebook, StumbleUpon, Reddit, LinkedIn и Ссылки на рассылку по электронной почте:

 


    Твиттер


 php?u=">
    Фейсбук



    Реддит



    Хакер Новости



    LinkedIn



    Электронная почта

 

Кнопки обмена стилем с CSS

Приведенные выше кнопки общего доступа представляют собой базовые HTML-теги, что означает, что мы можем стилизовать их по своему усмотрению с помощью CSS. Чтобы не усложнять, мы просто стилизуем базовую форму кнопки и фон.

Здесь мы добавим несколько классов, чтобы на них можно было ориентироваться с помощью CSS:

 Твиттер
Фейсбук
 ..">Реддит
Новости хакеров
LinkedIn
Электронная почта
 

А вот и CSS:

 /** CSS кнопки социальных сетей **/
.share-btn {
  отображение: встроенный блок;
  цвет: #ffffff;
  граница: нет;
  отступы: 0,1 эм 0,6 эм;
  контур: нет;
  выравнивание текста: по центру;
  размер шрифта: 0.9em;
  поле: 0 0,2em;
}
.share-btn: фокус,
.share-btn: hover {
  текстовое оформление: нет;
  непрозрачность: 0,8;
}
.share-btn: активный {
  цвет: #e2e2e2;
}
.share-btn.twitter {фон: #55acee; }
.share-btn.google-plus { background: #dd4b39; }
.share-btn.facebook {фон: #3B5998; }
.share-btn.stumbleupon {фон: #EB4823; }
.share-btn.reddit {фон: #ff5700; }
.share-btn.hackernews {фон: #ff6600; }
.share-btn.linkedin {фон: #4875B4; }
.share-btn.email {фон: #444444; }
 

Вот и все! Ваши собственные красивые кнопки «Поделиться», которые можно использовать где угодно. Я надеюсь, что вы нашли это полезным, и, пожалуйста, рассмотрите возможность поделиться этим постом, если вы нашли его полезным.