Pj Theme
v1.0-The Catcher in the Rye...
版权声明:使用本皮肤请遵守共同创作公约,尊重作者版权!
使用说明:
1.适应的分辨率。(800*600 \ 1024*768 \ 1280*1024 \ 宽屏);
2.适应的浏览器(IE6 \ IE7 \ FireFox2 \ Safari3);
3.适应版本pj2.7 pj3
4.MD5:2d1f390382415b8a732c01f70955d645
f46c9481253f52885adff1388e1a1d9c
教程开始:
首先进入后台:
①新建侧边模块 标示:FEED 名称不填 ID=-2
内容如下:
复制内容到剪贴板
代码:
<div id="Side_Feed">
<li><a href="feed.asp"></a></li>
</div>②新建侧边模块 标示:Search复制内容到剪贴板
代码:
<form style="MARGIN: 0px" action="search.asp" accept-charset="UNKNOWN" enctype="application/x-www-form-urlencoded" method="get"><input style="background: url(skins/5 street/input.gif); margin: 0px 0px 4px; width: 98px; color: #d4d4d4; height: 18px; border: 0px;" name="SearchContent" size="20" type="text" value="search..." /> <input id="searchsubmit" style="width: 20px; height: 20px;" alt="Search" size="20" src="skins/5 street/search.gif" type="image" /></form>③新建侧边模块 标示:Panel复制内容到剪贴板
代码:
<div style="text-align: center;"><a href="login.asp">LOGIN</a> <a href="register.asp">REGISTER</a> <a href="control.asp" target="_blank">CONTROL PANEL</a> <a href="blogpost.asp" target="_blank">NEW LOGS</a> <a href="default.asp?display=draft">EDIT DRAFT</a> </div>
<a href="member.asp?action=edit">EDIT PROFILE</a> <a href="login.asp?action=logout">LOGOUT</a> <a href="mailto:600266@QQ.com">CONTACT ME</a> <a>target=_top href=javascript:window.external.AddFavorite('http://www.jdz.name','『麥田捕手』')>FAVORITE
</a>④新建侧边模块Link复制内容到剪贴板
代码:
<div id="demo" style="overflow: hidden; height: 250px;">
<div id="demo1"><!-- 定义内容-->
$Link_Code$</div>
</div>
<script type="text/javascript"><!--
var demo = document.getElementById("demo");
var demo1 = document.getElementById("demo1");
var demo2 = document.getElementById("demo2");
var speed=30; //滚动速度值,值越大速度越慢
demo2.innerHTML = demo1.innerHTML //克隆demo2为demo1
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0) //当滚动至demo1与demo2交界时
demo.scrollTop-=demo1.offsetHeight //demo跳到最顶端
else{
demo.scrollTop++
}
}
var MyMar = setInterval(Marquee,speed); //设置定时器
demo.onmouseover = function(){clearInterval(MyMar)} //鼠标经过时清除定时器达到滚动停止的目的
demo.onmouseout = function(){MyMar = setInterval(Marquee,speed)} //鼠标移开时重设定时器
// --></script>
<div><a href="bloglink.asp">申请 | 查看多链接… </a></div>⑤新建侧边模块photo
就是右栏,内容自己设置一个DIV吧!个人信息都不一样,我就不写详细了!
⑥修改PJ3中的function.asp最下面可以的替换成我的代码复制内容到剪贴板
代码:
//*************************************
//翻页函数,改成js
//*************************************
function MultiPage(Numbers, Perpage, Curpage, Url_Add, aname, Style,baseUrl,event){
var _curPage = parseInt(Curpage);
var _numbers = parseInt(Numbers);
event = event || ""
aname = aname || ""
var Url = (baseUrl || Request.ServerVariables("URL"))+Url_Add;
var Page, Offset, PageI;
// If Int(_numbers)>Int(PerPage) Then
Page = 9;
Offset = 4;
var Pages, FromPage, ToPage;
if (_numbers%Perpage == 0) {
Pages = parseInt(_numbers / Perpage);
}else{
Pages = parseInt(_numbers / Perpage) + 1;
}
if (Pages < 2){
return "";
}
FromPage = _curPage - Offset;
ToPage = _curPage + Page - Offset -1;
if (Page>Pages) {
FromPage = 1;
ToPage = Pages;
}else{
if (FromPage<1) {
ToPage = _curPage+1 - FromPage;
FromPage = 1;
if ((ToPage - FromPage)
}else if (ToPage>Pages) {
FromPage = _curPage - Pages + ToPage;
ToPage = Pages;
if ((ToPage - FromPage)
}
}
//html start
var pageCode = ['
<div class="page" style="'+Style+'">
<ul>
<li class="pageNumber">']; // & _curPage&"/"&Pages & " | "</li>
</ul>
</div>
//第一页
if (_curPage!=1 && FromPage>1) {pageCode.push('<a style="text-decoration:none" title="第一页" href="'+Url+'page=1'+aname+'">Frist</a> ')}
if (!FirstShortCut) {ShortCut = ' accesskey=","'}else{ ShortCut = ''}
//上一页
if (_curPage!=1) {pageCode.push('<a style="text-decoration:none;" title="上一页" href="'+Url+'page='+ (_curPage -1)+aname+'">Prev</a> ')}
//列表部分
for (PageI = FromPage;PageI<=ToPage;PageI++){
if (PageI!=_curPage) {
pageCode.push('<a href="'+Url+'page='+(PageI+aname)+'">'+PageI+'</a> ');
}else{
pageCode.push('<strong>'+PageI+'</strong>');
if (PageI!=Pages) {pageCode.push(' ')}
}
}
if (!FirstShortCut) {ShortCut = ' accesskey="."'} else {ShortCut = ''}
//下一页
if (_curPage!=Pages) {pageCode.push('<a style="text-decoration:none" title="下一页" href="'+Url+'page='+(_curPage+1)+aname+'">Next</a>')}
//最后一页
if (_curPage!=Pages && ToPage
Last')}
//html end
pageCode.push('
');
pageCode = pageCode.join("");
FirstShortCut = true;
return pageCode;
}⑦PJ3的其他文件修改跟PJ2是一样,只有第6步不一样,其他文件你们做下比对就可以拉!
⑧记的把其他不需要的模块隐藏掉!
⑩PJ3的几个关键文件我也已经改好了,你们直接拿去覆盖就可以拉!自己手动修改的请自己比对
demo:
http://www.jdz.name
download:
PJ3修改好的文件:
pj2皮肤文件:
整站包下载(完整无删减):
http://www.jdz.name
ps:我在论坛提供的是皮肤文件和改法,我在自己博客里发布的是整站包大家自己选择吧,不强求!下载地址和DEMO是两个不同网站,自己注意区分
[
本帖最后由 lxlx123 于 2008-8-23 10:28 编辑 ]