分享

新浪博客代码集

 女人如烟 2009-09-03

 

默认分类   2007-02-09 11:35   阅读124   评论0  
字号:    

1.怎么才能让BLOG里面的挂件随屏幕移动?

 滚动挂件代码和普通代码不同,我们这边不提倡网友制作。
  提供左右挂件代码如下:
左联代码:
<DIV id=moaz style="LEFT: 10px; POSITION: absolute; TOP:50px"><IMG src="图片网址" border=0alt=左对联></DIV>  
右联代码:
<DIV id=moaz style="RIGHT: 10px; POSITION: absolute; TOP:50px"><IMG src="图片网址" border=0alt=右对联></DIV>
以上代码需要将文字"图片地址"替换成您的真实图片地址。

2.如何在首页的页面上加入花朵、鱼等动画

 blog首页中只要添加放如下代码,就能播放FLASH:

<DIV>
align=center><EMBED src=FLASH的网址 width=500 height=350type=application/x-shockwave-flash></DIV>

3.博客如何更换鼠标样式

 钩显示源代码(一定要钩选)----粘贴代码----去掉钩----保存。

<STYLE type=text/css>
a:hover {cursor:url('*.ani')}
BODY {cursor:url('*.ani
')}
</STYLE>

4.如何制作添加滚动公告栏效果!

 制作方法是在空白模板中添加。代码如下:
<DIV></DIV> 放在这个之间。
<MARQUEE style="WIDTH: 218px; HEIGHT: 86px" scrollAmount=1 scrollDelay=77 direction=up width=218 height=86 onmouseout="this.start()" onmouseover="this.stop()">各位博友大家好 <BR>欢迎来到本博客 <BR>如有问题请直接给我留言 <BR>我会尽力给大家一一解答</MARQUEE>
当然里面的字是可以随意修改的,新起一行必须加上<BR>,大家可以直接复制过去使用,然后修改里面的文字就是了。

5.如何在博客中添加FLASH透明背景

  代码<EMBED style="LEFT: 500px; POSITION: absolute; TOP: -70px" align=right src=flash链接 width=700 height=400 type=application/x-shockwave-flash wmode="transparent" quality="high" ;>  
  width 和height 是设定FLASH的高或宽。
  left是设定FLASH距离屏幕左边的长度
  top是设定FLASH距离屏幕顶部的长度
  属性值可根据个人要求修改为其它数值。在SWF文件网址出贴入flash在网上的实际地址,即以“http://”并以“.swf”结尾的flash地址连接,注意,不能为本地硬盘的flash地址,如:C:\Documents and Settings\linx\My Documents\flash\***.swf。

6.如何更改新浪博客的背景图


代码
<style type=text/css>
<!--
body{
    background:url(这里填写背景图片地址) #ffffff repeat scroll!important;
}
-->
</style>

  代码说明:
  将括号里面的这里填写背景图片地址替换为你所要显示的背景图片地址,#ffffff表示背景颜色为#ffffff(白色)修改为你想要的背景颜色代码,repeat表示图片平铺,不平铺改为no-repeat,
  scroll表示图片随对象滚动,图片固定不滚动改为fixed,!important表示这里的设置优先,不要将它去掉,否则有可能会引起冲突,造成显示不正常!

7.如何更改新浪博客的通栏图

 你也可以修改为自己上传的通栏图。可以通过代码修改环境属性来修改banner通栏图。
  首先,通栏图的大小必须为770*135象素!此处很重要!否则页面会变形!
在文本框中原有代码后加入以下两种代码之一,然后保存。
  1、<CENTER><IMG style="LEFT: 117px; POSITION: absolute; TOP: 55px" align=right src=网址 width=770 height=135></CENTER>
  2、<STYLE type=text/css>
.banner
{background:url(图片网址) no repeat no scroll!mportant;}
</STYLE>
  注解:其中网址为你要更换的通栏图在网上的实际连接
  两种代码的分别:
  1、会挡住你的博客原通栏图上的博客名字和连接,而且很容易改错,不推荐,适用于有一定技术可以自行在图片上添加链接的博友。
  2、不会挡住你的博客名字和连接,方法容易实现,推荐。

8.如何添加FLASH时钟

  代码
<div align="center"><embed src="时钟地址链接" width="180" height="180" type="application/x-shockwave-flash" /></div>
  代码说明:
  在时钟地址处贴入FLASH时钟的地址链接,FlASH的链接要符合以下条件:
  1, 必须后缀以"*.swf"结尾的。
  2, 必须是上传到网络上的地址,以http://开头
  例子,符合以上情况的地址“../...../...*.swf”
  width和height为FLASH的宽、高属性,属性的值可以自己修改。

9.如何制作滚动字幕面板

  代码:
<MARQUEE scrollAmount=1 scrollDelay=77 direction=up width=270 height=77
onmouseout="this.start()" onmouseover="this.stop()">你好!
<BR>欢迎
<BR>来到
<BR>我的
<BR>博客</MARQUEE>
  代码说明:
  1、scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
2、width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。
3、direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。
4、scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。
5、behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动) 。
  6、每行文字添加在<br></br>之间。

10.如何给文章加背景图

  代码一:
<STYLE type=text/css>
body
{background:url(图片网址);}
</STYLE>
代码二:
<div style='background:url(网址);'>
代码说明:代码一加入任意面板可以改变博客首页的背景图,此段代码加入某篇文章则默认成为某一篇文章的独立背景图。代码二只适合插入到文章源代码的最前面,而且切记加完后不要写</div>。

11.如何在图片上编辑文字

  代码:
<TABLE borderColor=#十六进制数 height=数字 width=数字 border=数字>
<TBODY>
<TR>
<TD vAlign=top background=背景图片链接></TD></TR></TBODY></TABLE>
  代码说明:
  代码的第一行图片框的属性,borderColor、height、width和border几个属性值可以进行修改,他们分别代表边框颜色,边框的高度,边框的宽度和边框的粗细值,其中边框颜色属性必须为十六进制数,或者为red、yellow、blue等。在background后面填入索要插入的背景图片的链接。
  注意,边框的宽高值最好根据图片的大小来设置。
代码设置好后,勾销“显示源代码”框,开始在图片上写文字,写文字的方法和在文本框中写文字的方法相同。

12.如何为博客添加在线新闻面板

 代码:
<TABLE cellSpacing=1 cellPadding=0 width="98%" border=0>
<TBODY>
<TR align=middle>
<TD align=middle bgColor=#ffffff colSpan=15 height=30><IFRAME border=0 name=sina_roll marginWidth=0 marginHeight=0 src="http://news.sina.com.cn/o/allnews/input/index.html" frameBorder=No width="100%" scrolling=no height=15></IFRAME></TD></TR></TBODY></TABLE>

13.如何在页面两侧添加浮动对联

   左侧对联代码:

<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-970); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-500); TEXT-ALIGN: center"><IMG src="图片网址" border=0></DIV>
 
  右侧对联代码:

