OGP画像の話

http://www.okoshi.org/tadashi/optimism/2011/07/03/ogp_image_spec_on_facebook_and_mixi.html

[追記 2012/06/27]
Facebookで出そうと思ったら200px四方以上じゃないと出ません！


引用です

• 最低1枚指定しておけばよい〜5枚程度
• 複数枚有る場合は選択できる。ただし最大5枚まで (mixi)
• 複数枚有る場合は選択できる。(FB)
• JPEG, PNG, GIF（アニメーション GIF 除く）に対応
• "画像フォーマットは JPEG, PNG, GIF（アニメーション GIF 除く）に対応しています。" (mixi)
• 1KB以上、最大400KBまで
• "画像の容量が 400 KB を超える画像は無視されます。" (mixi)
• "画像の容量が 1 KB 未満の画像は無視されます。" (mixi)
• 180x180以上のサイズとする
• 50x50ピクセル以上を推奨" (FB)
• 76x76ピクセル以下のものは無視される" (mixi)
• 180x180ピクセル以上を推奨" (mixi)
• 正方形推奨だが横長(横:縦=3:1)まで可能
• "Square images work best, but you are allowed to use images up to three times as wide as they are tall." (FB)
• HTTPSのURLには置かない
• "画像の URL として指定できるのは HTTP のみになります (HTTPS 未対応)" (mixi)

[FB]いいねボタンの設置

http://homepagelecture.web.fc2.com/button_facebook.htm

参考URL

[メールフォームpro]送信しますかボタンの機能について

天下のメールフォームプロ　よく使うので
送信ボタンのカスタマイズをメモ

以下の通りです。

1.ちゃんとかっこいい確認画面を出す
→<input type="hidden" name="mailform_confirm_mode" value="1" />
→サイトのデザインにあわせてもっとかっこ良くする(この段階は長いので省力)

2.かっこいい確認画面いらない。アラートだけでいい
→<input type="hidden" name="mailform_confirm_mode" value="1" />
（メールフォームが入ってるHTML）
→mfp_langObj["ja"][8] = "ここを改変。好きなメッセージに";
（mfp.lang.js内　14行目）

3.全部いらんしいきなり送信したい
↓↓↓↓↓
else if(caution == "" && !(mailform_confirm_mode)){
if(confirm(mfp_langObj[mfp_lang][8])){
mfp_submit(obj);
}
}
mailform.js内 491行目あたり　赤文字部分を「1」に。「if(1)」にする。



以上！

[web]GoogleAnalyticsのコードをPHPで書くときのこと

とりあえず.htaccessの中身晒し


AddType application/xhtml+xml .html
AddType application/x-httpd-php .html .xhtml

php_flag short_open_tag off



ケータイサイトでxml宣言を書いてある場合は
.htaccessに上記最後の1行を追加。PHPのショートハンドを停止させる
xml宣言の先頭の「<?」が意味を持ってしまうから。


あと　ケツに変な字が出る時はこっちに書き換え。
今時点で確証はないが、書き方としてはphpで書いてたもとのソースの
imgタグを外に出した形。問題ないはず……

<?php
  $googleAnalyticsImageUrl = googleAnalyticsGetImageUrl();
?>
<img src="<?php echo $googleAnalyticsImageUrl; ?>" width="1" height="1" />

詰まったとこざっくり。

[JS]TinyAccordionその2

各項目の</li>の後にコメント書いたら動かなくなるっぽい

[JS]TinyAccordionの引数メモ

引数　いんすう　いんすうって言ってたけど
ひきすうですね。

TinyAccordionには引数が5つあるけども
使い方をすぐ忘れてしまうので覚え書き

■parentAccordion.init("sidebar","h3",false,5,"acc-selected");

左から
・アコーディオンメニューになるものが入ってる要素のid
・どれをクリックしたら開閉するのか
・いっこ押したら他のやつ閉じるか
・一番最初の項目を0番として、何番目を最初から開いておくか
・選ばれている時のボタンのスタイル


おわり！

要素がheight:100%にしたのに下までくっつかない件

bodyをheight:100%にして、
内包している要素で縦幅がいっぱいになってほしい要素もheight:100%なのに
背景画像が途中で止まってしまう場合
paddig-bottomをつけたらくっつくぞ