《教师生活365》网[师慧园]论坛

 找回密码
 必须实名注册
查看: 43|回复: 0
打印 上一主题 下一主题

装饰你的博客代码大全

[复制链接]

1万

主题

2万

帖子

20万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
204690
跳转到指定楼层
楼主
发表于 2015-2-9 12:21:57 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
原文地址:装饰你的博客代码大全作者:一生我心依旧



博客教程
一,基本代码的认识
1)贴图:<img src="图片地址">

2)加入连接:<a href="所要连接的相关地址">写上你想写的字</a>

3)在新窗口打开连接:<a href="相关地址" target="_blank">写上要写的字</a>

4)移动字体(走马灯):<marquee>写上你想写的字</marquee>

5)字体加粗:<b>写上你想写的字</b>

6)字体斜体:<i>写上你想写的字</i>

7)字体下划线: <u>写上你想写的字</u>

8)字体删除线: <s>写上你想写的字</s>

9)字体加大: <big>写上你想写的字</big>

10)字体控制大小:<h1>写上你想写的字</h1> (其中字体大小可从h1-h5,h1最大,h5最小)

11)更改字体颜色:<font color="#value">写上你想写的字</font>(其中value值在000000与ffffff(16位进   制)之间

12)消除连接的下划线:<a href="相关地址" style="text-decoration:none">写上你想写的字</a>

13)贴音乐:<embed src="音乐地址" width="宽度" height="高度" autostart=false>

14)贴flash: <embed src="flash地址" width="宽度" height="高度">

15)贴影视文件:<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>

16)换行:<br>

17)段落:<p>段落</p>

18)原始文字样式:<pre>正文</pre>

19)换帖子背景:<body background="背景图片地址">

20)固定帖子背景不随滚动条滚动:<body background="背景图片地址" body

bgproperties=fixed>

21)定制帖子背景颜色:<body bgcolor="#value">(value值见10)

22)帖子背景音乐:<bgsound="背景音乐地址" loop=infinite>

23)图片新窗口链接:<a href="所链接的地址" target=_blank><img src="图片地址" width="130" height="30" border=0></a>
24)使链接对象居中:<p align=center>"链接对象"</p>
25)贴图并设置尺寸:<img width="宽尺寸" height="高尺寸" src="图片地址">

二,制作滚动字幕
1.上下滚动:
给我你的友谊-不是在风光旖旋的时候
给我你的爱情_不是在群芳争艳的时候
给我你的温暖-不是在春回大地的时候
给我你的支援-不是在山巅欢呼的时候
给我你的真诚吧_在真诚被淹没的时候
我心依旧随笔

代码:<MARQUEE style="FONT-SIZE: 12px; WIDTH: 132px; COLOR: rgb(34,34,221); LINE-HEIGHT: 17px; HEIGHT: 125px" scrollAmount=1 scrollDelay=1 direction=up height=125>这里是文字<BR></MARQUEE>


2.左右滚动:

一生我心依旧欢迎你,放入代码后,点击这里就会出现文字编辑框.然后编辑你自己的文字就可以了。



代码:<marquee direction="left" scrollamount="1" scrolldelay="10" border="0" width=500 > border="0"><FONT color=#000066 size=3><FONT color=#ff0066>编辑你自己的文字。</FONT></FONT></MARQUEE></P>