<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-110); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-500); TEXT-ALIGN: center"><IMG src="图片网址" border=0></DIV>
代码说明:
   1、clientWidth后面负数的绝对值越大,图片越靠近左侧;
  2、clientHeight后面负数的绝对值越大,图片越靠近上部;
  3、“图片URL地址”处加入你想用到的图片的URL地址即可,建议使用BLOG内部的图片;
  注意:前两个参数需要根据图片的实际情况来设定,代码中的8px保持默认即可,无需改动;
  4、为了显示正常,请将电脑显示器分辨率设置为1024×768
 
 

整体模板源代码:
<STYLEtype=text/css>
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;}
.feeds .down{
background:url("正文标题栏下翻时的图片") no-
repeat center;}
.feeds .function{background:url("正文摘要结尾处菜单的图片")no-
repeat right;}
.links .up{
background:url("面板标题栏上翻时图片");}
.links .down{
background:url(面板标题栏下翻时的图片);}
.links .mid{
background:url(面板的背景图片);}
.photo .mid{
background:url(形象照片处的背景图片);}
.label .mid{
background:url(自定义面板的背景图片);}
.calendar .mid{
background:url("日历面板背景");}
.callboard .up{
background:url("公告栏标题栏上翻时图片");}
.callboard .down{
background:url("公告栏标题栏下翻时图片");}
.callboard .mid{
background:url("公告栏背景图片");}
.bodyBg{
background:url("正文背景图片");}
.bodyBottom{
background:url("正文背景图片");}
.gbook .up{
background:url('留言板标题栏上翻时的图片') no-repeat;}
.gbook .down{
background:url('留言板标题栏下翻时的图片') no-repeat;}
.feeds .page{
background:url("正文文章页数图片") no-repeat center;}
</STYLE>

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约