Создание кнопок VK Facebook Twitter - Форум Cheat-Master.ru
  • Страница 1 из 1
  • 1
Модератор форума: Sanoxxx, Alowir  
Создание кнопок VK Facebook Twitter
Carlo_Escavar Дата: Вторник, 31.10.2017, 19:29 | Сообщение # 1
Боец
Сообщений: 214
Статус: 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
  • Страница 1 из 1
  • 1
Поиск:
Статистика Форума
Лучшие пользователи
Admin [39113]

GеNius [7210]

[CM]Russel [5557]

kenlo763 [4952]

[CM]AGRESSOR [4639]

Snake_Firm [4452]

Сэс [4416]

Artem_Buero [4223]

[CM]Durman [3204]

[CM]Рафаэль [3080]

iMaddy [2855]

sky_Woker [2854]

getrekt [2745]

Новые пользователи
Akery [03:16]

Securityzle [00:49]

smartservicerecruit [21:41]

pashafedlyuk [21:32]

Nauk555 [21:21]

Nauk999 [21:05]

siege [17:30]

CryptoRiched [00:42]

FANNEIL123 [08:17]

fanneil100 [07:56]

wyir [23:05]

morgenshtern2195 [22:41]

gdhhdhdjdjdjdjd [19:03]