[教程]新人接触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=透明
你也可以定义成<FlashWidth>100%</FlashWidth> 这样 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 编辑 ]