ホーム » 個人掲示板 » ■SNSボタンのHTMLコード
My Google+

■SNSボタンのHTMLコード

  • 技術三昧@2018-11-29 18:31:40

スポンサーリンク

■SNSボタンのHTMLコード


<!doctype html>
<html lang="ja">
<head>
<meta charset="UTF-8">   
<title>【CSS】SNSシェアボタンサンプル</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<link rel="stylesheet" href="css/icon.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>

<div id="sns-wrap">
<div class="ShareList">
  <div class="ShareList__item"><a class="ShareList__link ShareList__icon-twitter" href="#" target="_blank" title="Twitter"></a></div>
  <div class="ShareList__item"><a class="ShareList__link ShareList__icon-facebook" href="#" target="_blank" title="Facebook"></a></div>
  <div class="ShareList__item"><a class="ShareList__link ShareList__icon-google-plus" href="#" target="_blank" title="Google+"></a></div>
  <div class="ShareList__item"><a class="ShareList__link ShareList__icon-hatebu" href="#" target="_blank" title="はてなブックマーク"></a></div>
  <div class="ShareList__item"><a class="ShareList__link ShareList__icon-linkedin" href="#" target="_blank" title="Linkedin"></a></div>
  <div class="ShareList__item"><a class="ShareList__link ShareList__icon-line" href="#" target="_blank" title="LINE"></a></div>
</div>
</div>

</body>
</html>

0人

◎技術三昧掲示板で掲載した情報(リンク・リンク先を含む)に関して、掲示板管理者が確認や保証を行うことは一切ありません。
すべて利用者のモラルに委ねられおり、掲示板から張られたリンクに関するトラブルが生じても管理者側は免責とさせていただきます。

閉じる