自己动手修改jeolee模版

现学现卖,刚刚学了点css的语法常识,把jeolee的模版稍微修改了一下。
源模版文件 http://www.cnitblog.com/Skins/jeolee/style.css
分析后作出如下修改:
 #wrap {
 MARGIN:0px auto 0px -510px; WIDTH: 1000px; POSITION:absolute; HEIGHT: 100%; TEXT-ALIGN: left
}
#content {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 10px 10px; WIDTH: 700px; COLOR: #444444; LINE-HEIGHT: 18px; PADDING-TOP: 0px; FONT-FAMILY: YoonGothic, AppleGothic; TEXT-ALIGN: left
}
#menu {
 POSITION:absolute; MARGIN:-70px 60px; FONT-SIZE: 11px; FLOAT: right; VERTICAL-ALIGN: top; WIDTH: 222px; COLOR: #333333; LINE-HEIGHT: 15px; FONT-FAMILY: YoonGothic, AppleGothic, lucida grande,trebuchet ms,verdana,trebuchet,sans-serif; TEXT-ALIGN: left
}
#header H1 A {
 FONT-SIZE: 18px; COLOR: #ffffff
}
.date {
 PADDING-BOTTOM: 0px; MARGIN: 10px 0px 0px; HEIGHT: 20px; FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: Purple; TEXT-ALIGN: center
}
.author {
 CLEAR: both; FONT-WEIGHT: normal; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; COLOR: #555555; FONT-FAMILY: verdana,trebuchet,sans-serif; LETTER-SPACING: -0.1em; TEXT-ALIGN: right
}
#notebottom {
 display:none;BACKGROUND: url(images/notebottom.gif) no-repeat; WIDTH: 816px; POSITION: relative; TOP: -11px; HEIGHT: 67px
}
#footer {
 display:none;PADDING-BOTTOM: 30px
}

#warp 主体框架    #content  正文   #menu  导航目录 
#header H1 A    标题中链接的字体
#footer 页脚
.date  分类字体    .author  每个主体后的作者信息
posted on 2006-08-23 18:01 hunter's space 阅读(312) 评论(0)  编辑 收藏 引用 所属分类: blog学习
只有注册用户登录后才能发表评论。