今はインターネットにおいて欠かすことの出来ないツールとなっているSNSがあります。
そして、
そのSNSには拡散してもらう為のボタンがあります。
多くのブログやホームページなどのサイトでよく目にかけますね。
様々なデザインのSNSボタンがあります。
AFFINGER4Pro SNS STINGER PLUS+ Stinger6 Stinger7 WordPress インターネット カスタマイズ 伝えたいこと 備忘録
2025年8月29日 (金曜日)本日の人気記事トップ10
今日は2025年8月29日です。
2025年8月29日 (金曜日)↓における週間月間人気記事トップ3は?↓
計測データがありません。
Windows10でエラーコード0x800705b4の対処方法 4PV
Windows10で前回の記事でも紹介したWindows Updateができないくて、その対処方法を記載しました。 そしたら、 一応、sfc /scannowの実行でいくつかのWindo…
以前に、エアコンダクト内LED化について少しだけ実施しましたが(センター部分のみ)、なんとも左右の運転席側と助手席側が暗く感じてしまうので運転席側エアコンダクト内と助手席側エアコンダクト内のLED化も…
ハンドルスピンナーおすすめと世田谷ベース掲載ALEBANAハンドルスピンナー ハンドルスピナー軽自動車ハイエーストラック対応工具不要専用緩衝材入り (ブラック) 2PV
ハンドルにも車種によってステアリングの重さが変わってきます。最近では、油圧式ステアリングはほとんどなくなり多くは電子制御によるステアリングのパワステ機能が備わっています。逆に言うと以前のようにステアリ…
Windows10でエラーコード0x800705b4の対処方法 4PV
Windows10で前回の記事でも紹介したWindows Updateができないくて、その対処方法を記載しました。 そしたら、 一応、sfc /scannowの実行でいくつかのWindo…
以前に、エアコンダクト内LED化について少しだけ実施しましたが(センター部分のみ)、なんとも左右の運転席側と助手席側が暗く感じてしまうので運転席側エアコンダクト内と助手席側エアコンダクト内のLED化も…
ハンドルスピンナーおすすめと世田谷ベース掲載ALEBANAハンドルスピンナー ハンドルスピナー軽自動車ハイエーストラック対応工具不要専用緩衝材入り (ブラック) 2PV
ハンドルにも車種によってステアリングの重さが変わってきます。最近では、油圧式ステアリングはほとんどなくなり多くは電子制御によるステアリングのパワステ機能が備わっています。逆に言うと以前のようにステアリ…
今はインターネットにおいて欠かすことの出来ないツールとなっているSNSがあります。
そして、
そのSNSには拡散してもらう為のボタンがあります。
多くのブログやホームページなどのサイトでよく目にかけますね。
様々なデザインのSNSボタンがあります。
検証してみたSNSボタンは以下8個です。
です。
WordPressに場合には多くのテーマがあります。
その中でも今現在私はStinger6を使用させていただいています。
しばらくは、
SNSボタンはStinger7やStingerPLUS+風にさせて頂いていました。
ですが、
上記したように多くのデザインのSNSボタンがあります。
(クドイですね^^;))
まずは、これまでのSNSボタンのデザインは以下のような感じでした。
/*--------------------------------
SNS
---------------------------------*/
.sns{
margin-bottom: 20px;
margin-top: 20px;
border-top: 1px dotted #ccc;
}
.sns p{
margin-top: 20px;
font-weight: bold;
}
.snstext{
font-size: 15px;
vertical-align: middle;
padding-left: 10px;
padding-right: 10px;
}
.sns ul {list-style:none;padding:0px;margin-left:15px;}
.sns li {width:31%;float:left;padding:5px;text-aligh:center;list-style:none;}
@media
only screen and (max-width : 900px){
.sns li {
width:45%;}
}
@media
only screen and (max-width : 413px){
.sns li {
width:45%;}
}
.sns li a {
font-size: 20px;
position: relative;
display: block;
padding: 10px;
color: #fff;
border-radius: 6px;
text-align: center;
text-decoration: none;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.sns li a:hover {
-webkit-transform: translate3d(0px, 5px, 1px);
-moz-transform: translate3d(0px, 5px, 1px);
transform: translate3d(0px, 5px, 1px);
box-shadow:none;
}
/* ツイッター */
.sns .twitter a {background:#00acee;box-shadow:0 5px 0 #0092ca;}
.sns .twitter a:hover {
background:#0092ca;
}
/* Facebook */
.sns .facebook a {
background:#3b5998;
box-shadow:0 5px 0 #2c4373;
}
.sns .facebook a:hover {
background:#2c4373;
}
/* グーグル */
.sns .googleplus a {
background: #dc4e41;
box-shadow: 0 5px 0 #d51e31;
}
.sns .googleplus a:hover {
background:#bb4237;
}
/* はてぶ */
.sns .hatebu a {
background:#00a5de;
box-shadow: 0 5px 0 #0081b8;
}
.sns .hatebu a:hover {
background: #008cbd;
}
/* LINE */
.sns .line a {
background:#25af00;
box-shadow:0 5px 0 #219900;
}
.sns .line a:hover {
background:#219900;
}
/* Pocket */
.sns .pocket a {
background:#f03e51;
box-shadow:0 5px 0 #c0392b;
}
.sns .pocket a:hover {
background:#c0392b;
}
/*push7*/
.sns .p7-b a {
background:#FFD700;
box-shadow:0 5px 0 #DAA520;
}
.sns .p7-b a:hover {
background:#DAA520;
}
/* feedly */
.sns .feedly a {
background:#87c040;
box-shadow:0 5px 0 #008000;
}
.sns .feedly a:hover {
background:#74a436;
}
参考にしていただけましたら幸いです。
ホワイトデープレゼントは以下などの豊富なキャンペーン商品から選ぶと良いと思います。
よろしかったらシェアよろしくお願いします。
新着コメント