PJBLOG皮肤常用CSS解说

建议先从PJBLOG官方默认皮肤——短导航条default开始了解PJ的CSS。

<SkinSet>  皮肤设置
<SkinName> 皮肤名字
<SkinDesigner> 皮肤设计者
<pubDate> 制作日期
<DesignerURL> 作者主页
<DesignerMail> 作者邮箱

(不用flash的皮肤一般无下面这段)
<UseFlash> 顶部使用的flash,默认-1,一般不用改。
<FlashPath> flash文件名,放在皮肤文件夹里。
<FlashWidth> flash长度。
<FlashHeight> flash高度。
<FlashAlign> 对齐方式:center居中;left居左;right居右。
<FlashTop> flash距离顶部多少,0为顶边。
<FlashTransparent> flash是否透明,-1为透明。

width:760px;   整体宽度;可写成%自适应样式,100%为满屏。
margin:0 auto; 边距,auto表自动;可写成margin:0px 0px 0px 0px表示依次距离上方top、右方right、下方bottom、左方left有多少;可理解为word文档打印用页边距。另可单独定义某边,比如margin-right:10px。可以为负数。
padding:0; 文字边距,仅限制文字,也可写成padding:0px 0px 0px 0px。另可单独定义某边,比如padding-left:10px。可以为负数。
text-align:center; 文字排列;right靠右、left靠左、center居中。
background:#F8F6E9 url('main.jpg');  背景图片和颜色;#F8F6E9为颜色代码;url('main.jpg')为背景图,图片在皮肤文件夹内;图片也可以为gif和png。
height:109px; 整体高度。
font-size:20px;  文字大小。
color:#FFFFFF; 文字颜色。
text-align:left; 文字排列。
font-weight:bold;  文字是否加粗;normal没变化,正常;blod 粗体字符;bolder 更粗;lighter 更细。
background:url(menu_left.png) no-repeat; 背景图是否平铺,不写的话默认为X、Y都平铺;repeat-x 打竖平铺;repeat-y 打横平铺;no-repeat 不平铺。
background-attachment: scroll;背景图是否随浏览器滚动;不写的话默认为随浏览器滚动;fixed 为不随浏览器滚动。
float:right; 整体排列。
overflow:hidden; 自动隐藏超出的字符,图片,防止撑出层和表格的范围
margin:0 auto!important; margin:0px; 用于调整FF等浏览器的!important,因为ie6不认;但ie7已认此代码。!important后面要给ie6重新定义一次皮肤位置。
line-height:180%;  每行间的间距,如果没调好会看到侧边评论等处每行下面会多些文字。
overflow:visible;  仅IE支持的东西,不在CSS标准之内。意思是超出的部分也显示。
list-style:none; 定义是否有着重号的,具体涉及比较多,可参阅css手册。但一般不用,习惯用图片当着重号因为觉得好看。
background:url('../../images/BttnLeft.gif') 0px 0px; 背景图的路径为上级目录里的图片,后面0px分别表示图片的宽度和高度相对位置。
display:block;  在此之后增加新的一行。
font-family:Georgia,Courier New,宋体;  定义字体,可以一次定义几个,按优先顺序排列。如果字体名称包含空格,则应使用引号括起。   border-bottom:1px dotted #6B5D52; border为定义对象的尺寸和边框;其中包括bottom表位置、1px表线条粗细、dotted表线条样式、颜色代码表线条颜色。具体可参阅css手册。
cursor:default; 表鼠标移上去会变成另外的鼠标样式。具体请参阅css手册。
text-decoration:underline; 文字下面是否有下划线。如不喜欢下划线可删除或改为none 无装饰;其余还有blink 闪烁;underline 下划线;line-through 贯穿线;overline 上划线。

      设计或修改皮肤的时候,请参阅PJBLOG的CSS结构图来进行位置选取。而在官方带的皮肤CSS文件里都有一定的文字说明,请多看多想想。

      PJBLOG皮肤官方说明:http://pjhome.net/article.asp?id=346

本日志来自:[摇曳铃丹·YYLD·宇语]http://blog.yyld.net/?p=925

文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: PJBlog CSS 解说
相关日志:
评论: 0 | 引用: 0 | 查看次数: 6179
发表评论
昵 称:
密 码: 游客发言不需要密码.
内 容:
验证码: 验证码
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.
字数限制 1000 字 | UBB代码 开启 | [img]标签 关闭