官方首页 | 无图版 | BBS首页
PJBlog2最新版本下载|升级包(2007.12.23) Bo-Blog V2.1.0 到 PJBlog 2.7 的转换程序 WP 2.3 到 PJ 2.6/2.7 的转换程序 手把手教您在PJForum上传图片
PJBlog技术支持论坛使用问题总索引 手术式讲解视频教程如何制作 PJblog2.7.05终极资源包电驴免费下载 风格使用区-HOT! 凤凰行动开始!
 12 12
发新话题
打印

[教程]新人接触PJBLOG2皮肤常见问题F.A.Q.

本主题由 tangzhehao 于 2008-5-11 15:09 设置高亮 本主题被作者加入到个人文集中

[教程]新人接触PJBLOG2皮肤常见问题F.A.Q.

[教程]新人接触PJBLOG2皮肤常见问题F.A.Q.

1.Q:侧栏的字体排列出错了,原本应该分两行显示的字全贴在一行了。如图:

A:问题出在超链接样式表link.css,打开它,找到是否有.sideAlink,.sideAvisited参数,有就覆盖,没就添加。
复制内容到剪贴板
代码:
.sideAlink,.sideAvisited{displayblock; width190px;height20px; overflowhidden; }
CSS代码解释:指定侧栏链接区块显示displayblock(自动换行); 同时指定宽度和高度width190px;height20px;
同时还要定义超出宽度范围的文字隐藏overflowhidden;这样就可以保持链接成一行一行的;

[Aer:ilank]

2.Q:我做好了皮肤,在我家的800*600的模式下显示还好好的,到了朋友家的1024*768却错位了,宽屏的网友也反映错位了。
A:问题出在层次样式表layout.css,打开它,找到主体样式 #container,顶部样式 #container #header,内容样式 #container #Tbody 主内容 #mainContent 和日志内容框 .Content-body ,把它们的宽度width使用百分比。
[Aer:ql86 - 启明]

3.Q:看到别人的博客顶部有一个爱心桃flash一闪一闪的女友可喜欢了,要我把它加到她情人节用的皮肤里去,好不容易用迅雷把flash下载下来了,却不知道怎么添加到皮肤里去了,如果背景是透明又该怎么办。
A:要到该皮肤文件夹下的界面配置文件skin.xml中设置,打开它。看看是否有如下代码,如果有直接修改,没有就把它增加到最后的</DesignerMail>和</SkinSet>中间的地方。
复制内容到剪贴板
代码:
  <Flash>
  <UseFlash></UseFlash>
  <FlashPath></FlashPath>
  <FlashWidth></FlashWidth>
  <FlashHeight></FlashHeight>
  <FlashAlign></FlashAlign>
  <FlashTop></FlashTop>
  <FlashTransparent></FlashTransparent>
</Flash>
Flash/UseFlash 是否使用Flash导航条 0=不使用 -1=使用
Flash/FlashPath Flash导航条路径名
Flash/FlashWidth Flash导航条宽度  
Flash/FlashHeight Flash导航条高度
Flash/FlashAlign Flash导航条对齐方式 left(左对齐)  right(右对齐)  center(居中)
Flash/FlashTop Flash导航条距离页面顶部高度
Flash/FlashTransparent Flash导航条是否透明 0=不透明 -1=透明

你也可以定义成&lt;FlashWidth&gt;100%&lt;/FlashWidth&gt; 这样 flash就能伸缩自如,可以用于自适应皮肤。
[Aer:ilank]

4.Q:我在皮肤的顶部图片上已经写上了我的博客名称和我的副标题,可它们又出来了,怎么才能让他们消失啊。
A:问题出在层次样式表layout.css,打开它,找到#container #header #blogname 这里,可以看到下面的代码,把它们全部赋值为displaynone(不显示),你也可以用下面的代码覆盖相应的。
复制内容到剪贴板
代码:
#container #header #blogname{displaynone}
#container #header #blogname #blogTitle{displaynone}
[Aer:dokyo]

5.Q:我做的皮肤在三个(或者更多)浏览器:IE6IE7firefox下,代码的效果不一样了,总是这一个浏览器成功,那一个就错位的不象话,那一个好了,这个又错位了。
A:这其实是一个高手问题了,必须完全理解CSS代码才能顺利解决这个问题,详细请看舜子介绍的方法 http://www.pjhome.net/article.asp?id=807
[Aer:PuterJam]

6.Q:我看到别人的博客上每篇文章开头的第一个字都是很大的占了两行,字体也不一样,听别人说好像叫做“首字下沉”,非常好看,我也想要。如图:

A:这有两种方法,一个是手动方法,一个是自动方法。
手动方法:在写日志时用FCK源代码方式写:
复制内容到剪贴板
代码:
DIV style='PADDING-LEFT5px;FONT-SIZE12px;LINE-HEIGHT16px'SPAN style='FONT-WEIGHTbold;FONT-SIZE25px;FLOATleft;COLOR#000000;LINE-HEIGHT32px'首SPAN字放大下沉示例DIV
自动方法:打开层次样式表layout.css,在末尾另起一行加入如下代码即可;
复制内容到剪贴板
代码:
.Content-bodyfirst-letter {
        floatleft;
        padding0 2px 0 0;
        color#0A7C94;
        font bold 2.8em1em 黑体,宋体;
}
CSS代码解释:float:对齐方式,推荐默认不变;padding:内补丁,推荐默认不变;color:颜色;font:字体式样,bold加粗 2.8em1em 字体大小,推荐不变 黑体,宋体字体名称,建议使用系统内置字体,按优先等级排列,字体名称中间有空格要用英文双引号括起来。
[Aer: 手动方法:tuxw;自动方法:匿名,速来认领,代码解释:TZH-Lordvoldemont]

