加载中…
个人资料
若水心寒
若水心寒
  • 博客等级:
  • 博客积分:0
  • 博客访问:115,437
  • 关注人气:39
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
相关博文
推荐博文
谁看过这篇博文
加载中…
正文 字体大小:

模板特殊效果的源代码

(2006-04-19 12:25:22)
分类: 博客美化
1*模板背景源代码:
<DIV align=left><IMG src="显示在面板里的图片" align=left></DIV>
2*整体模板源代码:
<STYLE type=text/css>
body
{background:url(页面背景图片url) repeat
scroll!important;}
.logo
{background:url(题图logo图片url) no
repeat no scroll!mportant;}
.banner
{background:url(题图大图url) no
repeat no scroll!mportant;}
.menu{
 background:url("题图下面的菜单图片url") no-
repeat center;}
.feeds .up{
  background:url("正文标题栏上翻时的图片url") no-
repeat center;}
.feeds .down{
  background:url("正文标题栏下翻时的图片url") no-
repeat center;}
.feeds .function{background:url("正文摘要结尾处菜单的图片url") no-
repeat right;}
.links .up{
  background:url("面板标题栏上翻时图片url");}
.links .down{
  background:url(面板标题栏下翻时的图片url);}
.links .mid{
 background:url(面板的背景图片url);}
.photo .mid{
  background:url(形象照片处的背景图片url);}
.label .mid{
  background:url(自定义面板的背景图片url);}
.calendar .mid{
 background:url("日历面板背景"url);}
.callboard .up{
 background:url("公告栏标题栏上翻时图片url");}
.callboard .down{
 background:url("公告栏标题栏下翻时图片url");}
.callboard .mid{
  background:url("公告栏背景图片url");}
.bodyBg{
 background:url("正文背景图片url");}
.bodyBottom{
 background:url("正文背景图片url");}
.gbook .up{
 background:url('留言板标题栏上翻时的图片url') no-repeat;}
.gbook .down{
 background:url('留言板标题栏下翻时的图片url') no-repeat;}
.feeds .page{
 background:url("正文文章页数图片url") no-repeat center;}
</STYLE>
 
 
3*改变模板标题的源代码(blog 的名字样式):
<STYLE type=text/css>
.banner .title td{font-size:50px;}
.banner .title td{FILTER: shadow(color=black);}
.banner .title td{color:#e4dc9b;}
.banner table{background:#e4dc9b;transparent;
 filter:alpha(opacity=70);
 border:0px solid #000;}
</STYLE>
代码说明:
.banner .title td{FILTER: shadow(color=black);}
处,FILTER:后面的代码 shadow 是浮雕字体效果.可以自己查找一些其他的文字特效.
后面()里的color=这是文字发光效果的颜色可以换上自己喜欢的颜色.
.banner .title td{font-size:50px;}为字体的大小.
.banner .title td{color:#e4dc9b;}为字体的颜色.
.banner table{background:#transparent; filter:alpha(opacity=80); border:0px solid #000;}这个是文字及其外框的设置.可修改background:后面的值为标题外框的颜色效果.opacity=70是表示文字的透明度.数值可调.border:0px表示外框线条的粗细.数值越大边框线条越粗.数值设为0表示边框隐藏.
 
4*调节标题文字位置的源代码:
<STYLE type=text/css>
.banner .title{
 margin-left:10px;
 margin-top:10px;
 font-weight:bold;
}
.banner .link {
MARGIN-TOP: 0px;
MARGIN-LEFT: 10px
}
</STYLE>
说明:
.banner .title 是标题的位置.
left:是标题距页面左边的距离.top:为标题据顶部的距离.可自行调节代码中的数值.
.banner .link 指的是下面的 http://blog.sina.com.cn/u/1026710117“复制<收藏”blog地址的位置.自行调节.

(以上代码只适用于sina blog)图片地址必须是网络上已经存在的(这样才能读取图片),最好的方法是利用新浪的博客储存图片(这样你的图片就有地址了),方法很简单,先发表文章,把你的图片通过“图片剪切板”上传到博客,再点击“存为草稿”,这样文章不会发表出去,你再进入“草稿箱”,找出你的那篇文章进入编辑模式,点击左下角的“显示源代码”,你上传的图片地址就显示出来了。
小提示:如果只想改变模板的某一部分内容,就在其中的某一段代码贴图部位贴上图片即可。

0

阅读 评论 收藏 转载 喜欢 打印举报/Report
前一篇:显示来访者IP
后一篇:添加播放器
  • 评论加载中,请稍候...
发评论

    发评论

    以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

    < 前一篇显示来访者IP
    后一篇 >添加播放器
      

    新浪BLOG意见反馈留言板 电话:4000520066 提示音后按1键(按当地市话标准计费) 欢迎批评指正

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

    新浪公司 版权所有