怎么做新浪BLOG模版??自己怎
你好:
怎么在博客中使用代码?
方法一:
1、控制面板--首页内容维护--定义空白模板--新建,创建模块标题,显示源代码粘贴代码(粘贴代码前,在普通模式下打一个空格,然后再进入源代码编辑模式,这时你会看到源代码中已经有一行代码了( ),这时你再将自己的代码粘贴到它的下面即可,因为CSS代码粘贴到新建立的模块中,没有别的内容,不会显示的)--保存并返回;
2、控制面板--定制我的首页--点添加模块--点选创建好的模块标题--勾上并保存,移动新建面板位置--保存设置。 我们做这一步的目的是将建立好的模块在博客个人首页里呈现出来。
方法二:
1、控制面板--首页内容维护--打开一个以前建的...全部
你好:
怎么在博客中使用代码?
方法一:
1、控制面板--首页内容维护--定义空白模板--新建,创建模块标题,显示源代码粘贴代码(粘贴代码前,在普通模式下打一个空格,然后再进入源代码编辑模式,这时你会看到源代码中已经有一行代码了( ),这时你再将自己的代码粘贴到它的下面即可,因为CSS代码粘贴到新建立的模块中,没有别的内容,不会显示的)--保存并返回;
2、控制面板--定制我的首页--点添加模块--点选创建好的模块标题--勾上并保存,移动新建面板位置--保存设置。
我们做这一步的目的是将建立好的模块在博客个人首页里呈现出来。
方法二:
1、控制面板--首页内容维护--打开一个以前建的自定义面板--显示源代码粘贴代码--把代码加到最后--保存并返回
2、如果你放代码的那个面板已经被使用了,这段代码就已经起作用了,如果没有使用,可以按上述方法一中2的内容操作!
-----------------------------------------------------
自定义新浪博客各处模板:
1)改变BLOG标题大小的代码:
。
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;}
36px为标题文字的字体大小
#000000表示文字效果(显影)的颜,direction=2表示发光效果的强弱,数值可自行设定,自己觉得合适即可。
banner 。title td{color:#ffff66;}表示标题文字的主颜色
banner table{background:#transparent; filter:alpha(opacity=85); border:0px solid #000;}这个是文字及其外框的设置:background:后面的值为标题外框的颜色效果;opacity=85是表示文字的透明度,值越小越透明;border:0px表示外框线条的粗细,数值越大边框线条越粗,数值设为0表示边框隐藏。
----------
2)页面宽度的代码:
。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。
不过要更改模板宽度的话建议面板的宽度不必改,只需用代码中的前四个参数就行了。
----------
3)博客改变背景代码:
滚动的大背景代码:
body {background:url("页面大背景图片地址") repeat scroll!important;}
repeat 重复,当图片的大小不够的时候会以平铺显示
scroll 卷轴,大背景会随着右边滚动条拉动的时候而滚动
固定的大背景代码
body {background:url("页面大背景图片地址") repeat fixed!important;}
fixed 固定,大背景不会因为你拉动滚动条而滚动
背景透明代码:
body
{background:#transparent) repeat scroll!important;}
使用说明:
找到你喜欢的图片(1024*768规格),把它存在你的博客里,具体方法参考无限制上传图片的方法然后把图片地址覆盖在代码中的("页面大背景图片地址")上面,找一个已经有内容的模块添加这段代码,就能改变你的BLOG背景了,具体用以上那一种代码,看你个人喜好了!
----------
4)自定义博客各部分背景代码:
。
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;}
。 re{background:url("最新文章列表下的MORE的背景图片") no-repeat right;}
代码说明:
页面大背景(body) 指的是整个博客的最大背景,由于中间部分被覆盖,所以显示的效果只是两边的部分。
题图上背景(logo) 是指所在的横长条的背景。
题图下背景(banner) 是指博客名字博客地址复制 ?收藏本页)所在的那部分的背景。
logo和banner宽各为770,logo高40,banner高134,单位均为像素。
题图下的菜单背景” 是指“HOME。。。搜索┆帮助┆退出”等字所在的那个横长条的背景。
正文标题栏上翻时的图片 指的是文章发表了之后文章标题的图片。
面板标题栏下翻时的图片指的是点击标题后出现标题后的后面的图片。
面板的背景图片 指的是左边比如我的文章列表什么的背景图片。
正文背景 是指整个文章文字所在的大背景!
以上代码可以更改博客各个部分的图片,更换的图片尺寸要和原尺寸一模一样,关于上传图片和怎么得到图片地址请参考:无限制上传图片的方法
----------
如果想叫某一部分背景或者全部变的透明的话,在以上代码中大括号里面内容换上background:#transparent就能实现透明效果,
例如横幅代码:
。
logo
{background:url("题图上背景图片地址") no repeat no scroll!mportant;}
以上代码中红色部分全部改成:background:#transparent
示范:
。
logo{background:#transparent}
以上所有代码必须添加在已经有内容的模块中,例如模块里面已经有了时钟,天气预报等等内容!
具体操作步骤是:复制代码→控制面板→新增空白面板→钩选源代码(出现钩号,同时文档里出现DIV的字样)→粘贴代码→钩选源代码(钩号消失)→保存新增面板→定制个人首页
→选取新增个人面板→保存
-------------------------------
改变鼠标指针:
01。
'
02。'
03。'
04。'
05。'
06。'
07。'
08。'
09。'
10。'
11。'
12。'
13。'
14。'
15。'
16。'
17。
'
18。'
19。'
20。'
21。'
22。'
23。'
24。'
25。'
26。'
27。'
28。'
29。'
30。'
31。'
32。'
33。
'
34。'
35。'
36。'
37。'
38。'
39。'
40。'
以下是更换鼠标指针的代码:
BODY{cursor:url('鼠标文件网址a');}
A {CURSOR: url('鼠标文件网址b');}
示范:
BODY{cursor:url(' }
A {CURSOR: url(' }
说明:
'鼠标文件网址a' 上面覆盖的是01号鼠标指针地址。
'鼠标文件网址b' 上面覆盖的是02号鼠标指针地址。
A和B也可以使用一个地址。
注意:网址地址两边的 ' ' 不能没有。
添加方法:
1,控制面板----首页内容维护----定义空白模板----新建,创建模块标题,显示源代码粘贴代码--保存并返回;
2,控制面板----定制我的首页----点添加模块----点选创建好的模块标题---勾上点击最下面的选取,(页面刷新后,鼠标点住一侧模块标题上,可上下移动新建面板位置)--最后点击保存设置。
做第二步的目的是将建立好的模块在博客个人首页里呈现出来。
引自奔跑博客
----------------------------------
添加新浪背景音乐自动播放操作的二个步骤:
一、控制面板添加编辑背景音乐:
第一步、 登录自己的博客(输入用户名、密码和验证码)
第二步、 进入控制面板→BLOG信息设置→首页内容维护,进入首页内容维护页面;
第三步、 从背景音乐播放列表的“点击进入编辑界面”链接,进入“自定义背景音乐”;
第四步、 进入“自定义背景音乐”后,点击“新增”按钮,进入添加列表标题界面;
第五步、 输入标题后,再点击“下一步”进入背景音乐曲目的添加、编辑界面;
◆提示:在这里,您最多可以创建 10 个自定义背景音乐列表;
第六步、在添加、编辑背景音乐曲目界面,点击“新增”按钮,在新增的空白栏目中分别填写正确的音乐名称、音乐播放url地址及音乐描述后,点击操作栏的“ √”保存此条目;
◆提示:
a。
如需【自动播放歌曲】,可把音乐列表的第一首歌曲的url链接地址填写为您的博客地址,同时再添加两首以上音频url链接地址即可;
b。 音乐名称的长度不能超过40个字符或20个汉字;
c。 音乐播放URL须填写mp3格式的音乐url地址,否则可能无法保证音乐能正常播放,音乐描述为选填项,描述最多为1000个字符或500个汉字;
d。
如对保存的栏目进行编辑或删除,可点击操作栏的“笔形”和“叉形”进行;
e。 在每个音乐列表中,您可以放入多达 100 首歌曲链接,并且可以调整这些歌曲的播放顺序。
第七步、添加、编辑完成后点击“保存”按钮,保存此列表中的曲目。
二、个人首页定制播放器:
第一步、登录自己的博客(输入用户名、密码和验证码)
第二步、进入控制面板→BLOG信息设置→定制我的首页;
第三步、点击左侧浮动图标“添加模块”,在“背景音乐播放列表”中钩选“使用该模块”并点击“选取”按钮,您可通过鼠标拖拽将该模块调整到合适的位置,最后点击左侧浮动图标“保存设置”即可。
完成以上操作后,音乐播放器模块便成功添加到您的BLOG个人首页上了!
。收起