简单的html贴图代码

·DN收集Di ~ 2006-10-20 23:24

简单的html贴图代码

如何贴背景图案（文字与图片居中）:

<center><table cellpadding=0 cellspacing=0 borderColorLight=#aaaaee border=8 WIDTH=98% align=center table background="背景图片或颜色
" width=700><tr><td><center><br><br><br>
文字或图片。。。
<td></table>

图片加边框:

图上做文:
<center><table width="700" border="0"><tbody><tr><td vAlign="left" background="图片地址
" width="1000" height="450">
“文字内容
”
</center></td></tr></table>

帖子里插入Flash代码：

<embed src="

http://Flash

地址
" width=500 height=340></embed>

贴MP3播放器的代码

支持rm或mid格式（随机播放）：

（非自动播放）:
<EMBED name=player1 src="http:--rm\mp3" width=248 height=66 type=audio/x-pn-realaudio-plugin border="0">

隐藏mp3播放器:

播放器直接放(在中间小图)：

视频常用播放器[MTV]

上下滚动特效代码:
<DIV align=center>
<MARQUEE onmouseout=scrollAmount=2 scrollAmount=2 direction=up width=300 height=260>
<P><P align=center>*文字内容园
*
</A>
<P></P></MARQUEE></DIV>
注：direction后面就滚动的方向，也可是down，left，right。

仔细看啸天大哥的第一个代码不对哦，
<center><table cellpadding=0 cellspacing=0 borderColorLight=#aaaaee border=8 WIDTH=98% align=center table background="背景图片或颜色
" width=700><tr><td><center><br><br><br>
文字或图片。。。
<td></table>

1，既然是用了向光色（borderColorLight），自然是还要有背光色的（borderColorDark）；
2，background就是图片的URL，与图片的颜色没关系；
3，多了一个table和一个WIDTH；
4，少了<TBODY>标签，虽说系统会自动加上这个标签，但应该养成习惯，自己手动加上的；
5，标签没有成对出现，这几乎是最重要的，不然是要出乱码的~

我猜完整的码是这样的吧
<center><table cellpadding=0 cellspacing=0 borderColorLight=颜色代码 borderColorDark=颜色代码 border=8 width=98% align=center background="图片地址"><tbody><tr><td>在这里可以加入内容，包括文字、图片、音乐等等</td></tr></tbody></table></center>

如果你的空间支持html代码的话,那么可以使用img代码来实现对图片的插入
在img代码使用width和height属性可以来调整图片的高度和宽度.
html部分教程
1.<img>
<img>标志并不是真正地把图像给加入到Html文档中，而是将标志对的src属性赋值，这个值是图形文件的文件名，当然包括路径，这个路径可以是相对路径，也可以是网址。实际上就是通过路径将图形文件嵌入到您的文档中。您可能并不知道什么是相对路径，我现在就来讲一讲相对路径。所谓相对路径是指您所要链接或嵌入到当前Html文档的文件与当前文件的相对位置所形成的路径。假如您的Html文件与图形文件(文件名假设是logo.gif)在同一个目录下，则可以将代码写成<img src="logo.gif">；假如您的图形文件放在当前的Html文档所在目录的一个子目录(子目录名假设是images)下，则代码应为<img src="images/logo.gif">；假如您的图形文件放在当前的Html文档所在目录的上层目录(目录名假设是home)下，则相对路径就必须是准网址了，即用“../”表示您的网站，然后在后边紧跟文件在您的网站中的路径，假设home是您的网站下的一个目录，则代码应为<img src="../home/logo.gif">，若home是您的网站下的目录king下边的一个子目录，则代码应该变为<img src="../king/home/logo.gif">了。现在您对相对路径应该有所了解了吧！
必须强调一下，src属性在<img>标志中是必须赋值的，是标志中不可缺少的一部分。除此之外，<img>标志还有alt、align、border、width和height属性。align是图像的对齐方式，在前边的教程中已经讲了很多了，这里就不再提了。border属性是图像的边框，可以取大于或者等于0的整数，默认单位是像素。width和Height属性是图像的宽和高，默认单位也是象素。alt属性是当鼠标移动到图像上时显示的文本。
2.<hr>
<hr>标志是在Html文档中加入一条水平线，它可以直接使用，具有size、color、width和noshade属性。size是设置水平线的厚度，而width是设定水平线的宽度，默认单位是像素。想必大家对color属性已经很熟悉了，在此就不再用多讲。noshade属性不用赋值，而是直接加入标志即可使用，它是用来加入一条没有阴影的水平线(不加入此属性水平线将有阴影)。
下面是本教程的一个综合例子。
例5 图像标志举例
<html>
<head>
<title>图像标志的综合示例</title>
</head>
<body>
<p align="center"><img src="../logo468_60.gif" alt="网页制作" WIDTH="468" HEIGHT="60"></p>
<hr width="600" size="1" color="#0000FF">
</body>
</html>

１、用鼠标拖动来改变大小
<SCRIPT LANGUAGE="JavaScript">
function resizeImage(evt,obj){
newX=evt.x
newY=evt.y
obj.width=newX
obj.height=newY
}
</script>
<img src="7say.gif" ondrag="resizeImage(event,this)">

