爱问知识人 爱问教育 医院库

怎样美化博客圈的页面?

首页

怎样美化博客圈的页面?


        

提交回答

全部答案

    2006-12-27 18:18:55
  •   一改变BLOG标题大小的代码: 。banner。titletd{font-}。banner。titletd{ (color=#000000,direction=2);}。banner。titletd{color:#ffff66;}。
      bannertable{background:#transparent;(opacity=85);solid#000;}36px为标题文字的字体大小#000000表示文字效果(显影)的颜,direction=2表示发光效果的强弱,数值可自行设定,自己觉得合适即可。
      banner。titletd{color:#ffff66;}表示标题文字的主颜色bannertable{background:#transparent;(opacity=85);solid#000;}这个是文字及其外框的设置:background:后面的值为标题外框的颜色效果;opacity=85是表示文字的透明度,值越小越透明;表示外框线条的粗细,数值越大边框线条越粗,数值设为0表示边框隐藏。
      ------------------改变BLOG标题字体的代码: 。banner。titletd{b{font-family:隶书;}no-repeatcenter;}font-family:隶书这里可自己更换!-------------------二页面宽度的代码: 。
      bodyTop{}。bodyBg{}。bodyBottom{}。feeds。text{}。label{}。photo{}。callboard{}。links{}。calendar{}。sysBr180{}参数说明:。bodyTop指的是页面顶部的宽度,控制了banner(就是题图)的宽度。
      。bodyBg指的是整个页面的宽度,其值最好与上者相同(也可以自行变化)。。bodyBottom指的是页面底部的宽度,其值最好是与上面相同。。feeds。text指的是正文部分的宽度(也就是文章部分的宽度)。。label指的是面板的宽度(其值加正文宽度的值应略小于整个页面的宽度)。
      。photo指的是形象照片面板的宽度(其值同上)。。callboard指的是公告栏的宽度(其值同上)。。links面板(也即最新留言、最新评论等面板)宽度(其值同上)。。calendar日历的宽度(其值同上)。。sysBr180这个值比较特殊,其值同以上各面板宽度近似,但不一定相同大家应当根据自己设置的宽度进行调节。
      width后面的数字就是你要修改的宽度值,可根据自己的需要设置。面板的宽度值大约为190左右;如果要改成全屏,整个页面总宽度约为995-996。不过要更改模板宽度的话建议面板的宽度不必改,只需用代码中的前四个参数就行了。-----------------------三博客改变背景代码:注意了:覆盖图片地址的时候,千万不要把代码中:("页面大背景图片地址")中的“”去掉,否则显示的是白色,没有图片效果!滚动的大背景代码: body{b("页面大背景图片地址")repeatscroll!important;}repeat重复,当图片的大小不够的时候会以平铺显示scroll卷轴,大背景会随着右边滚动条拉动的时候而滚动固定的大背景代码 body{b("页面大背景图片地址")repeatfixed!important;}fixed固定,大背景不会因为你拉动滚动条而滚动背景透明代码: body{background:#transparent)repeatscroll!important;}使用说明:找到你喜欢的图片(1024*768规格),把它存在你的博客里,具体方法参考无限制上传图片的方法然后把图片地址覆盖在代码中的("页面大背景图片地址")上面,找一个已经有内容的模块添加这段代码,就能改变你的BLOG背景了,具体用以上那一种代码,看你个人喜好了!关于上传图片和怎么得到图片地址请参考:无限制上传图片的方法添加方法:1,控制面板----首页内容维护----定义空白模板----新建,创建模块标题,点击显示源代码--粘贴代码----保存并返回;2,控制面板----定制我的首页----点添加模块----点选创建好的模块标题---勾上并保存,移动新建面板位置--保存设置。
      做第二步的目的是将建立好的模块在博客个人首页里呈现出来。不会添加代码的朋友请参考:关于添加特效的详细介绍(图片)------------------------四自定义博客各部分背景代码: 。bodyTop{b("sina新浪BLOG3。
      0"的图片地址")no-repeatcenter;} 。logo{b("题图上背景图片地址")norepeatnoscroll!mportant;} 。banner{b("头部大横幅图片地址")norepeatnoscroll!mportant;} 。
      menu{b("题图下的菜单背景图片地址")no-repeatcenter;} 。feeds。up{b("正文标题栏上翻时的图片地址")no-repeatcenter;} 。 wn{b("正文标题栏下翻时的图片地址")no-repeatcenter;} 。
      feeds。function{b("正文摘要结尾处菜单的图片地址")no-repeatright;} 。links。up{b("面板标题栏上翻时的图片地址");} 。 wn{b("面板标题栏下翻时的图片地址");} 。
      links。mid{b("面板的背景图片地址");} 。photo。mid{b(个人形象照片处的背景图片地址);} 。label。mid{b("自定义面板的背景图片地址");} 。calendar。mid{b("日历面板背景图片地址");} 。
      callboard。up{b("公告栏标题栏上翻时的图片地址");} 。 wn{b("公告栏标题栏下翻时的图片地址");} 。callboard。mid{b("公告栏背景图片地址");} 。bodyBg{b("正文背景图片地址");} 。
      bodyBottom{b("内背景页脚处图片地址,在翻页处下面一横窄条");} 。gbook。up{b("留言板标题栏上翻时的图片地址")no-repeat;} 。 wn{b("留言板标题栏下翻时的图片地址")no-repeat;} 。
       ge{b("正文文章页数图片地址")no-repeatcenter;} 。 re{b("最新文章列表下的MORE的背景图片")no-repeatright;}代码说明:页面大背景(body)指的是整个博客的最大背景,由于中间部分被覆盖,所以显示的效果只是两边的部分。
      题图上背景(logo)是指所在的横长条的背景。题图下背景(banner)是指博客名字博客地址复制收藏本页)所在的那部分的背景。logo和banner宽各为770,logo高40,banner高134,单位均为像素。题图下的菜单背景”是指“HOME。
      。。搜索┆帮助┆退出”等字所在的那个横长条的背景。正文标题栏上翻时的图片指的是文章发表了之后文章标题的图片。面板标题栏下翻时的图片指的是点击标题后出现标题后的后面的图片。面板的背景图片指的是左边比如我的文章列表什么的背景图片。正文背景是指整个文章文字所在的大背景!以上代码可以更改博客各个部分的图片,更换的图片尺寸要和原尺寸一模一样,关于上传图片和怎么得到图片地址请参考:无限制上传图片的方法------------------------如果想叫某一部分背景或者全部变的透明的话,在以上代码中大括号里面内容换上background:#transparent就能实现透明效果,例如横幅代码:。
      banner{b("头部大横幅图片地址")norepeatnoscroll!mportant;}以上代码中红色部分全部改成:background:#transparent示范:。banner{background:#transparent}-------------------添加方法:1,控制面板----首页内容维护----定义空白模板----新建,创建模块标题,点击显示源代码--粘贴代码----保存并返回;2,控制面板----定制我的首页----点添加模块----点选创建好的模块标题---勾上并保存,移动新建面板位置--保存设置。
      做第二步的目的是将建立好的模块在博客个人首页里呈现出来。

    秋***

    2006-12-27 18:18:55

类似问题

换一换
  • 上网帮助 相关知识

  • 电脑网络技术
  • 电脑网络

相关推荐

正在加载...
最新问答 推荐信息 热门专题 热点推荐
  • 1-20
  • 21-40
  • 41-60
  • 61-80
  • 81-100
  • 101-120
  • 121-140
  • 141-160
  • 161-180
  • 181-200
  • 1-20
  • 21-40
  • 41-60
  • 61-80
  • 81-100
  • 101-120
  • 121-140
  • 141-160
  • 161-180
  • 181-200
  • 1-20
  • 21-40
  • 41-60
  • 61-80
  • 81-100
  • 101-120
  • 121-140
  • 141-160
  • 161-180
  • 181-200
  • 1-20
  • 21-40
  • 41-60
  • 61-80
  • 81-100
  • 101-120
  • 121-140
  • 141-160
  • 161-180
  • 181-200

热点检索

  • 1-20
  • 21-40
  • 41-60
  • 61-80
  • 81-100
  • 101-120
  • 121-140
  • 141-160
  • 161-180
  • 181-200
返回
顶部
帮助 意见
反馈

确定举报此问题

举报原因(必选):