7.Q 我的博客在首页看着好好的,但只要进入一篇日志,侧边栏就掉下去了,怎么解决。
A 博客根目录下有一个class文件夹,在里面找到cls_article.asp文件,打开它。搜索关于评论框宽度的代码:
复制内容到剪贴板
代码:
div id=MsgContent style=width94%;
如果不行试着搜索
复制内容到剪贴板
代码:
div id=MsgContent style=
找到之后把width(宽度)的百分比赋值改小点,自己试着来。
[Aer: 紫仁,详细+完善:TZH-Lordvoldemont]

8.Q 我遇到的问题和老七的不同,我的侧边栏在首页就掉下去了。
A 这是皮肤层次样式表layout.css中宽度设置的问题,试着参照第二个问题把宽度都设置成百分比应该就没问题了。
[Aer:PJBloggers]

9.Q: 我的日历太讨厌了,星期、今天还有选中的日期背景都是白色的,和我的皮肤格格不入,能帮我换换么?如图。

A: 这个需要在皮肤的局部样式表typography.css中修改,打开它,找到如下的代码:
复制内容到剪贴板
代码:
/*日期选中*/ .DayA a.click
/*今天*/ .DayA a.today
/*日历样式-星期*/ #Calendar_Body #Calendar_week
在在这三个代码的后面分别找到background,把#式颜色代码改成你背景的颜色代码吧。如果的皮肤的背景是图片的话还可以利用background代码的式样:background:#841010 url('bg.gif') repeat; 引用你的背景图片;

CSS代码解释:#841010:背景颜色;url('bg.gif') 背景图片(相对路径相对于该皮肤目录内的typography.css文件);repeat背景图片平铺方式,可用参数: repeat : 背景图像在纵向和横向上平铺;no-repeat : 背景图像不平铺;repeat-x : 背景图像在横向上平铺;repeat-y : 背景图像在纵向平铺;
[Aer: 四川-果果,详细+完善+解释:TZH-Lordvoldemont]

10.Q: 我做了一个黑色的皮肤,想把评论框的背景颜色也改成黑色,怎么弄?如图。

A: 这个需要在皮肤的editor.css中修改,打开它,找到如下的代码:
复制内容到剪贴板
代码:
.editTextarea
给它赋值
复制内容到剪贴板
代码:
background:#000;color:#fff;
就行了。

补充:editor.css文件处于相应皮肤文件夹的UBB文件夹下,UBB文件夹是皮肤不可缺少的插件之一,主要控制评论框、留言框、日志编辑、日志撰写、的各项参数。
[Aer: dokyo,详细+完善+解释:TZH-Lordvoldemont]

11.Q: 侧栏标题字体颜色和背景颜色,都怎么改啊,找好了好久没找到,该怎么弄?如图。

A: 这个需要在皮肤的layout.css中修改,打开它,找到如下的代码:
复制内容到剪贴板
代码:
.Ptitle
修改它赋值就行了,详细CSS可以参考《CSS2》。
[Aer: dokyo]

12.Q: 首页导航和文章标题的设置代码在哪里啊?
A: 导航应该修改link.css中
复制内容到剪贴板
代码:
.menuA:link,.menuA:visited
日志标题应该link.css中
复制内容到剪贴板
代码:
.titleA:link,.titleA:visited
同时还应该修改layout.css中
复制内容到剪贴板
代码:
/*---日志标题框--*/
.Content-top
这是日志打开后的标题颜色
修改它们赋值就行了,详细CSS可以参考《CSS2》。
[Aer: dokyo]

13.Q: 还有标题背景,我想把它改成不是图片的灰色底色,该怎么弄呃?
A: 这个需要在皮肤的layout.css中修改,打开它,找到如下的代码:
复制内容到剪贴板
代码:
/*---日志标题框--*/
.Content-top
修改它的赋值就行了,
复制内容到剪贴板
代码:
background:#dddddd;border:1px solid #AAAAAA;
详细CSS可以参考《CSS2》。
[Aer: dokyo]

v2008031625110



更新历史:
v2008021502010
1. 增加第九个问题;

v2008021515110
1. 更正标点符号被编辑器吃掉的错误

v2008031625110
1. 将问题数目增加到13个,感谢D哥对风格版的长期支持和对新手的关心!

[ 本帖最后由 tangzhehao 于 2008-3-16 13:51 编辑 ]
附件: 您所在的用户组无法下载或查看附件
本帖最近评分记录
  • anson PJ币 +100 非常好的FAQ,希望可持续更新 2008-2-16 07:51

TOP

占位

本帖常年更新,召集各类好新人问题,在后面可跟推荐帖,附上地址即可。被采用的推荐帖,推荐者+10PJ币一次,问题解答者[Aer]+20PJ币。请以上Aer速来跟贴加分。顺便招领第六个问题的自动方法原帖及Aer。

TOP

LZ真恶心...说的是你的照片...

TOP

恶心不恶心是你的欣赏水平的问题,,这年代就是个性化的时代,,学会招摇才是本事。。。

别说那么多了,快点学习学习吧,这里还有很多东西等你们新人挖掘、学习呢,PJ的未来就靠你们了~~

感叹我自己及时占了个位,不然sofa就是别人的了。

TOP

引用:
原帖由 vhmxz 于 2008-2-15 15:35 发表
LZ真恶心...说的是你的照片...
其实我觉得小T蛮帅的
人生没有彩排,每一刻都是现场直播,把握自己从现在开始

TOP

还是Anson有眼光啊

TOP

很实用.

TOP

都是些初级的问题.

TOP

引用:
原帖由 anson 于 2008-2-16 07:56 发表

其实我觉得小T蛮帅的

TOP

对于头像问题 我笑而不语``
**************Anix's Blog**************

TOP

 12 12
发新话题