HiiHahWIKI - making some notes for... -
pukiwikiのkeitai.skin用CSS作成
をテンプレートにして作成
開始行:
*pukiwikiのkeitai.skin用CSS作成 [#qffd0bb1]
標準の携帯用skinでは、表現レベルがちょっと乏しい感じなの...
ちなみに、この記事は以下の記事の続きとなります。
-[[pukiwkiの携帯用skinを設定する]]
***CSS読み込み設定 [#i63aa17d]
まず、「keitai.skin.php」に、CSSを読み込む設定を追加しま...
95行目を以下のとおりに変更します。
◆変更前
95 < ?><html><head><title><?php
◆変更後
95 < ?><html><head>
96 < <link rel="stylesheet" type="text/css" media="scree...
97 < <title><?php
これで、「''keitai.css.php''」と言う名前のスタイルシート...
***CSSの作成 [#y3e8db39]
とりあえず、pukiwiki.css.phpをベースに、いらないところを...
これで携帯で表示迫ると、「''pre''」タグが入ってくると、ペ...
そこで、pre要素のところを以下のように変更
pre {
width:260px; ← E71だと、これでちょうど画面に収まる
border-top:#DDDDEE 1px solid;
border-bottom:#888899 1px solid;
border-left:#DDDDEE 1px solid;
border-right:#888899 1px solid;
padding:.5em;
margin-left:1em;
margin-right:2em;
white-space:pre;
color:black;
background-color:#F0F8FF;
overflow:auto; ← これで、入りきらない部分がスクロー...
}
コメントがついていない部分は、「pukiwiki.css.php」からま...
参考までに、「keitai.css.php」を添付します。
詳細は添付ファイルを参照のこと
***参考サイト [#h79a06b2]
pukiwikiのskinについて
-http://f27.aaa.livedoor.jp/~tphss/index.php?PukiWiki%20%...
CSSでpreで改行とかスクロールとか
-http://www.nilab.info/zurazure2/000235.html
-http://blog.goo.ne.jp/mid_knight/e/52dabd28da22e10018d51...
-http://jimsie.blog57.fc2.com/blog-entry-28.html
-http://htmlcss.weblogs.jp/blog/cat676982/index.html
-http://bowz.info/409
-http://sho.tdiary.net/20050922.html#p02
終了行:
*pukiwikiのkeitai.skin用CSS作成 [#qffd0bb1]
標準の携帯用skinでは、表現レベルがちょっと乏しい感じなの...
ちなみに、この記事は以下の記事の続きとなります。
-[[pukiwkiの携帯用skinを設定する]]
***CSS読み込み設定 [#i63aa17d]
まず、「keitai.skin.php」に、CSSを読み込む設定を追加しま...
95行目を以下のとおりに変更します。
◆変更前
95 < ?><html><head><title><?php
◆変更後
95 < ?><html><head>
96 < <link rel="stylesheet" type="text/css" media="scree...
97 < <title><?php
これで、「''keitai.css.php''」と言う名前のスタイルシート...
***CSSの作成 [#y3e8db39]
とりあえず、pukiwiki.css.phpをベースに、いらないところを...
これで携帯で表示迫ると、「''pre''」タグが入ってくると、ペ...
そこで、pre要素のところを以下のように変更
pre {
width:260px; ← E71だと、これでちょうど画面に収まる
border-top:#DDDDEE 1px solid;
border-bottom:#888899 1px solid;
border-left:#DDDDEE 1px solid;
border-right:#888899 1px solid;
padding:.5em;
margin-left:1em;
margin-right:2em;
white-space:pre;
color:black;
background-color:#F0F8FF;
overflow:auto; ← これで、入りきらない部分がスクロー...
}
コメントがついていない部分は、「pukiwiki.css.php」からま...
参考までに、「keitai.css.php」を添付します。
詳細は添付ファイルを参照のこと
***参考サイト [#h79a06b2]
pukiwikiのskinについて
-http://f27.aaa.livedoor.jp/~tphss/index.php?PukiWiki%20%...
CSSでpreで改行とかスクロールとか
-http://www.nilab.info/zurazure2/000235.html
-http://blog.goo.ne.jp/mid_knight/e/52dabd28da22e10018d51...
-http://jimsie.blog57.fc2.com/blog-entry-28.html
-http://htmlcss.weblogs.jp/blog/cat676982/index.html
-http://bowz.info/409
-http://sho.tdiary.net/20050922.html#p02
ページ名: