关于JA Teline II模板修改
Q: JA Teline II模板默认背景是白色，请问这个网页(http://www.greenmuze.com/)是如何修改成绿色的？另外，它左上角的logo尺寸比原始logo的高，请问它是如何修改而不影响下面菜单的？
A: 首先,它的 Color 值可以在后台的模板管理中打开此模板,通过选择参数来改变.
其次,Head 部分的背景图片通过修改以下代码实现:
#ja-headerwrap {
background:url(“/templates/greenmuze/images/background-header.jpg”) no-repeat scroll 390px 0 transparent;
}
那么, Head 是这样弄的背景图片,Footer 也不例外. 下面是页脚的背景图片 css 部分:
#ja-footerwrap {
background:url(“/templates/greenmuze/images/background-footer.jpg”) no-repeat scroll 0 0 transparent;
border-top:1px solid #CCCCCC;
clear:both;
color:#666666;
height:100px;
}
最后,Logo 部分的 css 是这样的:
p.logo a {
background:url(“/templates/greenmuze/images/logo-greenmuze.png”) no-repeat scroll 0 0 transparent;
display:block;
height:79px;
left:34px;
position:absolute;
top:11px;
width:442px;
}
注意它的 height 并且这个 Logo 是 transparent (透明) 的 PNG 格式图片.
这个模板的主体部分(MainBody)其实是个模块 ,这个模块叫 ja news ,由此模块读取分类中的文章,假如文章中有图片则读出并最对齐. 右边(Right Modules)模块位置可以用很多模块来实现,例如 Display News ,此类模块既可以是读取文章内容不显示图片,也可以是只读取文章标题或者尽现实内容中的图片等等.
另外: 右边的(也就是 Hot Video Pick 部分),它使用的是一张背景图片.
#ja-containerwrap {
background:url(“/templates/greenmuze/images/background-sidebar.gif”) repeat-y scroll right center transparent;
margin-bottom:0;
}
当然,你可以改造这一段 css ,定义背景颜色,例如加上: background-color:#cccc;
右边是如此,左边的主体也一样
