完成新皮肤『千变万化』的制作,经过一段时间的调试,兼容了所有主流浏览器。
『千变万化』的各项功能在前面的文章中已经做了介绍了,这里就不多解释了。
这个修改是在2009.4.22 打了补丁的 PJBlog3.0 最终版 v3.0.6.170 上修改的,修改前强烈建议备份!
这套皮肤是在全静态下使用会有些错误,建议全静态用户不要使用,若想使用,换成半静态或者全动态!
好了,废话不多说,先看下效果,然后下面开始讲解安装过程!
方法一
一,下载文件,解压后 打开 【需上传的文件】,将 smooth.js 上传到 common 文件夹下;将images里面的图片放入博客根目录images文件夹下;将skins文件里面的5个文件上传到博客根目录下的skins 文件夹里面。
二,header.asp 里面:
1、加上这段代码:
<script type="text/javascript" src="common/smooth.js"></script>
加入的位置大家应该知道的,不知道的看看也就知道了。
2、在
background:#FF9F88 url(images/tips.gif) no-repeat 3px 4px;}
的后面加上
#MyStyleBox{ clear:both; z-index:9999; position:fixed; _position:absolute; left:0;top:0; width:100%; height:20px } #StyleBox{ margin:5px; float:right; list-style:none } #StyleBox li{ display:inline; float:left; padding-left:5px; list-style:none} #StyleBox span{ visibility:hidden; height:10px;width:10px} #StyleBox a{float:left;width:10px; height:10px;border:1px solid #DDD; background:#FFF;line-height:100px; overflow:hidden}
3、在
<body onLoad="initJS()" onkeydown="PressKey()">
后面加入代码
<div id="MyStyleBox"> <ul id="StyleBox"> <li><a style="BACKGROUND: #204d90" href="#d2Vpc2F5XzI3">深海蓝</a></li> <li><a style="BACKGROUND: #7e2090" href="#dnYx">罗兰紫</a></li> <li><a style="BACKGROUND: #207b90" href="#dnYy">天空蓝</a></li> <li><a style="BACKGROUND: #8f4321" href="#dnYz">玫瑰红</a></li> <li><a style="BACKGROUND: #509020" href="#dnY0">祖母绿</a></li> </ul> </div> <script type="text/javascript"> SetStyleBox(); </script>
三,footer.asp 里面。
在
<div id="foot">
后面加入代码
<a class="vtop" href="#" onfocus="this.blur();" onclick="goto_top(); return false">Top</a>
四,common文件夹下 common.js 的修改。
1、在
//转换AccessKey For IE
后面换行加入
vMenu()
2、在 common.js 的最后加上
getCookie_v=function(a){
var b=a+”=”,c,d;
if(document.cookie.length>0)
{
c=document.cookie.indexOf(b);
if(c!=-1){
c+=b.length;
d=document.cookie.indexOf(“;”,c);
if(d==-1)
d=document.cookie.length;
return unescape(document.cookie.substring(c,d));
}else return(”);
}else return(”);
}
setCookie_v=function(a,b){
var c=new Date();
var d=new Date();
d.setTime(c.getTime()+1000*60*60*24*365);
document.cookie=a+”=”+escape(b)+”;path=/”+”; expires=”+d.toGMTString();
}
function SetStyleBox(){
try{
var items = document.getElementById(“StyleBox”).getElementsByTagName(“a”);
var t = getCookie_v(“SBox”);
if(t==””) {
ChangeStyle(items[0].href);
}else {
ChangeStyle(t);
}
for(var j = 0; j < items.length; j++) {
items[j].onclick = function(){
setCookie_v("SBox", this.href);
return ChangeStyle(this.href);
}
items[j].title = items[j].innerHTML;
}
}catch(e){}
}
function vChgMenu(obj) {
var ar = new Array("#ffe1ba", "#f9ffba", "#c5ffba", "#fed6fb", "#c5fcfd");
var v = document.getElementById("menu").getElementsByTagName("a");
for(var i = 0; i < v.length; i++) {
if(obj == v[i]){
v[i].style.backgroundColor = ar[i];
break;
}
}
}
function vMenu() {
var v = document.getElementById("menu").getElementsByTagName("a");
for(var i = 0; i < v.length; i++) {
v[i].onmouseover = function() {
vChgMenu(this);
}
v[i].onmouseout = function() {
this.style.backgroundColor = "";
}
}
}
function ChangeStyle(s){
var ss, str, ff = false, sp, le = 0;
if(document.all){
ss = document.styleSheets;
} else {
ff = true;
ss = document.getElementsByTagName("link");
}
s = decode64(unescape(s.match(/[^\\\/#]+$/)));
for(var i = 0; i < ss.length - 2; i++) {
if(ff && ss[i].rel != "stylesheet")continue;
str = "";
le = ss[i].href.indexOf("skins");
if(le < 0) continue;
sp = ss[i].href.substr(le, ss[i].href.length).split("/");
for(var j = 0; j < sp.length; j++){
if(j == 1) {
str += s;
}else {
str +=sp[j];
}
if(j!=sp.length - 1)
str += "/";
}
ss[i].href = str;
}
return false;
}
var keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
function decode64(input) {
var output = "";
var chr1, chr2, chr3 = "";
var enc1, enc2, enc3, enc4 = "";
var i = 0;
if(input.length%4!=0)
{
return "";
}
var base64test = /[^A-Za-z0-9\+\/\=]/g;
if (base64test.exec(input))
{
return "";
}
do {
enc1 = keyStr.indexOf(input.charAt(i++));
enc2 = keyStr.indexOf(input.charAt(i++));
enc3 = keyStr.indexOf(input.charAt(i++));
enc4 = keyStr.indexOf(input.charAt(i++));
chr1 = (enc1 << 2) | (enc2 >> 4);
chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
chr3 = ((enc3 & 3) << 6) | enc4;
output = output + String.fromCharCode(chr1);
if (enc3 != 64) {
output+=String.fromCharCode(chr2);
}
if (enc4 != 64) {
output+=String.fromCharCode(chr3);
}
chr1 = chr2 = chr3 = "";
enc1 = enc2 = enc3 = enc4 = "";
} while (i < input.length);
return output;
}[/js]
五,找到comon下的library.asp文件,找到以下代码
Calendar = "<div id=""Calendar_Body""[/html] 在其后面加上 [html]class=""month"&C_Month&"""[/html] <span style="color: red;">六</span>,新建模块,模块标识:Topvv,模块名称:留空。排序为:0。如图: <img src="/blog/weiimg/article/qbwh/qbwh8.jpg" alt="" border="0" /> 编辑HTML,写入下面代码 <ul> <li><a onfocus="this.blur();" href="default.asp"><img src="images/menu1.gif" alt=""/><br/>网站首页</a></li> <li><a onfocus="this.blur();" href="search.asp?searchType=Comments"><img src="images/menu3.gif" alt=""/><br/>最新评论</a></li> <li><a onfocus="this.blur();" href="LoadMod.asp?plugins=GuestBookForPJBlog"><img src="images/menu4.gif" alt=""/><br/>最新留言</a></li> <li><a onfocus="this.blur();" href="#Side_Search"><img src="images/menu2.gif" alt=""/><br/>内容搜索</a></li> <li><a onfocus="this.blur();" href="tag.asp"><img src="images/menu5.gif" alt=""/><br/>标签云集</a></li> <li><a onfocus="this.blur();" href="bloglink.asp"><img src="images/menu7.gif" alt=""/><br/>博客链接</a></li> <li><a onfocus="this.blur();" href="feed.asp" target="_blank"><img src="images/menu6.gif" alt=""/><br/>博客订阅</a></li> </ul>
七,最后是一些设置问题。
1、最好将默认的 搜索的首页独享去掉,这个改不改影响不大。
2、日志分类管理 – 设置日志分类,选5个分类,让其位置设置为“同时”,其余为“侧边”。
3、可能有些朋友没有这么多的分类,我已经提供了顶部图片的PSD文件,你可以修改横行菜单的大小,以保证顶部的美观性。
方法二
如果上述修改的文件你没有修改过,在解压的文件夹里面打开 【已经修改过的文件】,将其直接对应上传覆盖就可以了。当然了,文件夹内该上传的文件还是要上传的。
说明:
制皮辛苦,尤其这个皮肤更是幸苦,请尊重别人劳动。
拿去的朋友请不要修改我的信息。
如果你不懂得这个规矩,请别下载。
下载(已经包含了顶部的PSD文件):
本文固定链接: https://www.weisay.com/blog/pjblog-personality-theme-ever-changing.html | 威言威语
最多只能5样吗? 我想自己再添加风格~!如果能代码怎么改~! 本人不才,谢谢博主指教~!
好像你已经看懂了,呵呵,那我就不说了~
呵呵!谢谢你的回答!那些是看懂了~!不过这个’ smooth.js ‘文件的作用是做什么的呢~!?
那个是返回顶部的一个JS,点击主题上面的top可以滑动到顶部。
六,新建模块,模块标识:Topvv,模块名称:留空。如图
编辑HTML,写入下面代码
程序代码
(由于代码被系统禁止了,,所以贴不出来,我想博主应该知道我说的是哪段把!)
我把所有皮肤的 侧边栏都移到了左边
在SKIN中设置,打开layout.css,把sidebar的float:left改为right,mainContent的float:right改为left就OK了
可是我想这段代码的模块还是留在右边,,请问我要怎么改呢??
现在的 PJblog 3.28版本 还能用吗? 我按照说明安装,,好像是有点问题。
求助…