加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

转---新浪模板终极DIY(应用篇

(2007-01-09 19:05:30)
这个现在对我最有用了.不知是不是也有人和我一样在找.所以在这里贴来共享
 
 
 
前面已经讲了热身篇和基础篇,今天就讲一下应用篇,其实很多已经写了教程,一段时间的测试后,冰河的测试也基本完成.参考别人的一些成果分期把代码发给大家.
BANNER LOGO MENU 部分代码如下:

<DIV>&nbsp;</DIV>
<style type=text/css>

body
{background:url(总体页面大背景处图片地址) repeat fixed!important;}
.logo
{background:url(题图上logo处背景图片地址) no repeat no scroll!mportant;}
.bodytop
{background:url(题图上横白条背景图片地址) no repeat no scroll!mportant;}
.logo{display:none;}                  //单独隐藏logo
.bodytop{display:none;}               //单独隐藏顶部横白条
.logo,bodytop{display:none;}          //同时隐藏logo和bodytop
.banner
{background:url(题图横幅栏处背景图片地址) no repeat no scroll!important;height:310px;}
//题图横幅的背景地址,height:310px;自定义横幅的高度来加宽横幅
.banner{background:#transparent;}     //博客题图横幅变透明
.banner .title{margin-top:28px;margin-left:250px;font-weight:bold;} 
//博客标题文字距离左侧和顶部的位置,字体为粗体
.banner .link{margin-top:15px;margin-left:350px;}  //博客标题处的地址距离左侧和顶部的位置
.banner .title td{color:#0cf;font-size:40px;font-family:宋体;FILTER: glow(color=#000000,direction=2);}         //博客标题文字大小,颜色,字体,阴影
.banner .link a,.banner .link td{color:#0cf;font-size:12px;font-family:宋体;filter: glow(color=#ECF5FF,direction=2);}         //“博客地址﹥复制﹥收藏本页”文字大小,颜色,字体,阴影
.menu{display:none;}                  //隐藏菜单部分
.menu
{background:url(题图下菜单栏背景图片地址) no-repeat center;}
.menu a{color:#000;font-size:12px;font-family:宋体;}                  //菜单部分“HOME、登录、注册、搜索、帮助”颜色,大小,字体
.menu .text{color:#000;}              //菜单部分“┆”符号的颜色
.menu .text a{color:#000;color:#0cf;font-size:12px;font-family:宋体;}  //菜单部分“登录、注册、搜索、帮助”颜色,大小,字体 无HOME
.menu .home a{color:#000;}            //菜单部分“HOME”颜色
</style>

代码说明:
1.添加代码时可以删除说明性的文字.
2.标头题尾的<style type=text/css>和<style>不要删除!
 
代码添加方法:

1、控制面板→首页内容维护→自定义空白模板→新建→填写模块标题→显示源代码→粘贴代码→保存→返回。

2、控制面板→定制我的首页→添加模块→在刚才新建的模块标题前打勾→点击最下面的选取→点击保存设置。

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有