【修正版】Web2.0风格全屏皮肤 - 【Ximicc V1.01】

Ximicc, 皮肤, 风格

皮肤名称：Ximicc V1.01【1.0修正版】

使用环境：PJ-Blog V2007 build 05

兼容测试：此风格通过IE6、IE7、Firefox 测试

风格预览：http://ximicc.com

下载地址：到【西米CC】预览皮肤下载皮肤

这次更新主要是对IE6及Firefox下的一些细节问题进行修正，主体的风格没有大的变动，希望喜欢这张皮的朋友能放心使用，若有意见或建议无任欢迎。这款皮肤我是在PJ2.7的环境下制作的，在PJ3上我想也不会出现太大的问题。

修正过的几个细节如下：

1.IE6下侧边栏友情链接模块中“更多链接”导致的右边框不对齐：

2.IE6下文章内容板块中的断线问题：

3.IE6下侧边栏与主内容间距不足的问题：

4.IE6和FF下侧边各模块之间的间距问题：

5.IE6下日志全文页标题图片下沉问题：

6.发表日志成功提示页链接文字跑出表格问题：

7.按钮及其它一些样式的修改：

预览站点中更改了部分日志分类图标，更加简约不花哨，有需要的可以拿去替换一下：

>>点击下载替换图标<<

PS：鉴于PJ3去掉了顶部的分页信息，像本站一样在内容板块中增加一个带边框的滚动公告，在视觉对齐效果上会改良许多。大致的步骤就是进入后台“界面与插件”下的“设置模块”选项，添加一个新的内容模块，命名随意如“bulltin”等，排序值设为-2等最大优先权，添加保存后选择“编辑HTML”，粘贴如下代码即可：

<div style="border: 1px dotted #A2C66D;padding: 3px;"><script>
var marqueeContent = new Array();
marqueeContent[0]='<li>建议使用浏览器IE6.0 或Firefox1.5，转载本站内容请注明出处，谢谢！';
marqueeContent[1]='<a href="bloglink.asp" target="_blank"><li>申请友情链接请点这里看说明后提交！已提交的请确认贵站已经做上本站链接。</a>'
marqueeContent[2]='<a href="register.asp" target="_blank"><li>本站内容登录后才能复制，防不住高手哈哈...真诚希望大家能注册会员，互相交流！</a>'
marqueeContent[3]='<a href="register.asp" target="_blank"><li>虽然发表评论不用注册，但是为了保护您的发言权，建议您注册帐号。</a>'
marqueeContent[4]='<a href="LoadMod.asp?plugins=GuestBookForPJBlog" target="_blank"><li>如果您对本站有任何建议或意见，或者想发牢骚，请点这里留言！</a>'
var marqueeInterval=new Array();
//定义一些常用而且要经常用到的变量
var marqueeId=0;
var marqueeDelay=3000;
var marqueeHeight=17;
//接下来的是定义一些要使用到的函数
function initMarquee() {
var str=marqueeContent[0];
document.write('<div id=marqueeBox style="text-align:left;overflow:hidden;height:'+marqueeHeight+'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval(\'startMarquee()\',marqueeDelay)"><div>'+str+'</div></div>');
marqueeId++;
marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay);
}
function startMarquee() {
var str=marqueeContent[marqueeId];
marqueeId++;
if(marqueeId>=marqueeContent.length) marqueeId=0;
if(marqueeBox.childNodes.length==1) {
var nextLine=document.createElement('DIV');
nextLine.innerHTML=str;
marqueeBox.appendChild(nextLine);
}
else {
marqueeBox.childNodes[0].innerHTML=str;
marqueeBox.appendChild(marqueeBox.childNodes[0]);
marqueeBox.scrollTop=0;
}
clearInterval(marqueeInterval[1]);
marqueeInterval[1]=setInterval("scrollMarquee()",20);
}
function scrollMarquee() {
marqueeBox.scrollTop++;
if(marqueeBox.scrollTop%marqueeHeight==(marqueeHeight-1)){
clearInterval(marqueeInterval[1]);
}
}
initMarquee();
</script></div><div style="padding: 3px;"></div>