This domain may be for sale!
前回Facebook(フェイスブック)「いいね」ボタンの通常の設定方法を書きましたが、今回はその「いいね」ボタンを各ページごとに設定する方法をご紹介したいと思います。 各ページごとというのは、通常の「いいね」ボタンをヘッダーやフッターへの設置、又はCMSでの共通ページへの設定をする際、通常の設定方法で設置してしまうと、「いいね」の数字はそのサイト全体の数字とみなし、Facebookで公開される「いいね」表示も各ページの商品や記事に対してではなく、WEBサイトにたいしての公開表示となってしまいます。 ここで商品や記事を扱っているWEBサイトではその商品ごとや記事ごとに「いいね」ボタンを設置したいと思うのが普通です。 そこでそのように各ページに設定出来る設定方法を掲載したいと思います。 1. 「いいね」ボタン取得コードを開く 2. 「いいね」ボタン取得コードを編集 3. 修正したコードをスクリ
画像のオンオフ切り替えといったようなマウスオーバーイベントで、簡単に実装できるものをいくつか紹介します。 CSS3やjQueryを使ってちょっと変わった動きを取り入れるサイトも見かけることも多くなりましたが、今回は普段も使用頻度が高いと思う定番のものに絞りました。 サンプルで使用する画像とDEMOについて 各マウスオーバーの動きを実装するにあたって上のような3タイプのボタン画像を用いており、各ボタンはそれぞれ以下のようになっています。 type A 単体のボタン画像 type B オンとオフを1枚の画像にした、スプライト型 type C オンとオフをそれぞれ別の画像にし、オフ時のものは_off、オン時のものは_onを拡張子前に入れています。 また、サンプルも用意したので実際の動きはこちらで確認して下さい。 CSS:マウスオーバー時に透過させる CSSのopacity(IEはfilter)の
LR icons https://en.lricons.com/ CSS Button Creator https://cssbuttoncreator.com/ Button Maker https://css-tricks.com/examples/ButtonMaker/ CSS Button Generator for your pleasure http://www.dextronet.com/css-buttons-generator/ 2.5dBUTTON http://noht.co.jp/2_5dbutton CSS3 Typeset Style Generator http://www.sciweavers.org/i2style Button X https://www.bestcssbuttongenerator.com/ CSS button generator
画像にカーソルを合わせて右クリックすると、コンテキストメニューの中に「名前をつけて画像を保存」みたいなのがありますよね。 まあ、それがあるのだから画像を自分のPCに落としたかったら右クリックで名前をつけて画像を保存すればいいわけなんですが、今回はそれをあえてプログラム組んでダウンロード用のボタンを作ってみましょうと、そんな企画です。 企画といっても、別に難しいことをするわけではないです。実際ソースで書いたら5,6行くらいなもんですからね。 ボタンの設置 とりあえずは、ダウンロードボタンを設置してみましょう。 <a href="/download.php">download</a> ボタンっつってもリンクですね。サイト内にdownload.phpというページがあるとここは仮定してください。 ダウンロード処理 で、そのdownload.phpの中はこんな感じ。 //画像のパスとファイル名 $f
FacebookやらTwitterやらはてなやらmixiやら何やらソーシャルボタン付けたいけれど、 角丸とかフォントとか大きさがまちまちだし幅とるしカウント数いらないし… 記事の下とかにあるならいいけど、 これが記事の上にあったりすると微妙に嬉しくない。 なんとか、 って具合に、アイコンだけ並べておけないだろうか。と思ったわけです。 分けて書こうと思ったけど、あんまりマメ子じゃなくてすぐ忘れるので、一気にダーッとメモします。 ≫Facebookのシェアをスマートに! ≫ボタンをオリジナル(自作)にする簡単なカスタマイズ ≫FacebookシェアのオリジナルボタンをMovabletypeに入れる。 ≫Facebookに投稿するコンテンツの見せ方にこだわる ≫OGPのmetaタグをMovableTypeに入れてみる ≫テストユーザーで投稿テストしてみる ≫Twitterのボタンをオリジナルにす
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く