WinterBoard – Wallpaper.htmlとInfo.plist

10083564975
しばらくはこれで行くことにしました。

Wallpaper.htmlをガシガシ弄ってスクリプト満載で何かネタっぽい事をやろうかと考えましたが、どうせ使わないのでシンプルに。

Wallpaper.htmlのソースはこんな感じ。無駄が多い。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja" dir="ltr">
 <head>
  <!--meta name="viewport" content="width=320, minimum-scale=1.0, maximum-scale=1.0"/-->
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta http-equiv="Content-Style-Type" content="text/css" />
  <title xml:lang="en" lang="en">WinterBoard Theme "AIRBAG" - hal's Playground</title>
  <link rel="stylesheet" type="text/css" href="parts/base.css" title="Base Style" media="screen,handheld" />
 </head>
 <body></body>
</html>

CSSも普通に。

@charset "utf-8";
body {
  height: 480px;
  width: 320px;
  margin: 0;
  padding: 0;
  background: url("Wallpaper.jpg") no-repeat top left #000;
  color: #fff}

後はInfo.plist。中身はただのXMLです。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
 <key>DockedIconLabelStyle</key>
 <string>position:relative; top:-1px; font-size:10pt;-webkit-text-stroke-width: 0.03em; -webkit-text-stroke-color: #999; -webkit-text-fill-color: #fff; font-weight:bold;</string>
 <key>NavigationBarStyle</key>
 <string>1</string>
 <key>TimeStyle</key>
 <string>/*font-family: monospace; font-size: 16px*/</string>
 <key>UndockedIconLabelStyle</key>
 <string>color:#fff;</string>
</dict>
</plist>

壁紙はiPhone Wallpapers – Airbag Industries LLCから拝借。前の飛行船の画像もここからです。

文字の可読性を取るか、CSSで文字列を消してしまおうか迷いました。

10083577509
が、これをやると妙に味気ない。アイコンの調整が必要なのでやめる事に。
やったことは、Info.plistのDockedIconLabelStyleとUndockedIconLabelStyleの値をdisplay:none;にするだけです。
文字の後ろのうっすら黒い横縞が消えているのは、背景画像に描き込んであったのを消しただけ。

そろそろ体調も戻ってきたのでオリジナルで何か作りたい所です。

Technorati Tags: , ,

広告

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中