ソース表示: Tips/CustomizeSkins #42547

[[include(Header/AdSense)]]
[[PageNavi(navibar)]]
----
'''作成途中です'''
----
== スキン改造
ギコナビ用スキンの改造について紹介するページです。
 * 旧Wikiで2005年7月24日に作成された内容をそのまま移行しました。改めて動作確認はしていません。
 * skin30-2G_IE7/skin30-3G_IE7に適用可能かどうかも検証していません。
 * 「レスのURLをコピー」については、バタ60から本体の機能としてレス番号左クリックメニューに追加されています。
[[PageOutline(start=3, depth=1, type=unordered)]]

=== skin30-xG ~2ちゃんねる風カスタマイズ
skin30-2G/3Gの見た目を、IEで2ちゃんねるを見たときとほぼ同じに見えるように変更します。[[BR]]
skin30-xGのレスタイトル行の色分けは見やすいと思うので生かして、これ以外の全体の見た目を2ちゃんねる標準に近く、目に優しく(リンクの色とかを若干調整してます)シンプルに・・・といったコンセプトです。[[BR]]
(ID・レス番号の色分け機能のために、当初より多少派手な見た目になってしまいましたが・・・汗)[[BR]]
{{{ html
<p><a href="http://sourceforge.jp/projects/gikonavi/wiki/Tips%2FCustomizeSkins/attach/s30_2ch1.png">
<img src="http://sourceforge.jp/projects/gikonavi/wiki/Tips%2FCustomizeSkins/attach/s30_2ch1.png" width="45%" height="45%"></a>
 <a href="http://sourceforge.jp/projects/gikonavi/wiki/Tips%2FCustomizeSkins/attach/s30_2ch2.png">
<img src="http://sourceforge.jp/projects/gikonavi/wiki/Tips%2FCustomizeSkins/attach/s30_2ch2.png" width="45%" height="45%"></a></p>
}}}
日時・IDやレス番号に色が付いているのは、ギコナビ バタ50同梱のskin30-xGで追加された新機能です。[[BR]]
書き込みが複数あるIDや、レスの付いているレス番号が色分けされます。通常のIDやレス番号は標準色の黒です。[[BR]]
このカスタマイズ説明ではギコナビ バタ50同梱のskin30-xGを使用していますが、これ以前のskin30-xGでも同様にカスタマイズ可能です。

ギコナビのオプション内のフォントと背景色の指定は不要なのでチェックを外して下さい。

 * '''chie_mail.js'''(追加ファイル)[[BR]]
 同じskin30-2作者さんが作られたchie_mail.jsを追加して使用しています。[[BR]]
 http://chiefan.at.infoseek.co.jp/skin/ のダウンロードページから、「2ch風味+age,sageチェック」2ch.zipをダウンロードして解凍し、その中のchie_mail.jsをギコナビのskin30-2G or skin30-3Gのフォルダに入れて下さい。[[BR]]
 また、skin30-2作者さんがchie_mail.jsのみを直接ダウンロードできるようにして下さったので、そちらからも入手可能です。[[BR]]
  http://chiefan.at.infoseek.co.jp/skin/chie_mail.js

 * '''Bookmark.html'''[[BR]]
{{{
<dt style="text-align:center;"><a name="koko"></a>ココまで読んだ</dt><dd></dd>
}}}
 「"text-align:center;"」の後に、「 '''class="koko"'''」を挿入[[BR]]
   ↓変更結果 
{{{
<dt style="text-align:center;" class="koko"><a name="koko"></a>ココまで読んだ</dt><dd></dd>
}}}

 * '''chie_base.css'''[[BR]]
{{{
/* ふち無し */
body   {margin:0px;padding:0px;}
}}}
 の「margin:0px;」の前に、「'''background-color:#EFEFEF;'''」を挿入[[BR]]
   ↓変更結果
{{{
/* ふち無し */
body   {background-color:#EFEFEF;margin:0px;padding:0px;}
}}}
 ※全体の背景色の指定。ギコナビのオプション内で背景色を指定すると、そちらが優先されます。
{{{ html
<hr>
}}}
{{{
/* リンク */
dt a{text-decoration:none;}
}}}
 の次に、以下の行を挿入
{{{
dt span a{text-decoration:underline;}
}}}
   ↓変更結果
{{{
/* リンク */
dt a{text-decoration:none;}
dt span a{text-decoration:underline;}
}}}
 ※Beのプロフィールへのリンクに下線を付加。バタ50より前のギコナビにはこの機能は無いので、変更の必要なし。
{{{ html
<hr>
}}}
{{{
/* dt */
dt{
 padding:0.3em;
 border-width:1px 0px;
 border-color:#999;
 border-style:solid;
}}}
 の下3行それぞれの前後に、「'''/*'''」「'''*/'''」を挿入[[BR]]
   ↓変更結果
{{{
/* dt */
dt{
 padding:0.3em;
/* border-width:1px 0px;*/
/* border-color:#999;*/
/* border-style:solid;*/
}}}
{{{ html
<hr>
}}}
{{{
/* ID */
dt span{
 float:right;
/* margin-left:1em;*/
 margin-top:-23px;
 margin-right:0.5em;
 font-family:"MS ゴシック";
 font-size:95%;
}}}
 の3行目と5~8行目それぞれの前後に「'''/*'''」「'''*/'''」を挿入、4行目の前後の「'''/*'''」「'''*/'''」を削除[[BR]]
   ↓変更結果
{{{
/* ID */
dt span{
/* float:right;*/
 margin-left:1em;
/* margin-top:-23px;*/
/* margin-right:0.5em;*/
/* font-family:"MS ゴシック";*/
/* font-size:95%;*/
}}}
 
 さらにその3行下に以下の行があれば(バタ50より前のskin30-xGにはこの行は無し)、
{{{
dt span a{font-family:"MS ゴシック";}
}}}
 この行の前後に、「'''/*'''」「'''*/'''」を挿入[[BR]]
   ↓変更結果
{{{
/*dt span a{font-family:"MS ゴシック";}*/
}}}

 * '''chie_blue.css'''[[BR]]
 * '''chie_search.js'''[[BR]]
 * '''Footer.html'''[[BR]]
 * '''Header.html'''[[BR]]

=== skin30-xG ~レスのURLをコピー
=== skin30-xG ~ID・レス番号の色分けの数を増やす