4U - beauty image bookmarking世界中の美女を集める美女サイト４Ｕ 見る分には良いけどＲＳＳがいまいち使いにくいフォーマットなので、整形してみた。適度に４Ｕに追従する美女写真表示君ができているはず。
まぁ、美女写真集４ＵのＲＳＳをみて、自動更新する写真ウィジェットみたいなもんです。はい。
まぁ、美女写真集４ＵのＲＳＳをみて、自動更新する写真ウィジェットみたいなもんです。はい。
縦長
横
タイル
使い方
コレを貼り付ける。<iframe framespacing="0" width="480" height="490" hspace="0" vspace="0" marginheight="0" marginwidth="0" border="0" scrolling="no" src="http://revilog.com/program/script/4U/4u.php?center=1&bgcolor=393636&count=9&start=0" ></iframe>
人によっては以下を文末に付けたりすると吉。
<br clear="all" />
カスタマイズ方法
width="480" の部分が横幅です。表示したい横幅に合わせましょう。ちなみに4Uの基本サイズは１６０なので、横１個なら１６０ ２個なら３２０という感じで増やしていくのがよいです。height="490" の部分が立て幅です。同じく１６０，３２０というサイズになりますが、ヘッダで１０pxほど使っていますので、１７０，３３０，という１０増やした数字にすると綺麗にレイアウトされます。
bgcolor=393636の部分は背景色です。このサイトは393636ですが、白ならFFFFFF 黒なら000000になります。red,whiteなどの文字には対応していませんという事もないので（いま入れてみた）、とりあえず入れてみればいいと思うorz
count=9は含める写真の数です。９ならば９個になります。４UのRSSが最大１５個の写真をもっているので最大値は１５です。
start=0 はおまじないです。通常は0を指定して下さい。１－１５の数字を指定すると表示する位置をずらせます。上記のサンプルのように１画面に沢山表示するときに使うと吉です。
カスタマイズ例
<iframe framespacing="0" width="160" height="330" hspace="0" vspace="0" marginheight="0" marginwidth="0" border="0" scrolling="no" src="http://revilog.com/program/script/4U/4u.php?center=1&bgcolor=FFFFFF&count=2&start=0" ></iframe>
カスタマイズ例２
<iframe framespacing="0" width="320" height="330" hspace="0" vspace="0" marginheight="0" marginwidth="0" border="0" scrolling="no" src="http://revilog.com/program/script/4U/4u.php?center=1&bgcolor=darkorange&count=4&start=2" ></iframe>
隠しコマンド
phpの引数にjavascript=1 document.writeを使ってはき出す。phpの引数にbr=1 写真毎にＢＲタグをはき出す。
phpの引数にwidth=value CSSのbodyにwidthを明示的に指定する。
javascriptの時は全体をWidget4Uというidを持ったdivで囲んでいるので属性は#Widget4Uに対して指定すると良いかと。
なお写真は数十分に１度更新 じゃっ。
ソースははてなで。 アートな美女写真サイト4Uをウィジェット化してみた。::レビログ - レビログ管理人の心は萌え
うーん。そのうちＧｏｏｇｌｅ Ａｐｐ Ｅｎｇｉｎｅ版でも書くか？
