Создание кнопок VK Facebook Twitter - Форум - Cheat-Master.Ru | Читерский Форум | Читы для SAMP,CS,Minecraft,CoD,Warface | Продажа аккаунтов SAMP,WoT,Steam,Origin,Warface | Баги,статьи SAMP-RP,Advance-RP,Diamond-RP | Магазин аккаунтов SAMP-RP,Advance-RP,Diamond-RP,Steam,WoT,Warface

Страница 1 из 11
Модератор форума: Junger 
Форум » Программирование » HTML Программирование » Создание кнопок VK Facebook Twitter
Создание кнопок VK Facebook Twitter
Carlo_EscavarДата: Воскресенье, 16.10.2016, 16:42 | Сообщение # 1
Боец
Сообщений: 180
Статус: 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 , и картинки фб.
Кому не сложно напишите полезная тема или нет.


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

Помогите найти баг. [Mishka221322]

Админка адванс [Lilaz]

Продам аккаунт 3 звезды. ... [Lettle]

Продажа.Покупка SRP DRP A... [bin321]

Продажа ПУ sampsteal 4-6к... [Artem4uk]

Куплю пару аккаунтов с VA... [daz5554]

[ONLINE 1.41] Gradient in... [StarkDrawing]

[ARIZONA RP] Скрипт инкас... [LeonDre]

Как багнуть наручники[NO ... [fafaffaffafafaf]

[1]>S0beit - pr9n project for samp 0.3.7 [9478]

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

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

[4]>Вопросы и ответы [6373]

[5]>[0.3.7][RUS] Sobeit modified by MishaN [6206]

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

[7]>Бесконечное слово [4669]

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

[9]>[CLEO] Вопрос - Ответ [4109]

[10]>Курилка [3219]

[11]>У кого что дома есть ??? [2711]

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

[1]>АК_47 [27188]

[2]>GеNius [6635]

[3]>romka619 [5380]

[4]>[CM]Russel [4844]

[5]>[CM]AGRESSOR [4656]

[6]>Сэс [4428]

[7]>Snake_Firm [4292]

[8]>Artem_Buero [4087]

[9]>[CM]Durman [3252]

[10]>sky_Woker [3003]

[11]>iMaddy [2871]

[12]>Sa1nteD [2685]

[13]>Logan™ [2539]

[14]>Ch0c0Cube [2433]

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

Diman_991 [25.09.2017|16:02]

weanon [25.09.2017|15:59]

Батя228 [25.09.2017|15:47]

squale_ [25.09.2017|15:45]

kekosik123 [25.09.2017|15:39]

VASYAVASYABIN [25.09.2017|15:32]

klarin96 [25.09.2017|15:21]

koftawalka [25.09.2017|15:10]

hterhvtth [25.09.2017|15:07]

Guba_Artem200313372281337 [25.09.2017|15:00]

nolanawe [25.09.2017|15:00]

Volkov1111111111 [25.09.2017|14:58]

Olegmashinov [25.09.2017|14:53]

Andrei_Pavlov [25.09.2017|14:51]

bosscosport [25.09.2017|14:44]


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

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