忍者ブログ

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

樹形日志分類、評論、鏈接、最新日志 shinobi BLOG Ver.

按照这个步骤成功的同学也请留言告诉我吧^O^

开始前的扫盲:(能人请跳过)

所谓template的html/css代码:

按照这个步骤打开口的窗口,在右上方的框框里的就是template的html代码;右下方的框框里是template的css代码。其中html代码对应的是整个面板的布局;而css代码用于整个面板的字体背景等等的美化。

所谓plugin的html代码:

按这个步骤打开看到的就是plugin的html代码。作用部分是页面边栏,写在这个位置的代码,即使换了面板也不会受影响。

-----------------------------正文-------------------------------

ツリー化スクリプト shinobi BLOG Ver.

第一步,把下面的代码复制到template的html中,<body>和</body>这两个标签之间,建议直接找</body>(一般都在倒数第二行),然后复制到它上面

<script type="text/javascript">
<!--
function makeTreeElements (idName,objList) {
if (!objList.innerHTML) return;
var objLink = objList.getElementsByTagName('a')[0];
var linkUrl = objLink.getAttribute('href');
if (idName.indexOf('comment') > -1 || idName.indexOf('tb') > -1) {
var tmplinkUrl = linkUrl.split("#")
var tmpText = objList.innerHTML.split("⇒");
tmpText[0] = tmpText[0].slice(0,tmpText[0].search(/<BR/i));
this.base = Array('<a href="',tmplinkUrl[0],'">',tmpText[0],'</a>').join('');
this.elem = objLink.innerHTML;
} else if (idName.indexOf('entry') > -1) {
var tmpText = objList.innerHTML;
tmpText.match(/\((\d\d\/\d\d)\)/);
this.base = Array('[',RegExp.$1,']').join('');
this.elem = Array('<a href="',linkUrl,'">',objLink.innerHTML,'</a>').join('');
} else if (idName.indexOf('link') > -1) {
var tmpText = objList.innerHTML;
if ( tmpText.match(/\[(.+)\](.+)/) ) {
this.base = Array('<strong>[',RegExp.$1,']</strong>').join('');
this.elem = Array('<a href="',linkUrl,'" target="_blank">',RegExp.$2,'</a>').join('');
}
} else if (idName.indexOf('category') > -1) {
var tmpText = objList.innerHTML;
if ( tmpText.match(/\[(.+)\](.+)/) ) {
this.base = Array('<strong>',RegExp.$1,'</strong>').join('');
this.elem = Array('<a href="',linkUrl,'">',RegExp.$2,'</a>').join('');
}
}
return this;
}
function createTreeList(idName,option) { // version 2.2
var objFocus = this.document.getElementById(idName);
if (!objFocus) return;
if (!objFocus.innerHTML) return;
var objLists = objFocus.getElementsByTagName('li');
var linkList = new Array();
var outText = new Array();
if (objLists.length > 0) {
for (i=0;i<objLists.length;i++) {
var chckFlag = true;
var elemText = new makeTreeElements(idName,objLists[i]);
if (!elemText.base || !elemText.elem) return;
for (j=0;j<linkList.length;j++) {
if ( linkList[j].base.indexOf(elemText.base) > -1 ) {
chckFlag = false;
linkList[j][linkList[j].length] = elemText.elem;
}
}
if (chckFlag) {
var tmpNum = linkList.length;
linkList[tmpNum] = new Array();
linkList[tmpNum][0] = elemText.elem;
linkList[tmpNum].base = elemText.base;
}
}
if (linkList.length > 0) {
outText[outText.length] = '<ul>\n';
for (i=0;i<linkList.length;i++) {
outText[outText.length] = Array('<li>',linkList[i].base,option.top).join('');
if (linkList[i].length > 0 && option.sort) linkList[i].reverse();
for (j=0;j<linkList[i].length;j++) {
outText[outText.length] = (j == linkList[i].length - 1) ? option.end : option.list;
outText[outText.length] = Array(linkList[i][j],option.leef).join('');
}
outText[outText.length] = Array(option.btm,'</li>').join('');
}
outText[outText.length] = '</ul>\n';
objFocus.innerHTML = outText.join('');
}
}
}

var gTreeOption = new Array;
gTreeOption['sort'] = false; /* ツリー内の表示順 true:並び替える false:そのまま */
gTreeOption['list'] = '<li>'; /* ツリー用マーク(通常) */
gTreeOption['end'] = '<li class="end">'; /* ツリー用マーク(末端) */
gTreeOption['leef'] = '</li>\n'; /* 各枝の末尾 */
gTreeOption['top'] = '<ul class="tree">\n'; /* ツリー本体の最初 */
gTreeOption['btm'] = '</ul>\n'; /* ツリー本体の最後 */

createTreeList('newentrylist',gTreeOption); // 最新エントリリストのツリー化
createTreeList('entrylist',gTreeOption); // エントリリストのツリー化
createTreeList('commentlist',gTreeOption); // 最新コメントリストのツリー化
createTreeList('tblist',gTreeOption); // 最新トラックバックリストのツリー化
createTreeList('linkslist',gTreeOption); // リンクリストのツリー化
createTreeList('categorylist',gTreeOption); // カテゴリリストのツリー化
// -->
</script>

第二步,保存下面的两个图片。上传后获取地址。

PR

PLUGIN中让新日志和評論帶有“NEW”和“UP”符號

侧边栏中让新日志和评论带有“NEW”和“UP”符号
原文:コメントや最新記事にNew&Upマークをつける
博客已经停止更新,所以只是留了个言。
ブログが更新停止しているので、コメントを書き置いただけです。

可以和树形兼容。

第一步,设置通用代码。

原作者说这部分代码可以放在template的html里面,也可以随便找一个plugin边栏写在html里面。不过我试下来不知道为啥只有前面一种才有效。而且一样是在<body>和</body>之间,具体位置的不同好像也会影响效果,我最终是直接放在<body>的下面才成功的。

所以建议:打开テンプレート設定修改面板,在template的html部分找到<body>标签,把下面的代码复制到<body>标签的下面。

<script type="text/JavaScript">
function newupMark(u1, u2, u3, u4) {
delDay = 3;
oldDay = new Date(u1 + "/" + u2 + "/" +u3);
newDay = new Date();
u3 =(newDay - oldDay) / (1000 * 24 * 60 * 60);
if(u3 <= delDay) {
if(u4 == "new") document.write("<img src='New图片的URL' border='0'>");
if(u4 == "up") document.write("<img src='Up图片URL' border='0'>");
}
}
</script>

其中delDay = 3 表示三天内的日志/评论会显示符号,可以自己修改。
图片地址需要自己补上。如果只用new和up的其中一个,另一个最好也填上。也可以用html代码编写文字格式的NEW!!。

第二步,在具体需要显示符号的地方加入代码。

留言簿

欢迎留言~

链接交换请自便。

ABOUT ME

Kirara 留言簿

0型血狮子座
80后女青年
一个人在伦敦
怎么就学了金融
为了开小店奋斗
要养虎斑猫
水彩纸上画丙烯
单反大光圈
恋声癖耳朵生物
最爱薄荷绿
搜罗陶瓷杯
 →kiraramai@126.com

----------------------
涂鸦日志导航 new→old
キラッ☆リクルート 修女服和手槍 沒有防走光緊身褲的戰國時代 做臣下的可不能讓主人餓肚子 覺醒!軍裝控之魂 推倒凱文計劃

COMMENT

ALBUM

COUNTER

忍者アナライズ