威言威语

我愿像茶一样,把苦涩留在心里,敬发出来的都是清香!
威言威语
当前位置: 首页 > 设计 > 正文

重磅推出PJBlog个性皮肤『千变万化』(博客背景切换功能)

威言威语设计PJBlog主题,绝对个性的主题,拥有博客主题切换功能,界面效果完美。

完成新皮肤『千变万化』的制作,经过一段时间的调试,兼容了所有主流浏览器。

『千变万化』的各项功能在前面的文章中已经做了介绍了,这里就不多解释了。

这个修改是在2009.4.22 打了补丁的 PJBlog3.0 最终版 v3.0.6.170 上修改的,修改前强烈建议备份!

这套皮肤是在全静态下使用会有些错误,建议全静态用户不要使用,若想使用,换成半静态或者全动态!

好了,废话不多说,先看下效果,然后下面开始讲解安装过程!

方法一

,下载文件,解压后 打开 【需上传的文件】,将 smooth.js 上传到 common 文件夹下;将images里面的图片放入博客根目录images文件夹下;将skins文件里面的5个文件上传到博客根目录下的skins 文件夹里面。

,header.asp 里面:

1、加上这段代码:

加入的位置大家应该知道的,不知道的看看也就知道了。

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、在


后面加入代码


,footer.asp 里面。

后面加入代码

Top

,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;
   }

,找到comon下的library.asp文件,找到以下代码

Calendar = "

在其后面加上

class=""month"&C_Month&"""

,新建模块,模块标识:Topvv,模块名称:留空。排序为:0。如图:

编辑HTML,写入下面代码


,最后是一些设置问题。

1、最好将默认的 搜索的首页独享去掉,这个改不改影响不大。

2、日志分类管理 - 设置日志分类,选5个分类,让其位置设置为“同时”,其余为“侧边”。

3、可能有些朋友没有这么多的分类,我已经提供了顶部图片的PSD文件,你可以修改横行菜单的大小,以保证顶部的美观性。

方法二

如果上述修改的文件你没有修改过,在解压的文件夹里面打开 【已经修改过的文件】,将其直接对应上传覆盖就可以了。当然了,文件夹内该上传的文件还是要上传的。

说明:

制皮辛苦,尤其这个皮肤更是幸苦,请尊重别人劳动。

拿去的朋友请不要修改我的信息。

如果你不懂得这个规矩,请别下载。

下载(已经包含了顶部的PSD文件):

地址1:

地址2:

本文固定链接: https://www.weisay.com/blog/pjblog-personality-theme-ever-changing.html | 威言威语

您可能还会对这些文章感兴趣!

重磅推出PJBlog个性皮肤『千变万化』(博客背景切换功能):目前有36 条评论

  1. avatar
    33楼
    小飞 Internet Explorer Windows

    最多只能5样吗? 我想自己再添加风格~!如果能代码怎么改~! 本人不才,谢谢博主指教~!
    [html]
    <a href="#d2Vpc2F5XzI3" rel="nofollow">深海蓝</a>
    <a href="#dnYx" rel="nofollow">罗兰紫</a>
    <a href="#dnYy" rel="nofollow">天空蓝</a>
    <a href="#dnYz" rel="nofollow">玫瑰红</a>
    <a href="#dnY0" rel="nofollow">祖母绿</a>[/html]

    2010-09-24 14:54 回复
    • avatar
      William Internet Explorer Windows

      好像你已经看懂了,呵呵,那我就不说了~

      2010-09-24 17:58 回复
      • avatar
        小飞 Internet Explorer Windows

        呵呵!谢谢你的回答!那些是看懂了~!不过这个’ smooth.js ‘文件的作用是做什么的呢~!?

        2010-09-26 03:24 回复
        • avatar
          William Internet Explorer Windows

          那个是返回顶部的一个JS,点击主题上面的top可以滑动到顶部。

          2010-09-26 07:28 回复
  2. avatar
    32楼

    六,新建模块,模块标识:Topvv,模块名称:留空。如图
    编辑HTML,写入下面代码
    程序代码
    (由于代码被系统禁止了,,所以贴不出来,我想博主应该知道我说的是哪段把!)
    我把所有皮肤的 侧边栏都移到了左边
    在SKIN中设置,打开layout.css,把sidebar的float:left改为right,mainContent的float:right改为left就OK了
    可是我想这段代码的模块还是留在右边,,请问我要怎么改呢??

    William 于 2010-08-25 09:52 AM 回复
    你想把侧边栏搬到左边,对于这套主题要修改的就不仅仅是把sidebar的float:left改为right,mainContent的float:right改为left就行的。好多地方都要做一些微调的,建议不要弄了,当然如果你喜欢折腾主题的话,你可以自己试着改改,希望你能成功~

    2010-08-24 23:15 回复
  3. avatar
    31楼

    现在的 PJblog 3.28版本 还能用吗? 我按照说明安装,,好像是有点问题。
    求助…

    William 于 2010-08-23 08:57 AM 回复
    能用的啊,出现了什么问题?

    2010-08-23 00:45 回复

发表评论

avatar

电子邮件地址不会被公开。 必填项已用 * 标注

question razz sad smile redface biggrin surprised eek confused cool lol mad rolleyes wink neutral cry

快捷键:Ctrl+Enter