怎么更改博客背景图案
博客改变背景代码:滚动的大背景代码:body{b("页面大背景图片地址")repeatscroll!important;}repeat重复,当图片的大小不够的时候会以平铺显示scroll卷轴,大背景会随着右边滚动条拉动的时候而滚动固定的大背景代码body{b("页面大背景图片地址")repeatfixed!important;}fixed固定,大背景不会因为你拉动滚动条而滚动背景透明代码:body{background:#transparent)repeatscroll!important;}使用说明:找到你喜欢的图片(1024*768规格),然后把图片地址覆盖在代码中的("页面大背景图片地址")上面,找一个已经有内容的模块添加这段代码,就能改变你的BLOG背景了,具体用以上那一种代码,看你个人喜好了。 1,控制面板----首页内容维护----定义空白模板----新建,创建模块标题,复制粘贴编写代码----保存并返回; 2,控制面板----定制我的首页----点添加模块----点选创建好的模块标题---勾上并保存,移动新建面板位置--保存设置。 做第二步的目的是将建立好的模块在博客个人首页里呈现出来。。
如何设置标题
自定义新浪博客各处模板一改变BLOG标题大小的代码:。banner。titletd{font-size:36px;}。banner。titletd{FILTER:glow(color=#000000,direction=2);}。 banner。titletd{color:#ffff66;}。bannertable{background:#transparent;filter:alpha(opacity=85);border:0pxsolid#000;}36px为标题文字的字体大小#000000表示文字效果(显影)的颜,direction=2表示发光效果的强弱,数值可自行设定,自己觉得合适即可。 banner。titletd{color:#ffff66;}表示标题文字的主颜annertable{background:#transparent;filter:alpha(opacity=85);border:0pxsolid#000;}这个是文字及其外框的设置:background:后面的值为标题外框的颜色效果;opacity=85是表示文字的透明度,值越小越透明;border:0px表示外框线条的粗细,数值越大边框线条越粗,数值设为0表示边框隐藏。 --------------------------------------------------------------------------------二页面宽度的代码:。bodyTop{width:900px;}。 bodyBg{width:900px;}。bodyBottom{width:900px;}。feeds。text{width:660px;}。label{width:20px;}。photo{width:200px;}。 callboard{width:200px;}。links{width:200px;}。calendar{width:200px;}。sysBr180{width:200px;}参数说明:。bodyTop指的是页面顶部的宽度,控制了banner(就是题图)的宽度。 。bodyBg指的是整个页面的宽度,其值最好与上者相同(也可以自行变化)。。bodyBottom指的是页面底部的宽度,其值最好是与上面相同。。feeds。text指的是正文部分的宽度(也就是文章部分的宽度)。。label指的是面板的宽度(其值加正文宽度的值应略小于整个页面的宽度)。 。photo指的是形象照片面板的宽度(其值同上)。。callboard指的是公告栏的宽度(其值同上)。。links面板(也即最新留言、最新评论等面板)宽度(其值同上)。。calendar日历的宽度(其值同上)。。 sysBr180这个值比较特殊,其值同以上各面板宽度近似,但不一定相同大家应当根据自己设置的宽度进行调节。width后面的数字就是你要修改的宽度值,可根据自己的需要设置。面板的宽度值大约为190左右;如果要改成全屏,整个页面总宽度约为995-996。 不过要更改模板宽度的话建议面板的宽度不必改,只需用代码中的前四个参数就行了。--------------------------------------------------------------------------------三博客改变背景代码:滚动的大背景代码:body{background:url("页面大背景图片地址")repeatscroll!important;}repeat重复,当图片的大小不够的时候会以平铺显示scroll卷轴,大背景会随着右边滚动条拉动的时候而滚动固定的大背景代码body{background:url("页面大背景图片地址")repeatfixed!important;}fixed固定,大背景不会因为你拉动滚动条而滚动背景透明代码:body{background:#transparent)repeatscroll!important;}使用说明:找到你喜欢的图片(1024*768规格),把它存在你的博客里,具体方法参考无限制上传图片的方法然后把图片地址覆盖在代码中的("页面大背景图片地址")上面,找一个已经有内容的模块添加这段代码,就能改变你的BLOG背景了,具体用以上那一种代码,看你个人喜好了!--------------------------------------------------------------------------------四自定义博客各部分背景代码:。 logo{background:url("题图上背景图片地址")norepeatnoscroll!mportant;}。banner{background:url("题图下背景图片地址")norepeatnoscroll!mportant;}。 menu{background:url("题图下的菜单背景图片地址")no-repeatcenter;}。feeds。up{background:url("正文标题栏上翻时的图片地址")no-repeatcenter;}。 wn{background:url("正文标题栏下翻时的图片地址")no-repeatcenter;}。feeds。function{background:url("正文摘要结尾处菜单的图片地址")no-repeatright; }。 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-repeatcenter;}。re{background:url("最新文章列表下的MORE的背景图片")no-repeatright;}代码说明:页面大背景(body)指的是整个博客的最大背景,由于中间部分被覆盖,所以显示的效果只是两边的部分。 题图上背景(logo)是指所在的横长条的背景。题图下背景(banner)是指博客名字博客地址复制 ?收藏本页)所在的那部分的背景。logo和banner宽各为770,logo高40,banner高134,单位均为像素。题图下的菜单背景”是指“HOME。 。。搜索┆帮助┆退出”等字所在的那个横长条的背景。正文标题栏上翻时的图片指的是文章发表了之后文章标题的图片。面板标题栏下翻时的图片指的是点击标题后出现标题后的后面的图片。面板的背景图片指的是左边比如我的文章列表什么的背景图片。 正文背景是指整个文章文字所在的大背景!以上代码可以更改博客各个部分的图片,更换的图片尺寸要和原尺寸一模一样,关于上传图片和怎么得到图片地址请参考:无限制上传图片的方法--------------------------------------------------------------------------------如果想叫某一部分背景或者全部变的透明的话,在以上代码中大括号里面内容换上background:#transparent就能实现透明效果,例如横幅代码:。 logo{background:url("题图上背景图片地址")norepeatnoscroll!mportant;}以上代码中红色部分全部改成:background:#transparent示范:。 logo{background:#transparent}以上所有代码必须添加在已经有内容的模块中,例如模块里面已经有了时钟,天气预报等等内容! 具体操作步骤是:复制代码--->控制面板--->新增空白面板--->钩选源代码(出现钩号,同时文档里出现DIV的字样)--->粘贴代码--->钩选源代码(钩号消失)--->保存新增面板--->定制个人首页--->选取新增个人面板--->保存。
这段jquery代码,怎么改,可以实现点击后展示下一级菜单
引入jQuery跑一下
写html代码怎么命名才能简单明了
- 感谢邀请,HTML代码,通常来说,包含:1、元素标签代码,即body,div,p,a,input等等;2、css代码;3、JS代码。三者都有各自的命名规范。根据不同的企业习惯,规范也不一样。不过,一般而言。简单明了肯定是所有开发命名中的重要考虑点。列举一些常用的CSS标准化设计命名:
- 1、类class的命名规范示例
- 头:header
- 内容:content/container
- 尾:footer
- 导航:nav
- 侧栏:sidebar
- 栏目:column
- 页面外围控制整体布局宽度:wrapper
- 左右中:left right center
- 登录条:loginbar
- 标志:logo
- 广告:banner
- 页面主体:main
- 热点:hot
- 新闻:news
- 下载:download
- 子导航:subnav
- 菜单:menu
- 子菜单:submenu
- 搜索:search
- 友情链接:friendlink
- 页脚:footer
- 版权:copyright
- 滚动:scroll
- 内容:content
- 标签页:tab
- 文章列表:list
- 提示信息:msg
- 小技巧:tips
- 栏目标题:title
- 加入:joinus
- 指南:guild
- 服务:service
- 注册:regsiter
- 状态:status
- 投票:vote
- 合作伙伴:partner
- 2、注释的写法
- / Footer /
- 内容区
- / End Footer /
- 3、id的命名规范示例
- (1)页面结构
- 容器: container
- 页头:header
- 内容:content/container
- 页面主体:main
- 页尾:footer
- 导航:nav
- 侧栏:sidebar
- 栏目:column
- 页面外围控制整体布局宽度:wrappe
- 左右中:left right center
- (2)导航
- 导航:nav
- 主导航:mainbav
- 子导航:subnav
- 顶导航:topnav
- 边导航:sidebar
- 左导航:leftsidebar
- 右导航:rightsidebar
- 菜单:menu
- 子菜单:submenu
- 标题: title
- 摘要: summary
- (3)功能
- 标志:logo
- 广告:banner
- 登陆:login
- 登录条:loginbar
- 注册:regsiter
- 搜索:search
- 功能区:shop
- 标题:title
- 加入:joinus
- 状态:status
- 按钮:btn
- 滚动:scroll
- 标签页:tab
- 文章列表:list
- 提示信息:msg
- 当前的: current
- 小技巧:tips
- 图标: icon
- 注释:note
- 指南:guild
- 服务:service
- 热点:hot
- 新闻:news
- 下载:download
- 投票:vote
- 合作伙伴:partner
- 友情链接:link
- 版权:copyright
- 4、类class的书写规范示例
- (1)颜色:使用颜色的名称或者16进制代码,如
- .red { color: red; }
- .f60 { color: #f60; }
- .ff8600 { color: #ff8600; }
- .font12px { font-size: 12px; }
- .font9pt {font-size: 9pt; }
- (3)对齐样式,使用对齐目标的英文名称,如
- .left { float:left; }
- .bottom { float:bottom; }
- (4)标题栏样式,使用"类别 功能"的命名,如
- .barnews { }
- .barproduct { }
- 5、CSS文件命名示例
- 主要的 master.css
- 模块 module.css
- 基本共用 base.css
- 布局,版面 layout.css
- 主题 themes.css
- 专栏 columns.css
- 文字 font.css
- 表单 forms.css
- 补丁 mend.css
- 打印 print.css6、注意事项
- (1)一律小写;
- (2)尽量用英文;
- (3)不加中杠和下划线;
- (4)尽量不缩写,除非一看就明白的单词。
JS的命名规范,不同习惯会略有不同,类似于Java命名规范,就不列举了。

















