与UBB日志代码呼应,
以下内容未必都实用,
因有助于对源代码构成的分析了解,
特笼统收藏。
--------------------------------
--------------------------------
html使用代码大全
--------------------------
<DIV style="FONT-SIZE: 9pt">1)贴图:<img src="图片地址">
1)首行缩进2格:<p style="TEXT-INDENT: 2em">html使用代码大全</p>
2)加入连接:<a href="所要连接的相关地址">写上你想写的字</a>
3)在新窗口打开连接:<a href="相关地址" target="_blank">写上要写的字</a>
4)移动字体(走马灯):<marquee>写上你想写的字</marquee>
5)字体加粗:<b>写上你想写的字</b>
6)字体斜体:<i>写上你想写的字</i>
7)字体下划线: <u>写上你想写的字</u>
字体删除线: <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="230" height="28" type="audio/x-pn-realaudio-plugin" controls="ControlPanel" loop="0" autostart="true" volume="100" initfn="load-types" mime-types="mime.types"></embed>
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值见11)
22)贴网页:<iframe src="相关地址" width="宽度" height="高度"></iframe></DIV><DIV style="FONT-SIZE: 9pt">改变文字颜色的代码:
<font color=颜色>文字</font>
(color后面可以是英文也可以是颜色代码)
发光字代码:
<table style="FILTER: glow(color=#6CABE7,direction=2)">
阴影字代码:
<table style="FILTER: dropshadow(color=#cccccc, offx=2, offy=2, positive=2);">
浮雕文字代码:
<table style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1, positive=1);">
添加透明FLAHS的代码:
<embed src="flash文件地址" width="宽" height="高" type="application/x-shockwave-flash" wmode="transparent" quality="high">
跳转页面代码
<meta http-equiv="refresh" c>
风格的背景不动代码
将以下代码加在论坛简介里。效果:背景不动。
<Body bgproperties="fixed">
元素间的内容居中
<CENTER> </CENTER>
嵌入代码
<iframe border=0 vspace=0 hspace=0 marginwidth=0 marginheight=0 height=222 framespacing=0 frameborder=0 scrolling=no width=100% src=http://etxbbs.91.tc/t.htm></iframe>
背景图片
<BODY bgColor=#dddddd leftMargin=2 background=http://www.kfyes.com/bbs/plugins/lovewall/lovewall.jpg topMargin=2 onload=javascript:popUp()>
背景颜色
<TABLE height="100%" cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD vAlign=top bgColor=#8F2E01>内容!!!</TD></TR></TBODY></TABLE>
文字链接代码
如果您想点击某处文字会连接到另外一个网页的效果,这是超链接,代码是这样:
<a href="网站地址";>E天下</a>如果要点了这个文字以后重新打开一个窗口的话,代码是:<a href="http://cui.qq.topzj.com/forumdisplay.php?fid=23100&page=1"; target="_blank">E天下</a>
图片链接代码
如果要点一下图片就能打开一个网站的链接代码是这样的:
<a href="http://www.liukee.com/reg.asp?username=xpcjh";><img src="http://www.liukee.com/images/logo_177-51.gif"; width="150" height="100"></a>
如果要点一下图片就能打开一个网站的链接,并且重新打开一个窗口。代码是这样的:
<a href="http://www.123.com";; target="_blank"><img src="http://www.123.com/images/n/163logo.gif"; width="150" height="100"></a>上面的数字都能调节图片尺寸大小。
移动图片的代码
<marquee><img src="http://es.tom.com/images/2002/gamemm/0604/s/36.jpg";><img src="http://es.tom.com/images/2002/gamemm/0604/s/13.jpg";><img src="http://es.tom.com/images/2002/gamemm/0604/s/30.jpg";><marquee>
把里面的图片地址换成你的就行 想多放一个图片就按照格式在中间插入:
<img src="http://es.tom.com/images/2002/gamemm/0604/s/13.jpg";>
里面的图片地址自己定。
背景音乐的代码
如果想在你的网站上放上一段好听的背景音乐,代码是: <bgsound src="http://xxx.com/xxx.mid";loop=10>
<bgsound src="http://www.fan.com/midi/music.asp?id=3073";loop=30> 里面的背景音乐地址你能自己替换。
前面的是音乐地址,一般都以mid或者mp3的形式结尾 后面的数字是播放次数,下例为无限播放代码。
<bgsound balance="" src="http://www.educast.com.cn/upload/media/2006-09/12/160829316/123.mp3" volume="" loop="infinite"></bgsound>
-------------------------------------
感应鼠标抖动图片:
下拉菜单代码
1、多极菜单
2、本代码适合IE浏览器,代码如下:
弹出窗口代码
qq好友上线广告代码
网页两侧广告代码
右栏固定广告
漂浮广告代码
固定对联
随动对联-1
7.在字前加圆点:
<li>文字内容</li>
12.消除连接的下划线:
<a href="相关地址" style="text-decoration:none">文字内容</a>
13.滚动文字效果:
// marquee有四个方向参数,如图1
<marquee direction="up">文字内容</marquee>
图1
二、在博客中嵌入其他元素
1.在博客中贴图:
// width是图片的宽度,height是高度
<img src="图片地址"; width="120"; height="90"; alt="鼠标移动到图片上显示的字";>
2.在博客中贴Flash:
// width,height可以是指定的高度,也可以不设置,可以是100%
<embed src="flash地址" width="100%" height="100%">
3.在博客中贴音乐:loop="true" 循环播放(播放一次,true改为false)autostart="true" 自动开始播放(用户点击播放,true改为false)
<embed src="音乐地址" width="宽度" height="高度" autostart=false>
<EMBED ="音乐地址" width=200 height=40 type="audio/x-pn-realaudio-plugin" loop="true" autostart="true" controls="ControlPanel,StatusBar">
4.博客中贴食品:
<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>
5.固定日志背景不随滚动条滚动:
<body background="背景图片地址" body bgproperties=fixed>
超链接文字特效代码:
把下列代码之一添加到面板(文章)中,该面板(文章)中的链接即可显示相应的特效:
让链接变色代码:
<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover { color: #3399FF }
</STYLE>
增加链接的力度(字体变大)代码:
<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover {font-weight: bold }
</STYLE>
触到链接是出现虚线代码:
<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover {border-bottom:1px dashed #51bfe0 }
</STYLE>
会移动的链接代码:
<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover { ; left:1px; top:1px; }
</STYLE>
给链接添加背景色代码:
<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover { background-color: #CCFFFF; }
</STYLE>
图片(挂件)随滚动条移动代码:
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; ; RIGHT: +eval(document.body.clientWidth)-110); FILTER: progid:DXImageTransform.Microsoftpadding:8px; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; ; ; TOP: +eval(document.body.clientHeight)-400); TEXT-ALIGN: center"><IMG src="图片地址" border=0></DIV>
代码说明:
-100表示图片距离屏幕左侧的距离,负数值越大距离左侧越远;
-400表示图片距离屏幕下方的距离,负数值越大距离下方越远(越靠上);
效果预览:
如首页左侧图片。
图片上飘动的文字特效代码:
<TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>
<TBODY>
<TR>
<TD background=图片地址>
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=350>
<MARQUEE scrollAmount=3 behavior=alternate width=500>
<P align=center><FONT color=red size=6><B>图片上的文字</B></FONT></P></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>
代码说明:
width为浮动文字框架的宽度;
height为浮动文字框架的高度;
color=red表示文字颜色为红色(查询颜色代码)
效果预览:
以图片为背景发表文章代码:
<table width="450" border="0">
<tr>
<td height="500" background="图片地址"></td>
</tr>
</table> 效果预览:
这里是演示文字。 这些文字可以直接在图片上输入。 为了美观,建议从其他文本编辑器中直接将文章复制到图片上。 |
------------
<img src="图片地址" style="filter:FlipV">
左右镜像代码:
<img src="图片地址" style="filter:FlipH">
----------------
其它特效,链接有问题。
------------------------------
上一篇:隐藏日志20-9(本日志强制显示) 下一篇:超强的生命
回复Comments
作者:
{commentrecontent}