Создание кнопок VK Facebook Twitter - Форум - Читерский Форум | Читы для игр SAMP,CS:GO,GTA5,PUBG,Minecraft,CoD,Warface,WoT | Магазин аккаунтов SAMP-RP,Advance-RP,Diamond-RP,логов samp,Steam,WoT,Warface,PUBG,GTA5

Страница 1 из 11
Модератор форума: Junger, tumkin 
Форум » Программирование » HTML Программирование » Создание кнопок VK Facebook Twitter
Создание кнопок VK Facebook Twitter
Carlo_EscavarДата: Вторник, 31.10.2017, 19:29 | Сообщение # 1
Боец
Сообщений: 196
Статус: 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 из 11
Поиск:
Статистика Форума
Последнии темы Читаемые темы Лучшие пользователи Новые пользователи
⚡↩️▇Скупка/ПродажаARP-300... [KomarOK]

Продажа виртов на DRP & S... [ЛОГA]

[300Р] ARP [300Р] DRP [15... [Shanny]

[SF Plugin] Бот дальнобой... [RusFatall]

[MegaLog] ЛОГИ ПО ОТЛИЧНЫ... [MegaLog]

▲▲▲▲▲▲ ✭ [Samp-Rp]✭▲▲▲▲▲▲... [BratishkaCMa]

Ищу чекер логов для SA:MP [dreamingfly]

Продам много валюты на AR... [veto4ka]

ARP❤DRP❤SRP❤ EVOLVE❤ARIZO... [kiska227]

Студия "Лидер" [mophin]

[1]>Общение читеров [CM] [9991]

[2]>S0beit - pr9n project for samp 0.3.7 [9481]

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

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

[5]>Вопросы и ответы [6436]

[6]>[0.3.7][RUS] Sobeit modified by MishaN [6228]

[7]>[FREE] AntiAFK_R 3.4.6 by Ruskadance [0.3z-R2] [6220]

[8]>Продажа вирт 1кк АРП~350р ДРП~350р.СРП~150р. [6148]

[9]>Бесконечное слово [4695]

[10]>[Samp-Rp.Ru]Обновлен список Админов [4143]

[11]>[CLEO] Вопрос - Ответ [4115]

[12]>Курилка [3239]

[1]>АК_47 [28230]

[2]>GеNius [6707]

[3]>romka619 [5379]

[4]>[CM]Russel [5009]

[5]>[CM]AGRESSOR [4654]

[6]>Сэс [4430]

[7]>Snake_Firm [4301]

[8]>Artem_Buero [4131]

[9]>[CM]Durman [3262]

[10]>sky_Woker [2998]

[11]>iMaddy [2871]

[12]>Sa1nteD [2659]

[13]>Logan™ [2589]

[14]>Ch0c0Cube [2456]

[15]>[CM]Рафаэль [2297]

Maksim123123111 [22.11.2017|19:24]

bertnyak [22.11.2017|19:21]

kevilipa [22.11.2017|19:18]

Olegsushchenko [22.11.2017|19:04]

Gotaney [22.11.2017|19:02]

azino777 [22.11.2017|19:00]

FridRiG [22.11.2017|18:59]

Backa [22.11.2017|18:57]

Ernesto_Silano [22.11.2017|18:56]

danila20051227 [22.11.2017|18:51]

danya_kotov91 [22.11.2017|18:48]

SentnelXL [22.11.2017|18:44]

Qazqweasd [22.11.2017|18:30]

randeY_ [22.11.2017|18:29]

bcvbbc11143423423423 [22.11.2017|18:27]


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

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