Toutch

提供: GeeklogJpWiki

Toutch is Geeklog Theme for iPad and iPhone.

事例:


iPadにも適用する

before:

// iPhoneテーマを使うかどうかの判定
if(!$use_pc && (preg_match("/iPhone/i", $agent))) { 

after:

// Use Toutch theme for iPhone and iPad by User agent.
if(!$use_pc && ( (preg_match("/iPhone/i", $agent)) || (preg_match("/iPad/i", $agent)) )) {


Wide width

以下のようにスタイルを修正してタイトルを広げます。 iPad用の場合はもっと増やしてください。

/javascript/themes/apple/theme.css:

.toolbar > h1 {
    position: absolute;
    overflow: hidden;
    left: 50%;
    top: 10px;
    line-height: 1em;
    margin: 1px 0 0 -100px;   <<<<<<<< more
    height: 40px;
    font-size: 20px;
    width: 200px;   <<<<<<<< more 


Switch contents by USER Agent

コンテンツを以下のように記述することで振り分けることができます。

<!--iphone_only

 <p>iPhone and iPad only. (Not PC cellular)</p>

/iphone_only-->
<!--mobile_only

 <p>cellular only. (Not PC iPhone iPad)</p>

/mobile_only-->
<!--not_for_iphone-->

 <p>PC and cellular only. (Not iPhone iPad)</p>

<!--/not_for_iphone-->
<!--not_for_mobile-->

 <p>PC only. (Not cellular iPhone iPad)</p>

<!--/not_for_mobile-->
個人用ツール