分类
关键词网

求全面的博客美化代码!

求全面的博客美化代码!

  我的博客一般的美化代码都有。。。 例如下面这些: 模版-少女 图文教程 天气预报 图文教程 FLASH时钟的 图文教程 透明Flash背景 图文教程 百度搜索 图文教程 邮箱快速登录 图文教程 滚动新闻 图文教程 滚动字幕和滚动图片 图文教程 添加动态鼠标 图文教程 音乐频道 图文教程 显示来访人ip 图文教程 基本帖图使用详解 图文教程 免费IP地址位置查询 图文教程 免费手机地理位置查询 图文教程 开始打扮博客(1。
  文字效果) 开始打扮博客(2。图片效果) 开始打扮博客(3。边框效果) 文章背景图,图片左边,右边插入文字代码 图片文字超链接代码 把挂件贴在博客里 新浪blog技术汇总: 有空来坐坐: 。

高学德
2021-12-22
    给首页加上背景 将背景代码写在已有的代码(比如鼠标,背景音乐)里,不然没有效果。如果单独放置,必须在代码前面加一个任意字符。 整体模板源代码: body {background:url(页面背景图片) repeat scroll!important;} 。
    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("正文背景图片");} 。
    gbook 。up{ background:url('留言板标题栏上翻时的图片') no-repeat;} 。 wn{background:url('留言板标题栏下翻时的图片') no-repeat;} 。
   ge{background:url("正文文章页数图片") no-repeat center;} (以上代码只适用于sina blog,把文字部分改成图片地址即可。  但图片地址必须是网络上已经存在的,否则不能显示。
  ) 注:需要哪部分就添加哪部分的代码,不需要的不用加。 操作如下所示: 控制面板----个人首页维护----自定义空白面板---已有模块 ----钩显示源代码----粘贴代码----去掉钩----保存 如果是新增的面板可以复制代码---控制面板-----新增空白面板-----钩选显示源代码(出现钩号,同时文档里出现DIV的字样)----代码前面加一个任意字符----粘贴代码----钩选显示源代码(钩号消失)-----保存新增面板----定制个人首页----选取新增个人面板----保存设置(OK了) 我写了一篇《提高博客访问量的秘技》你可以去看一看 希望以上的回答能对你有所帮助!为你的博客祝福!博得开心快乐! 你也可以到我那里看看关于博客的建设。
     红狼 狼行天下 嗷嗷嗷!!! 欢迎登陆我的博客 。

吴冰燕
2021-12-22
欢迎到我这里来看看,有《博客装修代码全攻略》,超酷美图一定有你喜欢的!!

唐幽筠
2021-12-22
来我的博客:

曼青菲菲
2021-12-22
欢迎到我的博客来看看 在文章分类中有一些“首页制作技巧”。

遗漏中寻找
2021-12-22
    完全可以DIY ,素材我博客很多,代码如下 body {background:url("页面大背景图片地址") repeat scroll!important;} 。
  logo {background:url("题图上背景图片地址") 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("正文背景图片地址");} 。gbook 。
  up {background:url("留言板标题栏上翻时的图片地址") no-repeat;} 。   wn{background:url("留言板标题栏下翻时的图片地址") no-repeat;} 。
   ge{background:url("正文文章页数图片地址") no-repeat center;} “页面大背景(body)”指的是整个博客的最大背景,由于中间部分被覆盖,所以显示的效果只是两边的部分。
     “题图上背景(logo)”是指所在的横长条的背景。 “题图下背景(banner)”是指博客名字(如捉梦的BLOG)和博客地址(如 其中logo和banner宽各为770,logo高40,banner高134,单位均为像素。
   “题图下的菜单背景”是指“HOME。  。。搜索┆帮助┆退出”等字所在的那个横长条的背景。 “正文标题栏上翻时的图片”指的是文章发表了之后文章标题的图片。 “面板标题栏下翻时的图片”指的是点击标题后出现标题后的后面的图片。
   “面板的背景图片”指的是左边比如我的文章列表什么的背景图片。 “页面内背景”是指整个文章文字所在的大背景! 修改模板的时候可以灵活运用上面的代码,有些可以不要改,不想改哪项就把哪项的代码删掉就可以了。
     假如不知道这些背景图片的大小,就具体在哪张图片上就点击鼠标右键,点背景另存为,把图片存到电脑上,然后看大小就可以了。 注意:以上所用到的图片地址都是图片的URL地址,也就是网络地址,而不是本地地址,本地地址不能用。
   这些都是CSS代码,代码不能添加在什么都没有的空白面板里,要不然会没有效果。   在添加空白面板的时候,先按个空格键,接着在显示源代码前打勾,再把代码放进去;或者可以把代码放在已建的面板里的其他东西的代码后面,比如放在你的时钟代码后面或者天气预报代码后面什么的都可以,建议最好用此方法。
   PS。:我感觉一般最好不要轻易的改背景,颜色的协调及图片的大小什么不好把握。
    我弄了好几个背景总感觉不满意,索性不弄了,新浪提供的模板还是很不错的! 更多美化技巧、常见问题、装饰素材请点击我的博客:文章分类下的美化技巧 代码全都试过,很实用 有问题请留言,我回去你的博客尽力回答的 。

云淡风轻路
2021-12-22
呵呵,给自己的博客美容是我们每个人的责任! 我这里有一些代码,不知适不适合你,不过我觉得用它装点起来真的很好看:

推荐内容