[WordPress] プラグイン不要！箱型ソーシャルボタンをブログの好きな場所に好きなだけ設置できるコードとやり方 | harashin.net
[WordPress] プラグイン不要！箱型ソーシャルボタンをブログの好きな場所に好きなだけ設置できるコードとやり方 @_harashinです。 はてブ、Twitter、Facebookなどのソーシャルボタンをブログ記事に表示する際は、“WP Social Bookmarking Light”をこれまで使っていました。 お手軽に設置できるのが素敵なプラグインなんですが、少し難点が…。 記事の上部か、下部かのどちらかにしか設置することができないのです。 両方に表示させるためにプラグイン自体を編集する、という手段もありますが、難しそうだったので別の手段を選ぶことにしました。 それが今回紹介するプラグインを使わない方法です。 横長ボタンより箱型のほうが見栄えがいいと思う ちなみにこの記事で設置するボタンはタイトルの通り、箱型(Vertical)のものです。 横長のボタンもありますが、箱型のものを
![[WordPress] プラグイン不要！箱型ソーシャルボタンをブログの好きな場所に好きなだけ設置できるコードとやり方 | harashin.net](https://cdn-ak-scissors.b.st-hatena.com/image/square/cfd94864497fd468f0e37f867cbec6282d8fd83a/height=288;version=1;width=512/http%3A%2F%2Fharashin.net%2Fwp-content%2Fuploads%2F2012%2F04%2F2012-04-23_1154-150x150.png)
[CSS]背景に切り込みをいれて、パネルの四隅を留めるCSS3の美しいエフェクト -CSS3 tucked corners
デモページ 実装 Step 1: HTML パネルは4つのコーナーのエフェクトを疑似要素で作成するため、2つのdiv要素で実装します。 <div class="tucked-corners-top"> <div class="tucked-corners-bottom"> <!-- コンテンツ --> </div> </div> Step 2: CSS 「[class*='tucked-corners-']」以下が、4つのコーナーのスタイルです。 .tucked-corners-top { position: relative; width: 500px; min-height: 200px; margin: 100px auto; padding: 20px; background-color: #fff; /* Fallback */ background: linear-gradie
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Maka-Veli.com - ユーモアのある人生を。
