Создание кнопок VK Facebook Twitter - Форум Cheat-Master.ru

  • Страница 1 из 1
  • 1
Модератор форума: Junger, tumkin  
Форум » Программирование » HTML Программирование » Создание кнопок VK Facebook Twitter
Создание кнопок VK Facebook Twitter
Carlo_EscavarДата: Вторник, 31.10.2017, 19:29 | Сообщение # 1
Боец
Сообщений: 199
Статус: Offline
HTML code.
Код
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<link href="style.css" rel="stylesheet">

    <title>Создание кнопоки.</title>
</head>
<body>
   <section class="footer-social">
        <a class="social-btn social-btn-vk" href="#">Вконтакте</a>
        <a class="social-btn social-btn-fb" href="#">Фейсбук</a>
        <a class="social-btn social-btn-inst" href="#">Инстаграм</a>
                </section>
         
</body>
</html>

CSS code
Код
  body{
  color: #ffffff;
  background: #000000
   min-width: 800px;
  min-height: 600px;
   font-family: 'PT Sans Narrow', sans-serif;
}
.social-btn{
   display: inline-block;
   background:#000000;
   font-size:0;
   text-decoration: none;
   vertical-align: top;
   width:43px;
   height: 43px;
   margin:0 2px;
   background: #000000 url("image/social-icons.png") no-repeat center 3px;
  }
  .social-btn-vk{
    background-position:0 0;
  }
  .social-btn-inst{
    background-position:-85px 0px;
  }
  .social-btn-fb{
    background-position:-45px 0px;
  }
  .social-btn:hover{
    background-color:#ffffff;
  }
  .social-btn-vk:hover{
    background-position:0 -43px;
  }
  .social-btn-inst:hover{
    background-position:-85px -43px;
  }
  .social-btn-fb:hover{
    background-position:-45px -43px;
  }

Кому что не понятно задаем вопросы.
Файл html и css , и картинки фб.
Кому не сложно напишите полезная тема или нет.

Добавлено (31.10.2017, 19:29)
---------------------------------------------
Скоро новый топик!!

Сообщение отредактировал Carlo_Escavar - Воскресенье, 16.10.2016, 18:07
Последние товары с игрового магазина:
Найти еще что-нибудь в магазине:
Форум » Программирование » HTML Программирование » Создание кнопок VK Facebook Twitter
  • Страница 1 из 1
  • 1
Поиск:
Статистика Форума
Последнии темы Читаемые темы Лучшие пользователи Новые пользователи
[СКИДКИ] Дешёвая накрутка... [TimTaller]

Восстановление № 1910161 ... [Azzaro]

[DRP] [LUA] Бот для рыбал... [ВасилийМихалыч]

[1913780] Женя_Якут невал... [CmD_unD]

2 эффективных способа зар... [Dworkin]

Требуются скамеры. Антики... [Egorov[CM]]

Новый способ заработка на... [granta1995]

Не могу запустить в 2 окн... [Dworkin]

♣♣СКУПКА/ПРОДАЖА STEAM АК... [MASTER_S_4ITAMI]

Белая схема без вложений ... [[CM]TPAKTOPUCT]

Обмен между сервами Arizo... [Shardik]

Раздаю аккаунты Samp-Rp/E... [спекулянтъ]

[1]>[0.3z][RUS] S0beit modified by MishaN [10001]

[2]>Курилка [10000]

[3]>Поиск CLEO скриптов | Вопросы по клео скриптам [9988]

[4]>Флудильная [9936]

[5]>Курилка [9688]

[6]>Курилка [9614]

[7]>RakBot - Качай аккаунты не напрягаясь! [9579]

[8]>Общение читеров [CM] [9546]

[9]>S0beit - pr9n project for samp 0.3.7 [9490]

[10]>Часто задаваемые вопросы... [8224]

[11]>Скуплю Advance по 300р за 1кк и DIamond по 250р [7624]

[12]>Вопросы и ответы [6466]

[1]>АК_47 [30825]

[2]>GеNius [7000]

[3]>romka619 [5400]

[4]>[CM]Russel [5192]

[5]>[CM]AGRESSOR [4653]

[6]>Сэс [4430]

[7]>Snake_Firm [4371]

[8]>Artem_Buero [4177]

[9]>[CM]Durman [3271]

[10]>sky_Woker [2997]

[11]>iMaddy [2871]

[12]>[CM]Рафаэль [2767]

[13]>Sa1nteD [2693]

[14]>Ch0c0Cube [2453]

[15]>BY [2327]

demontronpc [23.04.2018|05:06]

DAsssada [23.04.2018|04:09]

nikitaavira2 [23.04.2018|03:32]

ubiystvenniy [23.04.2018|01:22]

Rolli228228228 [23.04.2018|01:21]

Carsen_ [23.04.2018|00:35]

mindel [23.04.2018|00:27]

art2324 [23.04.2018|00:16]

erection [23.04.2018|00:06]

silent_http [22.04.2018|23:54]

doggee [22.04.2018|23:48]

Usssser [22.04.2018|23:47]

aleks116 [22.04.2018|23:41]

ReNDYOU [22.04.2018|23:29]

kashkovtr [22.04.2018|23:26]


CM Team © 2009-2018 Администрация не несёт ответственности за размещённые материалы. Условия пользования
Все материалы предоставлены в ознакомительных целях и администрация предлагает удалить их после ознакомления.

Положение о защите персональных данных на сайте, Пользовательское соглашение, Договор оказания услуг.