[size=#] 制作滚动的图片
[size=#]首先新建一个模块,然后在模块中复制粘贴入以下代码:
<marquee direction=left scrollamount=4>
<img src="图片地址1" height=150>
</marquee>

图片新窗口链接:
<MARQUEE scrollAmount=2>
<A href=http://blog.sina.com.cn/u/1767073051 target=_blank><IMG height=300 src="图片地址" border=0></A>
</marquee>
注:1,图片地址处替换为你想要展示的图片的地址,即“http://……………….jpg”图片文件地址
2,height代表图片的高度,建议把所有的图片调整为相等的高度。
  3,scrollamount代表图片移动的速度,值越大移动越快。如果没有它,默认为6,建议设为1~3比较好。
  4,direction代表移动的方式,等号后面可以为left(自右向左)、right(自左向右)、up(自下向上)、down(自上向下)。
5,color=#000066 代表颜色size=3>代表文字大小
6,scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。


一、向左移动
<marquee><img src="http://s15.sinaimg.cn/middle/6953651bx96bd09d01cde&amp;690&amp;690"
<br>从右向左移动</marquee>
示例:


从右向左移动

二、向右移动
<marquee direction=right><img src="http://s15.sinaimg.cn/middle/6953651bx96bd09d01cde&amp;690&amp;690"
width=90 height=30><br><font color=0000ff size=3 face=宋体><b>从左向右移动</b></font></marquee>
示例:

从左向右移动

三、向上移动
<MARQUEE scrollAmount=2 direction=up>
<CENTER><FONT face=华文行楷 color=#0000ff size=5><B>向上移动</B></FONT><BR><IMG style="WIDTH: 162px; HEIGHT: 180px" height=30 src="http://s15.sinaimg.cn/middle/6953651bx96bd09d01cde&amp;690&amp;690"
  width=90></CENTER></MARQUEE>
示例:



向上移动




四、向下移动
<marquee direction=down scrollamount=5><center><font color=0000ff size=5 face=华文行楷><b>向下移动</b></font><br><img src="http://s15.sinaimg.cn/middle/6953651bx96bd09d01cde&amp;690&amp;690"
width=290 height=430></marquee>
示例:




向下移动




    五、来回移动
<marquee width=100% behavior=alternate scrollamount=10><img src="http://s15.sinaimg.cn/middle/6953651bx96bd09d01cde&amp;690&amp;690"
width=290 height=430><br><font color=0000ff size=5 face=华文行楷><b>来回移动</b></font></marquee>
示例:


来回移动
六、上下起伏

<MARQUEE>
<MARQUEE direction=up behavior=alternate height=100><IMG id=image_operate_82011292325774312 src="http://s15.sinaimg.cn/middle/6953651bx96bf0882257e&amp;690&amp;690"><FONT color=#ed1c24>一生我心依旧欢迎你<FONT face=华文行楷 size=3></B></FONT></FONT></MARQUEE></MARQUEE>
<MARQUEE>
<MARQUEE direction=up behavior=alternate height=100><IMG id=image_operate_23571292325990656 src="http://s15.sinaimg.cn/middle/6953651bx96bf0882257e&amp;690&amp;690"><FONT color=#22b14c>一生我心依旧欢迎你<FONT face=华文行楷 size=3></B></FONT></FONT></MARQUEE></MARQUEE>
一生我心依旧欢迎你 一生我心依旧欢迎你

七、中间向两边移动:

<center><br><marquee width=220 height=50><img src="http://s13.sinaimg.cn/middle/6953651bx975610f797ac&amp;690&amp;690" width=150 height=100><font face=华文彩云 color=#0000ff size=5><br>中间向两边移动</font></marquee><marquee direction=right width=220 height=50><img src="http://s13.sinaimg.cn/middle/6953651bx975610f797ac&amp;690&amp;690" width=150 height=100><font face=华文彩云 color=#0000ff size=5><br>中间向两边移动<br></marquee></font></center>


中间向两边移动

中间向两边移动

注: 各参数详解:

a)scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。

b)width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。

c)direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。

d)scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。

e)behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)



回复

使用道具 举报

您需要登录后才可以回帖 登录 | 必须实名注册

本版积分规则

QQ|Archiver|手机版|小黑屋|《教师生活365》网[师慧园]论坛  admin.php?action=setting&operation=basic

GMT+8, 2024-7-7 13:09 , Processed in 0.098991 second(s), 29 queries .

Powered by Discuz! X3.1

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表