FacebookのShare/Likeボタンを設置する方法 | 日刊ウェブログ式
ブログにFacebookのいいねボタン(Like)を試験的に設置したので、Share/Likeボタン両方の設置方法を備忘録として残しておきます。 Like（いいね）ボタン 拍手機能に近い、ゆるいコミュニケーションが出来るLike（いいね）ボタン。こちらのサイト(Social plugins)からコードを生成出来ます。 「URL to Like」にはとりあえず「aaa」などの適当な文字列を入れておき（後で入れ替えるため）、「Verb to display」で「Like（いいね！）」か「recommend（おすすめ）」を選択し、あとはお好みで設定を加えたあと「Get Code」でソースを生成します。 先程適当に入力した「aaa」の箇所にはエンコード化した記事URLを埋め込みます。FC2ブログでしたら、 <%topentry_enc_link> となります。以下 サンプルコード <iframe
マウスオーバーでゆっくり画像が切り替わるjQueryがイケてるかも | 日刊ウェブログ式
jQueryとCSSで、ボタンがゆっくりと切り替わるチュートリアルです。とても簡単にできる上に、実用面での使い勝手も良いかもしれません。 まずは、こちらのデモをご覧ください Demo マウスオーバーでゆっくり画像が切り替わるのがお分かり頂けると思います。jQueryでシンプルに動かしています。 使用するには、以下のサイトからスクリプトやコードをダウンロードしてください。 Link もうそこにやり方が書いてありますが、一応チュートリアルです。 既存のブログなどに使用する場合は、 以下のコードを「head」内に書き込みます。 <link href="style.css" rel="stylesheet" type="text/css" /> CSSに以下の記述を追加 .button2{ background:url("images/download.png") 0 -45px; height:
ココを押えておけばCSS3がだいたい分かるツール集 | 日刊ウェブログ式
CSS3 Generator CSS3の各ブラウザごとの対応状況の確認とソースコードの生成が同時に行える便利ツール。対応状況はブラウザのアイコンの上にカーソルを持っていくと表示されます。 Official Site CSS3 Gradient Generator v2.0 グラデーションのコードを吐き出すツール。カラーピッカーなどを使って直感的に操作できる Official Site CSS Border Radius ボーダーの角丸を表現するコードを吐き出すツール。四辺の周囲にある数値を変更するだけです。 Official Site Button Maker 画像を一切使わずにCSSだけでクールなボタンを作成。グラデーション、角丸、影などの調節が可能 Official Site CSS3, please! 左側のコードを書きかえると、プレビューが右上のプレビューが変化します。CSS3テス
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
