タグ

ブックマーク / www.koikikukan.com (5)

  • Facebookページ(旧ファンページ)作成~FBMLを使えるようにするまでの流れ

    Facebook(フェイスブック)でファンページを作成し、作成したファンページでFBML(FaceBook Markup Language)を使えるようにするまでの手順を紹介します。 FBMLはMTML(Movable Type Markup Language)、つまりMTのテンプレートタグと同じようなものです。ネットで検索して手順を調べたところ、一番最初のページがリニューアルされているようでした。ということで、紹介するのは2011年1月30日現在の情報です。 注:Facebookで「スタティックFBML」は利用できなくなりました。新しくページを追加する場合はiframeタブなどを利用してください。iframeタブの概要や設定方法は「FacebookページにMovable TypeやWordPressの最近のブログ記事を表示する」をご覧ください。 蒲生さん率いる「Facebookファンペー

    Facebookページ(旧ファンページ)作成~FBMLを使えるようにするまでの流れ
  • Firebug の使い方:(X)HTML と CSS の確認・修正方法のまとめ

    Firefox アドオンの「Firefbug」はご存知の方も多いと思いますが、Firefbug を使って表示しているページの(X)HTMLマークアップや CSS を確認・修正する方法のまとめを紹介します。 特に3項に記した、(X)HTMLCSSを一発で確認する方法はおすすめです。 動作は Firefox 3.5 + Firebug 1.4.0b7 で確認しています。 1.基:(X)HTML マークアップと CSS を表示する 確認したいページを表示した状態で、メニューバーの「表示」→「Firebug」を選択します。または F12 を押下します。 これでページ下半分に Firebug のウィンドウが表示され、左側に(X)HTMLマークアップ、右側にそのページで使われている左側のウィンドウで選択状態になっている要素の CSS が表示されます。この手順で Firebug の画面を開くと、bo

    Firebug の使い方:(X)HTML と CSS の確認・修正方法のまとめ
  • 小粋空間: Movable Type プラグイン一覧

    Movable Type 日語環境でよく利用されていると思われる MovableType プラグインの一覧です。 海外サイトについては Googleで「Movable プラグイン」で検索した結果より、国内サイトは私が把握しているプラグイン作成者のサイトと Google 検索結果から抽出しています。Movable Type Plugins Directory からの抽出は行っていません。 また国内サイトのプラグインの概要は、配布サイトに掲載されている文言を引用させて頂いてます。 2010.05.01 MT5版のプラグイン一覧を公開しました。 2007.09.10 MT4版のプラグイン一覧を公開しました。エントリーでのMT4版のプラグイン情報追加は終了します。 注意事項 プラグインに関するコメント等の主観的要素は含まないようにしています。プラグインの適用についてはご自身の判断で行ってくださ

    小粋空間: Movable Type プラグイン一覧
  • 小粋空間: Amazon アソシエイト作成支援ツール一覧

    Amazon アソシエイトを利用して商品リンクをブログに貼り付けている方は多いと思いますが、デフォルトの商品リンク設定では他のブログでよくみかけるような表示になりません。 0.Amazonアソシエイトのデフォルト商品リンク ブログを始めた頃、これと異なるデザインのリンクを見かけて、「どうやって表示しているのだろう?」と、画像横に表示されたツール配布元のクレジットリンクに気がつかずにネットで調べた記憶があります(バカ)。 ということで、Amazonアソシエイトのリンク作成支援ツールをまとめてご紹介します。ツールの利用にあたってはAmazonアソシエイトへの登録が完了していることが前提です。 1.Amazlet NDO::Weblog:amazlet - Amazon アフィリエイト簡単作成ツールです。 利用方法は、上記ページ内にある amazlet のリンクをクリックして、新しく開いたウィン

  • 小粋空間: CSSで画像に影をつける(ドロップシャドウ)

    CSSを利用して画像に影をつける(ドロップシャドウ)カスタマイズです。ご質問を頂いたのでこちらのエントリーで紹介致します。下のスクリーンショットはドロップシャドウ完成例です。 仕組みは、ドロップシャドウ用の画像を、img タグを括る別のタグの背景画像として指定し、img タグの画像をずらして表示することでドロップシャドウの効果を出すようになっています。 参考にさせて頂いたのは下記のサイトです。ありがとうございました。 1976design.com:Easy CSS drop shadows A List Apart:CSS Drop Shadows nlog(n):アップロードした画像に影をつけるには POCHIKING*:画像に自動的に影をつけてテキストを回り込ませる 今日の覚え書き:cssの設定で自動的に画像に影を付ける 花と写真とblogと。:画像に影をつけてみる。 最初の1976d

  • 1