【修正版】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”，粘贴如下代码即可：

1. <div style="border: 1px dotted #A2C66D;padding: 3px;"><script>
   
2. var marqueeContent = new Array();
   
3. marqueeContent[0]='<li>建议使用浏览器IE6.0 或Firefox1.5，转载本站内容请注明出处，谢谢！';
   
4. marqueeContent[1]='<a href="bloglink.asp"  target="_blank"><li>申请友情链接请点这里看说明后提交！已提交的请确认贵站已经做上本站链接。</a>'
   
5. marqueeContent[2]='<a href="register.asp"  target="_blank"><li>本站内容登录后才能复制，防不住高手哈哈...真诚希望大家能注册会员，互相交流！</a>'
   
6. marqueeContent[3]='<a href="register.asp"  target="_blank"><li>虽然发表评论不用注册，但是为了保护您的发言权，建议您注册帐号。</a>'
   
7. marqueeContent[4]='<a href="LoadMod.asp?plugins=GuestBookForPJBlog"  target="_blank"><li>如果您对本站有任何建议或意见，或者想发牢骚，请点这里留言！</a>'
   
8. 
   
9. var marqueeInterval=new Array();  
   
10. //定义一些常用而且要经常用到的变量
    
11. var marqueeId=0;
    
12. var marqueeDelay=3000;
    
13. var marqueeHeight=17;
    
14. //接下来的是定义一些要使用到的函数
    
15. function initMarquee() {
    
16.     var str=marqueeContent[0];
    
17.     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>');
    
18.     marqueeId++;
    
19.     marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay);
    
20.     }
    
21. function startMarquee() {
    
22.     var str=marqueeContent[marqueeId];
    
23.         marqueeId++;
    
24.     if(marqueeId>=marqueeContent.length) marqueeId=0;
    
25.     if(marqueeBox.childNodes.length==1) {
    
26.         var nextLine=document.createElement('DIV');
    
27.         nextLine.innerHTML=str;
    
28.         marqueeBox.appendChild(nextLine);
    
29.         }
    
30.     else {
    
31.         marqueeBox.childNodes[0].innerHTML=str;
    
32.         marqueeBox.appendChild(marqueeBox.childNodes[0]);
    
33.         marqueeBox.scrollTop=0;
    
34.         }
    
35.     clearInterval(marqueeInterval[1]);
    
36.     marqueeInterval[1]=setInterval("scrollMarquee()",20);
    
37.     }
    
38. function scrollMarquee() {
    
39.     marqueeBox.scrollTop++;
    
40.     if(marqueeBox.scrollTop%marqueeHeight==(marqueeHeight-1)){
    
41.         clearInterval(marqueeInterval[1]);
    
42.         }
    
43.     }
    
44. initMarquee();
    
45. </script></div><div style="padding: 3px;"></div>

复制代码

zhy0493

站位不容易呀。。

zoe

不错,顶上...:29

emperorvip

哈~~我加分列！

yosean

非常感谢楼主！漂亮！

joe3

2.0的效果确实好看

啊毛。

修改好。。。没错误好~~~

kevinems

的确蛮不错的。。。

阿晟

帮顶

cabbage

绝对支持