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
« PJBLOG的一些技巧SEO教程笔记 »

越狱第4季 在线观看
用google书签收藏 用“美味书签”收藏 用yahoo收藏 用新浪vivi收藏 用365key收藏 分享到饭否 收藏到qq网摘 用windows live书签收藏 添加到百度搜藏 收藏到“就喜欢” 用收客收藏 和讯

    Google
  • 点击这里获取该日志的TrackBack引用地址
  • 本年访问之最

    发表评论:

    ◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

    feedsky
    抓虾
    google reader
    my yahoo
    鲜果
    哪吒
    有道

    控制面板

    本月访问之最

    广告也精彩

    最近发表

    完全随机文章

    赞助商链接

    热文排行使用

    图标汇集

    Copyright 2008-2099 Your WebSite. All Rights Reserved.浙ICP备08013176号