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

怎么把自己的博客变漂亮

首页

怎么把自己的博客变漂亮

别人的博客都很漂亮,很有个性,可怎么把我自己的博客也变得那么漂亮呢?

提交回答
好评回答
  • 2007-05-12 20:48:14
      更换整体页面背景的源代码:
    body
    {background:url(博客整体页面背景图片) repeat
    scroll!important;}
    更换页面题图logo图片的源代码:
    。logo
    {background:url(博客最上方题图logo图片) no
    repeat no scroll!mportant;}
    更换页面横幅题图的源代码:
    。
      banner {background:url(横幅题图大图) no repeat no scroll!mportant;} 更换页面横幅题图下面的菜单图片的源代码: 。menu{ background:url("题图下的长条菜单图片") no- repeat center;} 更换页面文章标题栏上翻时的图片的源代码: 。
      feeds 。up{ background:url("文章标题栏上翻时的图片") no- repeat center;} 更换页面文章标题栏下翻时的图片的源代码: 。 wn{background:url("文章标题栏下翻时的图片") no- repeat center;} 更换页面文章结尾处评论阅读菜单栏的图片的源代码: 。
      feeds 。function{ background:url("文章结尾处评论阅读菜单栏的图片") no- repeat right;} 更换页面空白面板标题栏上翻时图片的源代码: 。links 。up{ background:url("空白面板标题栏上翻时图片");} 更换页面空白面板标题栏下翻时图片的源代码: 。
       wn{background:url(空白面板标题栏下翻时的图片);} 更换页面空白面板的背景图片的源代码: 。links 。mid{ background:url(空白面板的背景图片);} 更换页面形象照片处的背景图片的源代码: 。
      photo 。mid{ background:url(形象照片处的背景图片);} 更换页面自定义空白面板背景图片的源代码: 。label 。mid{ background:url(自定义空白面板的背景图片);} 更换页面日历面板的背景图片的源代码: 。
      calendar 。mid{ background:url("日历面板的背景图片");} 更换页面公告栏标题栏上翻时图片的源代码: 。callboard 。up{ background:url("公告栏标题栏上翻时图片");} 更换页面公告栏标题栏下翻时图片的源代码: 。
       wn{background:url("公告栏标题栏下翻时图片");} 更换页面公告栏的背景图片的源代码: 。callboard 。mid{ background:url("公告栏的背景图片");} 更换页面正文背景图片的源代码: 。
      bodyBg{ background:url("正文背景图片");} 更换页面正文背景图片的源代码: 。bodyBottom{ background:url("正文背景图片");} 更换页面正文文章页数图片的源代码: 。 ge{background:url("正文文章页数图片") no-repeat center;} 更换页面留言板标题栏上翻时的图片的源代码: 。
      gbook 。up{ background:url('留言板标题栏上翻时的图片') no-repeat;} 更换页面留言板标题栏下翻时的图片的源代码: 。 wn{background:url('留言板标题栏下翻时的图片') no-repeat;} 添加步骤: 第一步、登录新浪博客,输入“登录名”“密码”和“验证码”后点击“登录”。
       第二步、点击进入主页上方的“控制面板”。 第三步、进入“个人首页维护”。 第四步、进入“自定义空白模板”。 第五步、点击“新增”新增一个空白面板。 第六步、在“面板标题”写好面板的名称,勾选面板下方的“显示源代码”勾选框,此处注意一定要勾选,否则将不能成功。
      将以下代码贴入文本框中,点击“保存”。 第七步、点击“控制面板”左侧“BLOG信息设置”中的“定制我的首页”。 第八步、点击“添加模块”。 第九步、勾选刚刚建立好的面板,点击下方的“选取”。 第十步、刚刚建好的显示面板出现,点击“保存设置”。
       更换模板之后,网速会变慢,等全部显示后就正常了,你多涮涮吧! 整体模板更改格式代码之十二: 下面是“白雪公主和七个小矮人”模板,原模板宽度为770,现宽度改为1003,可以说是满屏了,特点是屏幕装饰显得比较大气,如你喜欢这种模板格式,只要把代码中的图片、flash动画地址更换一下,就拥有你自己的特色模板了:   。
      logo{background:#transparent}。banner{background:#transparent} 。menu{background:#transparent}。feeds 。up{background:#transparent} 。
       wn{background:#transparent}。feeds。function{background:#transparent}。links。up{background:#transparent}。 wn{background:#transparent}。
      links 。mid{background:#transparent}。photo 。mid{background:#transparent} 。label 。mid{background:#transparent}。calendar 。mid{background:#transparent} 。
      callboard。up{background:#transparent}。 wn{background:#transparent}。callboard 。mid{background:#transparent}。bodyBg{background:#transparent} 。
      bodyBottom{background:#transparent}。sysW770{background:#transparent} 。gbook。up{background:#transparent}。 wn{background:#transparent}。
       ge{background:#transparent}。 re{background:#transparent}。add{background:#transparent}。add 。ico{background:#transparent} 。
      bodyTop{display:none;} 。 nka{display:none;}。 nktd{display:none;}。banner {background:url(" ") no repeat no scroll!mportant;}。
      banner{height:440px} 。menu{ width:1003px; height:24px; background:url(" ") no-repeat center; padding:0px 10px; color:#444444;} 。
      feeds 。up{background:url(" ") no-repeat center; } 。 wn{background:url("")no-repeatcenter;}。feeds 。function{background:url(" ") no-repeat right; HEIGHT: 45px } 。
      links 。up{background:url(" "); } 。 wn{background:url("");}。callboard 。up{background:url(" "); } 。 wn{background:url("");}。
      bodyBg{background:url(" ");} 。add 。ico{background:url(" ") no-repeat right;} 。bodyBottom {background:url( );}。bodyBottom {margin-left:0px;}{height:92px} 。
      bodyBottom{height:120px} body {background:url( ) repeat fixed!important;);margin:0px;   。foot{display:none;} 。
      banner 。title td{font-size:36px;} 。banner 。title td{FILTER: glow(color=#000000,direction=2);} 。banner 。title td{color:#ffff66;} 。
      banner table{background:#transparent;filter:alpha(opacity=85);border:0px solid #000;} 。bodyTop{width:1003px;} 。bodyBg{width:1003px;}。
      bodyBottom{width:1003px;} 。feeds 。text{width:660px;}。label{width:280px;} 。photo{width:280px;}。callboard{width:280px;} 。
      links{width:280px;}。calendar{width:280px;} 。sysBr180{width:180px;} 代码说明: background:url :横幅(即大题图)图片地址,图片的实际宽度必须为1003以上,高度没有限制 height:440px :横幅(即大题图)图片高度,其高度数值应和图片实际高度相一致 background:url :横幅下HOME边框条,图片尺寸1003:24 background:url :文章标题条图片地址,图片尺寸620:32 background:url :文章标题条图片地址,图片尺寸620:32 background:url :文章结尾处菜单条图片地址,图片尺寸260:45 background:url :公告栏小标题图片地址,图片尺寸280:32 background:url :公告栏小标题图片地址,图片尺寸280:32 background:url :左侧小标题图片地址(不包括公告栏),图片尺寸280:32 background:url :左侧小标题图片地址(不包括公告栏),图片尺寸280:32 。
      bodyBg{background:url :模板图片地址(主要的) background:url :页码下面小横条的图片地址 height:120px :页码下面小横条的高度 body {background:url :大背景图片地址,就是模板后面的那个大背景图 font-size:36px; :为标题文字字体的大小数值,可自行调节 color:#ffff66; :为标题文字的主颜色,可自行调节 src= :flash动画代码地址 width=1003 height=440 :flash动画的宽、高数值,应调整为和横幅图片的数值相一致 注意事项: 1,按装模板前,把原来的新浪模板调整为“灰色轨迹”或“野蛮丫头”模板,效果会更好; 2,最好把所有的flash动画、挂件之类的装饰全去掉,以免影响网速; 3,必须把图片地址复制粘贴在“ ”两个逗号中间,不要把“ ”复盖掉;没有逗号的,就复制粘贴在()适号中间,不要把()复盖掉,否则无效果; 4,如果发现换了模板后字体显示不清楚,这是因为与你原先用的新浪模板字体颜色不搭配的缘故,可以在做好模板后重新选择新浪模板,直到和背景相协调为至; 5,以上代码只能改变博客首页模板,如你要让每页文章背景都和首页一样的话,就要把以上所有代码,用纯文本形式保存,并上传到空间,获取URL地址,在每次发文章同时,勾选文章框下的“显示源代码”框,把获取的URL地址复制粘贴在每篇文章代码的后面就行了; 具体操作方法如下: 点击控制面板——新增空白面板——先在空白面板上敲一下空格键——钩选“显示源代码”(这时你会看到面板中已经有一行代码了: )——把以上代码复制粘贴在所有代码之后——钩选显示源代码(钩号消失)——保存新增面板——定制个人首页——选取新增面板——保存设置; 。
      

    x***

    2007-05-12 20:48:14

类似问题

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

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

相关推荐

正在加载...
最新问答 推荐信息 热门专题 热点推荐
  • 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
返回
顶部
帮助 意见
反馈

确定举报此问题

举报原因(必选):