gikoNavi Self-Extracting EXE (b63) | 2011-11-27 14:39 |
gikoNavi Update EXE (b63) | 2011-11-27 14:40 |
gikoNavi ZIP format (b63) | 2011-11-27 14:41 |
night build test release (b63) | 2011-11-20 19:41 |
ギコナビ用スキンの改造について紹介するページです。
skin30-2G/3Gの見た目を、IEで2ちゃんねるを見たときとほぼ同じに見えるように変更します。
skin30-xGのレスタイトル行の色分けは見やすいと思うので生かして、これ以外の全体の見た目を2ちゃんねる標準に近く、目に優しく(リンクの色とかを若干調整してます)シンプルに・・・といったコンセプトです。
(ID・レス番号の色分け機能のために、当初より多少派手な見た目になってしまいましたが・・・汗)
ギコナビのオプション内のフォントと背景色の指定は不要なのでチェックを外して下さい。
<dt style="text-align:center;"><a name="koko"></a>ココまで読んだ</dt><dd></dd>「"text-align:center;"」の後に、 「 class="koko"」 を挿入
<dt style="text-align:center;" class="koko"><a name="koko"></a>ココまで読んだ</dt><dd></dd>
/* ふち無し */ body {margin:0px;padding:0px;}の「margin:0px;」の前に、 「background-color:#EFEFEF;」 を挿入
/* ふち無し */ body {background-color:#EFEFEF;margin:0px;padding:0px;}※全体の背景色の指定。ギコナビのオプション内で背景色を指定すると、そちらが優先されます。
/* リンク */ dt a{text-decoration:none;}の次に、以下の行を挿入
dt span a{text-decoration:underline;}↓変更結果
/* リンク */ dt a{text-decoration:none;} dt span a{text-decoration:underline;}※Beのプロフィールへのリンクに下線を付加。バタ50より前のギコナビにはこの機能は無いので、変更の必要なし。
/* dt */ dt{ padding:0.3em; border-width:1px 0px; border-color:#999; border-style:solid;の下3行それぞれの前後に、 「/*」「*/」 を挿入
/* dt */ dt{ padding:0.3em; /* border-width:1px 0px;*/ /* border-color:#999;*/ /* border-style:solid;*/
/* 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行目の前後の 「/*」「*/」 を削除
/* 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 ゴシック";}この行の前後に、 「/*」「*/」 を挿入
/*dt span a{font-family:"MS ゴシック";}*/
dt a {border:1px solid #EEE;}↓以下へ変更
dt a {border:1px solid #E0E0E0;}
dt a:hover {color:#F00; background-color:#FDD; border-color:#F44;}の次に、以下の2行を挿入
dt span a:link {color:#0000CD;} dt span a:visited{color:#800080;}↓変更結果
dt a:hover {color:#F00; background-color:#FDD; border-color:#F44;} dt span a:link {color:#0000CD;} dt span a:visited{color:#800080;}※Beのプロフィールへのリンクの色を変更。バタ50より前のギコナビにはこの機能は無いので、変更の必要なし。
dt a:hover {color:#F00; background-color:#FDD; border-color:#F44;} dt span a:link {color:#0000FF;} dt span a:visited{color:#660099;}
dd a:link {color:#06559B;} dd a:visited{color:#669;} dd a:active {color:#F55; background-color:#FDD;} dd a:hover {color:#F55; background-color:#FDD;}↓以下へ変更
dd a:link {color:#0000CD;} dd a:visited{color:#800080;} dd a:active {color:#F22; background-color:#FDD;} dd a:hover {color:#F22; background-color:#FDD;}※私の好みで色を若干調整しています。
dd a:link {color:#0000FF;} dd a:visited{color:#660099;} dd a:active {color:#F00; background-color:#EFEFEF;} dd a:hover {color:#F00; background-color:#EFEFEF;}
dt {background-color: #EEE;} dt.new {background-color:#DCEAF5;}の1行目の 「 #EEE」 を 「#E0E0E0」 に変更し、2行目の次に以下の行を挿入
dt.koko {background-color:#C0FAC0;}↓変更結果
dt {background-color:#E0E0E0;} dt.new {background-color:#DCEAF5;} dt.koko {background-color:#C0FAC0;}
threshold1=[2,"#0000FF"]; // 書き込みが複数あるID のしきい値と色 threshold2=[5,"#FF0000"]; // 書き込みが多数あるID のしきい値と色 threshold3=[1,"#0000FF"]; // 書き込みがある レス のしきい値とレス番号の色 threshold4=[4,"#FF0000"]; // 書き込みが多数あるレス のしきい値とレス番号の色↓以下へ変更
threshold1=[2,"#0011CC"]; // 書き込みが複数あるID のしきい値と色 threshold2=[5,"#CC0099"]; // 書き込みが多数あるID のしきい値と色 threshold3=[1,"#0011CC"]; // 書き込みがある レス のしきい値とレス番号の色 threshold4=[4,"#CC0099"]; // 書き込みが多数あるレス のしきい値とレス番号の色※バタ50より前のskin30-xGには上の部分は無いので、変更の必要なし。
<dt id="sizeinfo"> <span><SIZEKB/>KB (<SIZE/>Byte) <script type="text/javascript">の「<span」の後に 「 style="color:red"><b」 を、「<SIZEKB/>KB」の後に 「</b>」 を挿入
<dt id="sizeinfo"> <span style="color:red"><b><SIZEKB/>KB</b> (<SIZE/>Byte) <script type="text/javascript">
<html lang="ja">の 「 lang="ja"」 を削除
<html>
<!--script type="text/javascript" charset="Shift_JIS" src="<SKINPATH/>chie_mail.js"></script-->の前後の 「!--」「--」 を削除
<script type="text/javascript" charset="Shift_JIS" src="<SKINPATH/>chie_mail.js"></script>
<body> <dl>の間に、以下の行を挿入
<h1 style="color:red;font-weight:normal;font-size:120%;margin:15px 0px;padding-left:10px"><THREADNAME/></h1>↓変更結果
<body> <h1 style="color:red;font-weight:normal;font-size:120%;margin:15px 0px;padding-left:10px"><THREADNAME/></h1> <dl>
元ネタはこちら↓
ギコナビに対する要望を書き殴るスレッド
http://flounder.s27.xrea.com/bbs/test/read.cgi/giko/1090079053/79-95
skin30-2G/3Gでレス番号を長押しして出るメニューに、「URLをコピー」及び「スレッド名とURLをコピー」を追加します。
レス番を含むスレッドURLをコピペしたいときにちょっと便利・・・かも。
2ちゃんねると非公式ギコナビ板、したらばJBBSのスレッドURL形式に対応。
//コピーメニュー→colorChange(),search::copyText() function copyMenu(){ clickCancel=true; clearTimeout(clickTimer); if(document.getElementById("context")){document.getElementById("context").removeNode(true);} var nHTML='<div id="context"(~中略~)"colorChange()">IDをコピー</div></div>';の最下行の「IDをコピー</div>」の後に、 「<div onclick="copyText(\'resurl\')" onmouseover="colorChange()" onmouseout="colorChange()">URLをコピー</div><div onclick="copyText(\'titresurl\')" onmouseover="colorChange()" onmouseout="colorChange()">スレッド名とURLをコピー</div>」 を挿入
//コピーメニュー→colorChange(),search::copyText() function copyMenu(){ clickCancel=true; clearTimeout(clickTimer); if(document.getElementById("context")){document.getElementById("context").removeNode(true);} var nHTML='<div id="context" name="'+e.innerText+'"><div onclick="copyText(\'res\')" onmouseover="colorChange()" onmouseout="colorChange()">レスをコピー</div><div onclick="copyText(\'name\')" onmouseover="colorChange()" onmouseout="colorChange()">名前をコピー</div><div onclick="copyText(\'id\')" onmouseover="colorChange()" onmouseout="colorChange()">IDをコピー</div><div onclick="copyText(\'resurl\')" onmouseover="colorChange()" onmouseout="colorChange()">URLをコピー</div><div onclick="copyText(\'titresurl\')" onmouseover="colorChange()" onmouseout="colorChange()">スレッド名とURLをコピー</div></div>';
//==========クリップボードにコピー function copyText(target){ var num=event.srcElement.parentElement.name; var obj=getDTfromAnc(num); var textarea=document.createElement("TEXTAREA"); var message=obj.nextSibling.innerText.replace(/\s(\r\n|$)/g,"\n");の次に、以下の2行を挿入
var url=document.getElementsByName("ThreadURL")[0].content; var t_title=document.title;さらにその下の
if (target=="res") {textarea.value=obj.firstChild.innerText+" :"+obj.childNodes[1].innerText+" :"+obj.lastChild.innerText+"\n"+message;} else if(target=="name"){textarea.value=obj.childNodes[1].innerText+"\n";} else if(target=="id") {textarea.value="ID:"+(obj.lastChild.innerText.split(/ID:/))[1]+"\n";}の次に、以下の10行を挿入
else if(target=="resurl"){ if (url.search("l50")!=-1) {textarea.value=url.replace("l50","")+obj.firstChild.innerText+"\n";} else if(url.search("l100")!=-1) {textarea.value=url.replace("l100","")+obj.firstChild.innerText+"\n";} else if(url.search("ls=50")!=-1){textarea.value=url.replace("ls=50","")+"st="+obj.firstChild.innerText+"&to="+obj.firstChild.innerText+"\n";} } else if(target=="titresurl"){ if (url.search("l50")!=-1) {textarea.value=t_title+"\n"+url.replace("l50","")+obj.firstChild.innerText+"\n";} else if(url.search("l100")!=-1) {textarea.value=t_title+"\n"+url.replace("l100","")+obj.firstChild.innerText+"\n";} else if(url.search("ls=50")!=-1){textarea.value=t_title+"\n"+url.replace("ls=50","")+"st="+obj.firstChild.innerText+"&to="+obj.firstChild.innerText+"\n";} }
ギコナビ バタ50同梱のskin30-2G/3Gで追加されたID・レス番号の色分け機能の、色数を増やします。
例として、書き込みが10以上のID、レスが7以上付いたレス番号を、それぞれ緑色に変えてみます。
threshold1=[2,"#0000FF"]; // 書き込みが複数あるID のしきい値と色 threshold2=[5,"#FF0000"]; // 書き込みが多数あるID のしきい値と色 threshold3=[1,"#0000FF"]; // 書き込みがある レス のしきい値とレス番号の色 threshold4=[4,"#FF0000"]; // 書き込みが多数あるレス のしきい値とレス番号の色↓2行を挿入して、以下へ変更
threshold1=[2,"#0000FF"]; // 書き込みが複数あるID のしきい値と色 threshold2=[5,"#FF0000"]; // 書き込みが多数あるID のしきい値と色 threshold5=[10,"#00FF00"];// 書き込みが非常に多数あるID のしきい値と色 threshold3=[1,"#0000FF"]; // 書き込みがある レス のしきい値とレス番号の色 threshold4=[4,"#FF0000"]; // 書き込みが多数あるレス のしきい値とレス番号の色 threshold6=[7,"#00FF00"]; // 書き込みが非常に多数あるレス のしきい値とレス番号の色※上は、初期設定の原色の青と赤に、原色の緑を追加する場合。
threshold1=[2,"#0011CC"]; // 書き込みが複数あるID のしきい値と色 threshold2=[5,"#CC0099"]; // 書き込みが多数あるID のしきい値と色 threshold5=[10,"#008000"];// 書き込みが非常に多数あるID のしきい値と色 threshold3=[1,"#0011CC"]; // 書き込みがある レス のしきい値とレス番号の色 threshold4=[4,"#CC0099"]; // 書き込みが多数あるレス のしきい値とレス番号の色 threshold6=[7,"#008000"]; // 書き込みが非常に多数あるレス のしきい値とレス番号の色
if (idResult.length>=threshold2[0]){span.style.color=threshold2[1];span.title="同一ID ("+idResult.length+"回)\n"+idHash[t]} else if(idResult.length>=threshold1[0]){span.style.color=threshold1[1];span.title="同一ID ("+idResult.length+"回)\n"+idHash[t]} else if(idResult.length==1){span.title="同一IDは\nありません"}1行目の「if」の前に 「else 」 を挿入し、さらにその行の前に以下の行を挿入
if (idResult.length>=threshold5[0]){span.style.color=threshold5[1];span.title="同一ID ("+idResult.length+"回)\n"+idHash[t]}↓変更結果
if (idResult.length>=threshold5[0]){span.style.color=threshold5[1];span.title="同一ID ("+idResult.length+"回)\n"+idHash[t]} else if(idResult.length>=threshold2[0]){span.style.color=threshold2[1];span.title="同一ID ("+idResult.length+"回)\n"+idHash[t]} else if(idResult.length>=threshold1[0]){span.style.color=threshold1[1];span.title="同一ID ("+idResult.length+"回)\n"+idHash[t]} else if(idResult.length==1){span.title="同一IDは\nありません"}
if (refResult.length>=threshold4[0]){numA.style.color=threshold4[1];dts[i].title="これへのレス ("+refResult.length+"個)\n"+refHash[num];} else if(refResult.length>=threshold3[0]){numA.style.color=threshold3[1];dts[i].title="これへのレス ("+refResult.length+"個)\n"+refHash[num];} else{numA.title="これへのレスはない模様"}1行目の「if」の前に 「else 」 を挿入し、さらにその行の前に以下の行を挿入
if (refResult.length>=threshold6[0]){numA.style.color=threshold6[1];dts[i].title="これへのレス ("+refResult.length+"個)\n"+refHash[num];}↓変更結果
if (refResult.length>=threshold6[0]){numA.style.color=threshold6[1];dts[i].title="これへのレス ("+refResult.length+"個)\n"+refHash[num];} else if(refResult.length>=threshold4[0]){numA.style.color=threshold4[1];dts[i].title="これへのレス ("+refResult.length+"個)\n"+refHash[num];} else if(refResult.length>=threshold3[0]){numA.style.color=threshold3[1];dts[i].title="これへのレス ("+refResult.length+"個)\n"+refHash[num];} else{numA.title="これへのレスはない模様"}
[PageInfo]
LastUpdate: 2012-11-10 16:19:58, ModifiedBy: concertogrosso
[Permissions]
view:all, edit:all, delete/config:members