２、用鼠标滚动控制图片大小
<img src="7say.gif" onmouseenter="focus();" onmouseout="blur();" onmousewheel="width+=(window.event.wheelDelta==120)?-5:+5;">

３、图片标签里用代码控制大小
<img border="0" src="[!--picurl--]" onload="if(this.width>screen.width-500)this.style.width=screen.width-500;">

４、CSS控制图片大小
1. css2直接实现: img{max-width: 500px;} (IE暂不支持)
2. expression实现: img{width:expression(width>500?"500px":width);} (IE only)
3. 使用js. 方法: 用 document.getElementsByTagName("IMG") 的方法取得全部img元素遍历img元素判断其宽度并做相应操作

一段自定义图片大小的代码<html>
<head>
<title>:::photo view</title>
<script>
function resize() {
pic = document.il;
if (eval(pic).height) { var name = navigator.appname
if (name == 'microsoft internet explorer') { myheight = eval(pic).height + 30; mywidth = eval(pic).width + 12;
} else { myheight = eval(pic).height + 50; mywidth = eval(pic).width; }
cleartimeout();
var height = screen.height;
var width = screen.width;
var leftpos = width / 2 - mywidth / 2;
var toppos = height / 2 - myheight / 2;
self.moveto(leftpos, toppos);
self.resizeto(mywidth, myheight);
}else settimeout(resize(), 100);}
</script>
</head>
<body topmargin="0" leftmargin="0" marginheight="0" bottommargin="0" rightmargin="0" marginwidth="0" oncontextmenu="return false" bgcolor="#ffffff">
<img border=0 src=../img/05.jpg xwidth=100 xheight=50 name=il onclick='window.close();' onload='resize();' style='cursor:hand'><br>
</body>

microangelo v5.59c 汉化版(修正版上传完了以后当然就是运用最新的鼠标代码把自己做的漂亮鼠标用进空间咯
代码:
<img src="document.body.style.cursor='url(\'刚才上传得到的地址\')';"><p>12</p>

网易相册贴图代码生成器 v1.1 作者：venchia|由ayeah的代码基础上修改而来|2006.03.21更新

http://www.nbday.com/ok/webtools/%cd%f8%d2%d7%cf%e0%b2%e1%cc%f9%cd%bc%b4%fa%c2%eb%c9%fa%b3%c9%c6%f7.htm

个性鼠标代码

个性鼠标代码

这个要讲的详细一点儿，否则一定不能成功。
切记，如果不想让自己版面杂乱的话就不要把鼠标代码放在空白面板上（这是关键，其它代码运用也存在这个问题），也把鼠标代码放在已有的面板上。

勾选显示源代码，出现<div></div>
输入下列代码：

<style type=text/css>
a:hover { cursor:url('http://webme.bokee.com/inc/mouse026.ani')}
body { cursor:url('http://webme.bokee.com/inc/mouse019.ani')}
</style>
</div>

看见上面鼠标网址——就是红色部分，两边各有一个这样（'）的符号，复制网址的时候千万不能弄掉。假如你还没有成功，就是你鼠标地址不能用了，或许关闭了，解决办法就是把鼠标地址粘贴到ie栏，链接，提示你下载，那么这个地址就可以用。

到这里http://myok.bokee.com/2081936.html寻找自己喜欢的鼠标代码。祝大家成功吧

个性鼠标代码
1、建立空白面板或在已建立的新面板上加进去即可，建议用第二种，因为前一种还要在空白面板上打字，比较麻烦.
出现空白面板的时候先在面板里写上几个字，然后在显示源代码前点上对号，再在后面粘贴下面的代码。还鼠标网址——就是蓝色部分，两边各有一个（'）的符号，复制网址的时候千万不能弄掉。
2、输入下列代码：
<style type=text/css>
a:hover {cursor:url(' http://****** ')}
body {cursor:url(' http://****** ')</style>
3、http://****** 是你存放鼠标指针的网络地址。

点击这里
后缀名为**.ico 的为静态
后缀名为**.cur 的为静态
后缀名为**.ani 的为动画

如果想自己制作自己的个性鼠标，请点击下载软件下载，免费上传鼠标的地址：http://bzwaltz.w1.net.cn/upload/upload.asp上传了就可以调用了。很麻烦的

网易图片地址
前面再加个地址就能连接了
http://5icat.net.ru/showpic.asp?url=
红色部分
就可以了
试验:
如h ttp://img361.photo.163.com/haigls/38303292/1139782605.jpg
地址,如果没加
http://5icat.net.ru/showpic.asp?url=

"http://perichr.cn/163/img.asp?url="或者“http://perichr.cn/163/img.php?url=”

破解网易相册无法外联

基本代码:

http://home.goofar.com/netm1/pic.asp?url=你的图片在网易相册的地址

例如：

http://home.goofar.com/netm1/pic ... 45458/976503029.gif

操作：

将给出的代码“http://home.goofar.com/netm1/pic.asp?url=”放在你网易相册

图片地址前面然后在ie中打开复制贴到bbs上

标签集:TAGS:

回复Comments() 点击Count()

回复Comments

{commenttime}{commentauthor}

{CommentUrl}

{commentcontent}