PJZONE.cn - PJBlog 皮肤插件个性修改酷博聚合 - Develop

Resize MsgContent width of PJBlog 修改日志页面评论发表面板宽度

2010-06-05T13:59:49+08:00

一直以来都被PJBlog日志页面的评论发表面板宽度所困扰，做出的皮肤常常会因为这个问题而出现瑕疵，也曾因此而妥协，也一直没有找到好的解决办法。因为PJBlog固有的CSS样式表看似很完善了，于是也没多考虑能有其他技巧来解决问题。今天终于开窍，下面就来看看吉光片羽是如何将这个评论输入框的宽度问题该搞定吧：

首先，找到原因：PJBlog的模板将该面板的宽度写死了，这个问题再PJ3中仍未被修正。

为了解决问题，我尝试使用了CSS3选择符来搞定，当然，这点对白痴的IE6/7是毫无作用的。

#MsgContent[style="width: 94%"]{width:100%!important}

注意，再重设的宽度后一定要加 !important 强调来提升该样式语句的优先级。

然而，今天突然开窍，想到了一个不曾考虑过的路子，问题也就基本解决了，而且兼容各浏览器，除非它不支持CSS，方法很简单，添加一个父级，单独定义就好。

#innermainContent #MsgContent{width:100%!important}

因为其他使用到MsgContent的页面并没有使用innermainContent层来包裹，所以这一样式，基本就是针对日志页面的。

大家以后在制作皮肤时也被这个瑕疵所困扰就不必再抓狂了，用PJZONE.cn提供的这个方法可以完美解决。转载请保留链接并注明来源，谢谢！

Remove technorati.com for PJBlog SEO 隐藏杀手去除方法

2010-01-27T20:25:59+08:00

同样都是能生成静态页面的博客，为什么PJBlog的SEO始终没有Z-Blog的稳定？原因当然有很多种，不过今天要给大家曝光一个隐藏杀手。这就是传说已经被百度K掉了的technorati.com，被隐藏于每个日志标签后。保留它的坏处不必多说，下面就来告诉大家如何消灭这个PJBlog搜索引擎优化的隐藏杀手：

首页，找到 common 文件夹中的 library.asp 文件，搜索technorati.com，将搜索到这这一行代码使用一下代码覆盖即可：

Str = Replace(Str, "{"&log_Tag(0)&"}", ""&log_Tag(1)&" ")

之后，到后台的站点基本设置中的初始化设置，选择日志缓存和静态日志重建的第一项，提交。更新完成后便大功告成。

The adjustment of the Log panel of PJBlog 日志面板布局调整

2009-12-19T20:21:01+08:00

有人问我，类似目前吉光片羽博客的文章排版布局PJBlog可以做到吗？答案是肯定的，如果是PJBlog4就可以用绝对来回答。下面我就来简单介绍下如果通过CSS来调整PJBlog日志面板的文章排版，从而实现左侧图片，右侧分别为日志标题，日志相关信息和日志内容的效果。

首先，为了区别列表页和日志内容页的布局效果，我们需要修改相关模板文件来增加class类，打开template文件夹里的Articlelist.asp文件，找到第2行和第29行，以及class文件夹的cls_article.asp文件，找到第189行，分别用以下代码替换：

接着，打开皮肤文件夹的layout.css文件，在最后插入以下代码。我的思路是通过绝对定位来实现不凡的布局效果。由于时间关系，下面就直接给出答案，如果你对此感兴趣，可以评论提出疑问，有时间我会做详细解答：
.ArticleList{
position:relative;
/*假设该板面的高宽分别为200和600*/
padding-left:220px;
height:200px;
overflow:hidden;
}
.ArticleList .Content-top .ContentTitle{
margin:0;
padding:0;
/*假设标题为20像素的字体*/
font-size:20px;
line-height:20px;
height:20px;
overflow:hidden;
}
.ArticleList .Content-top .ContentAuthor{
margin:0;
padding:5px 0;
/*假设作者和时间为12像素的字体*/
font-size:12px;
line-height:15px;
height:15px;
overflow:hidden;
}
.ArticleList .Content-body{
padding:15px 0 0;
line-height:18px;
}
.ArticleList .Content-body img{
position:absolute;
left:0;
top:0;
border:0;
height:200px;
width:200px;
}
.ArticleList .Content-bottom{
font-size:12px;
position:absolute;
left:220px;
top:40px;
}

