自作スキン/y-2ch -- kyu

2ちゃんねる予備校で使っているスキン。そのまま使うこともできますが、私のスキルがひよっこレベルなので改造して使うのをお勧めします。なお、背景素材は『ゆんPhotoGALLERY ~しっぽの小部屋~』のものを使わせていただきました。

仕様

  • CSSをブラウザーによって振り分け
    標準のスタイルシートを適用しています。
    IE用のスタイルシートを適用しています。
    ×
    スタイルシートを適用していません。(すっぴん表示)
ブラウザーCSS
Opera
Mozilla
Netscape
IE5,6
IE3,4×
NN*1×
その他×

phpがよくわからないので、見よう見まねで書いてます。もっとうまいやり方がありましたらコメントお願いします。

*振り分け部分のソース

<?php if (ereg("MSIE (5|6)", HTTP_USER_AGENT)) { ?>
<link rel="stylesheet" href="./skin/ie.css" type="text/css" media="screen" charset="Shift_JIS" title="2004summer" />
<link rel="alternate stylesheet" href="skin/default.ja.css" type="text/css" media="screen" charset="Shift_JIS" title="Default Color" />
<?php } elseif (ereg("(Opera|Gecko|Netscape6)", HTTP_USER_AGENT)) { ?>
<link rel="stylesheet" href="./skin/others.css" type="text/css" media="screen" charset="Shift_JIS" title="2004summer" />
<link rel="alternate stylesheet" href="skin/default.ja.css" type="text/css" media="screen" charset="Shift_JIS" title="Default Color" />
<?php } else { ?>
<?php }?>
  • 問題点
    1. Camino,Safariもちゃんと表示できるが、吐き出すHTTP_USER_AGENTがわからないので対応できていない。つまりすっぴん表示になる。

コメントなど


  • kyu 2004-06-29 (TUE) 03:43:45

    添付してあるCSSにMacIEで表示されなくなる・文字化けするものを含んでいました。

  1. ie.cssに
    pre{overflow:visible;}
    を追加。
  2. default.cssの85行目から95行目
    #body h2:first-letter{
    	color:#b0b0ff;
    	font-size:larger;
    }
    
    #body h2.title:first-letter{
    	color:inherit;
    	font-size:inherit;
    }

を削除してください。

  • User Agentによる振り分け部分は旧PukiWiki.orgのSkin?も参考にされるといいと思います。今後 これは 取り込まれる方向であると思います。*2 -- merlin 2004-10-08 (金) 16:38:23


*1 ネットスケープナビゲーター
*2 整理などがとっても必要だけど

添付ファイル: filepreview.jpg 7446件 [詳細] filey-2ch_20040625.lzh 2962件 [詳細]

トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2005-01-27 (木) 01:57:25
Site admin: PukiWiki Development Team

PukiWiki 1.5.2+ © 2001-2019 PukiWiki Development Team. Powered by PHP 5.6.40-0+deb8u7. HTML convert time: 0.218 sec.

OSDN