HAMUCHI's Blog

chixi's blog version

プロフィール

こんにちは、はじめまして。
ここはインターネットと
落書きが好きな
とあるエンジニアのWeblogです。
-----

[身長]
合鍵25本ぐらい

[体重]
サンタクロースと同じぐらい

[口癖]
「来る！きっと来る！」

[いま一番欲しい物]
才能

[自分をモノに例えると]
アップルパイ

[資格]
ポコペン9級

[好きな言葉]
赤字覚悟

[趣味・特技]
お医者さんごっこ

[将来の夢]
同期で一番幸せになる

[無人島に持って行く3つのモノ]
ウエットティッシュ
電話の子機
マヨネーズ

会社名 HAMUCHI株式会社
事業内容スパイ派遣業
売上高 36億4779万円
純利益 5億1069万円
社員数 35人（うち非正規11人)
平均年齢/年収 51.7歳 / 871万円
社員構成 96％独身社員
02％天下り
01％横領社員
01％イケメン社員
社訓曲がりくねった道の先に成功の道しるべがきっとある

By うそこメーカー

リンク

■Chixi.jp
■CCさくらファンサイト

■ アキバBlog（秋葉原ブログ）
■ メガとんトラック

■ 楽画喜堂
■ かーずＳＰ
■ カトゆー家断絶
■ ゴルゴ31
■ Hjk/変人窟
■ Tentative Name

■ 痛いニュース(ﾉ∀`)
■ アルファルファモザイク
■ News人
■ ＴＢＮ
■ everything is gone

■ MOON CHRONICLE
■ Intermezzo(めっつぉ)
■ RinRin王国

■ 月姫研究室
■ TECHSIDE.NET
■ 駿河電力/スク水.JP
■ EARL.BOX

■ HK-DMZ PLUS.COM
■ フィアンセ戦車
■ 秒刊SUNDAY
■ HMX.NET
■ 春が大好きっ

■ ヤマカム
■ マンガがあればいーのだ。
■ モエモエカフェ
■ 大炎上

■ なつみかん。
■ うぱーのお茶会
■ ぬるヲタが斬る
■ レビログ

■ foo-bar-baz
■ アキバHOBBY
■ e-flick.net
■ CUT A NEWS
■ ひなたちき
■ 常時リソース不足
■ アスまんが劇場
■ はげ丸のメイド喫茶レポ
■ 朝目新聞
■ 面白いサイトを見つけたよ。
■ ひげおやじの秘密小屋
■ なんでも評点
■ ザイーガ

過去の日記

ユーザーリンク

2011-03-08 01:14

iUIでiPhone用サイトを作る際のTips

iUIとは、WEBページをiPhoneライクの
インターフェースに置換してくれるライブラリです。

以下のURIよりダウンロードができます。
■iUIダウンロード
http://code.google.com/p/iui/

デフォルトのスタイルシートのままサイトを作った場合、
以下のようになります。

この場合、ＷＥＢページをホームに追加すると
以下のように上部が隠れてしまいます。

そこでメニューバー分余白を設け、
以下のようにアレンジしてみました。

ホームに追加し、実行するとこんな感じ。

■コードの修整は以下の通りです。

iphone2\iui
iui.css

body > .toolbar {
height: 45px;
→65px;へ変更

body > *:not(.toolbar) {
top: 45px;
→65px;へ変更

.toolbar > h1 {
padding-top: 10px;
→20px;へ変更

.button {
top: 8px;
→20px;へ変更

以下の画像を置換
\iui\t\default\toolbar.png

↓実際のＷＥＢページ

お手軽スマホ対応。
是非お試しあれ！

■参考にしたページ
http://ameblo.jp/linking/entry-10766619832.html

≪雑誌に載りました！

日記一覧

花粉症、何故杉は伐採されないのか。≫