Создание кнопок 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
Модератор форума: Radiance, karabawka 
Форум » Программирование » HTML Программирование » Создание кнопок VK Facebook Twitter
Создание кнопок VK Facebook Twitter
Carlo_EscavarДата: Воскресенье, 16.10.2016, 16:42 | Сообщение # 1
Боец
Группа: Пользователи
Сообщений: 202
Статус: 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
Ccылки
Найти еще что-нибудь в магазине:
Форум » Программирование » HTML Программирование » Создание кнопок VK Facebook Twitter
Страница 1 из 11
Поиск:
Статистика Форума
Последнии темы Читаемые темы Лучшие пользователи Новые пользователи
►Деньги и RP. Unlock конт... [Chupazavr]

Оцените аккаунт WOT [Nikky__]

Оцените аккаунт Steam [Nikky__]

Как сбить анимку в больке [Vitaliy_Masker]

Слив приватный TP от slon... [[CM]Leon4ick]

[Помощь] Помогите исправи... [_Queenie_]

[БИЛЛИ DESING] БЕСПЛАТНЫЕ... [-Billy-]

HEMPUS 1.6 Приватный чит ... [Solomon2015]

Stage RP / Скин SJ без чи... [Yakuda]

/dell [Handsome_]

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

[2]>RakBot 0.6.4 - прокачка аккаунтов без GTA [9108]

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

[4]>Advance-RP, Diamond-Rp, Amazing CRMP [7501]

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

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

[7]>Продажа вирт 1кк АМЕРП~ 400р АРП~400р ДРП~400р.СРП~150р. [5804]

[8]>SAMP-Bot 0.5.8.6 by Jamely [4581]

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

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

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

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

[1]>АК_47 [22004]

[2]>GеNius [6286]

[3]>romka619 [5458]

[4]>[CM]AGRESSOR [5028]

[5]>baffometi [4571]

[6]>Artem_Buero [3884]

[7]>Snake_Firm [3843]

[8]>[CM]Russel [3835]

[9]>iMaddy [2872]

[10]>Logan™ [2569]

[11]>zetkolya [2524]

[12]>Ch0c0Cube [2415]

[13]>[CM]Durman [2389]

[14]>[CM]ProKeyar [2357]

[15]>Sawyer [2282]

Vasjaka [06.12.2016|03:18]

Hikkquell [06.12.2016|03:16]

Kimberley [06.12.2016|02:58]

dmimen [06.12.2016|02:51]

yaprisholdatetupesnyu [06.12.2016|02:02]

sokolovsky18 [06.12.2016|01:36]

FreemGold [06.12.2016|01:20]

leoonid138rus [06.12.2016|01:11]

icbones [06.12.2016|00:56]

smites [06.12.2016|00:50]

Pro100kvasha [06.12.2016|00:38]

shadowarmado5552 [06.12.2016|00:27]

Gaben395 [06.12.2016|00:20]

kenn [06.12.2016|00:19]

rramcos [06.12.2016|00:14]


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

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