以上代码只是实现该效果的基本代码，你需要根据自己博客皮肤的实际情况进行相应调整，需要注意的是，你在填写内容摘要的时候必须的含有一张有效的图片，以此例来说，图片尺寸必须是200*200，以保证不变形或超出其固定范围。如有不明白的地方请评论提出，谢谢。

注：修改前请务必做好备份，出现问题本站概不负责！

Hide the Blog Title of PJBlog 隐藏博客标题的方法

2009-09-13T11:45:40+08:00

发现不少PJ新人都存在这个疑问。我们知道，PJBlog可以在后台的站点基本设置编辑Blog标题和Blog副标题。这两项将会在前台显示为博客最顶部的标题和副标题。如果博客顶部是一个完美的图片，不希望被这两行字挡住该怎么办呢？其实方法很简单：

第一种：后台不要填写这两项内容。当然，这样你的网页标题也没了，方法直接了当，但不可取。

第二种：使用CSS设置这两项隐藏。即：

打开皮肤文件的layout.css，找到第6、7行左右的

#container #header #blogname{}
#container #header #blogname #blogTitle{}

分别在{}里面填写display:none就可以了。

ICP link no wrap by CSS for PJBlog CSS轻松搞定备案链接换行问题

2009-08-19T15:16:10+08:00

默认的PJBlog页脚信息显示为三行，如下：

引用内容

Powered By PJBlog CopyRight 2007 - 2009 PJZONE.cn xhtml | css
Processed in 0.125000 second(s) , 0 queries , skinName Design By PJZONE
桂ICP备09006643号

将HTML代码简化后如下：

正是由于有个换行符，所以显示成了三行，解决办法就是去掉这个换行符，即可显示为：

引用内容

Powered By PJBlog CopyRight 2007 - 2009 PJZONE.cn xhtml | css
Processed in 0.125000 second(s) , 0 queries , skinName Design By PJZONE 桂ICP备09006643号

但修改源码，就牵扯到两个文件，很麻烦。今天就来介绍一个最简单也最方便得办法，利用CSS。
下面是显示为如上两行的代码：

#foot br{display:none}

如果你的皮肤够宽，还可以试着显示为一行，代码如下：

#foot p{display:inline}
#foot br{display:none}

怎么样？很简单吧，如果你正用得着就赶紧试试吧！将代码放在 layout.css 最下面即可。

Free Icons in Blue & Green Color

2009-08-16T23:28:03+08:00

资源作者：iconeden
资源格式：PNG AI
资源说明：点击预览图片进入相关下载页面，请仔细阅读作品要求，同意后点击下面绿色按钮即可进入到实际下载页面，文件为ZIP格式。

The list-type mode pagesize of PJBlog 列表模式每页文章数量修改

2009-08-11T16:49:03+08:00

这个问题很早就遇到过，今天在处理经典模式（及列表模式）时，干脆彻底研究透，并且按照预期的设想解决了问题。

首先，我们找到控制每页显示文章数量的函数，这个在后台管理可以随意设置，而列表模式关联的文件主要有：cls_logAction.asp 和 cls_default.asp 。一个控制静态缓存列表，一个则控制动态列表，两个必须同步修改。

打开 cls_logAcion.asp 约882行

If outType = "list" Then pageSize = pageSize * 4

打开 cls_default.asp 约112行

If ViewType = "list" Then blogPerPage = blogPerPage * 4

后面的 *4 表示在当前文章数量上乘以4，即列表模式每页输出普通模式4倍的文章数量。你可以修改数值或者修改运算符为加（+）、减（-）、除（/）已达到需要的数量。

此修改方法对采用列表模式的朋友很有帮助，兼容最新版本。

PJZONE.cn - PJBlog 皮肤 插件 个性修改 酷博聚合 - Develop