图片定位代码+背景图片的使用方法

洛美lml 2012-12-16

展开全文

图片定位代码：

背景图片的使用方法

最近一段时间，很多朋友和我一样都比较热衷于背景图片的使用。为此我找了一些背景图片的使用方法，和朋友们一起学习使用。

制作背景非常简单。所以，我又整理了一下，争取达到，图文并茂、简单易学，让更多的朋友学会使用背景，让更多朋友的贴子靓起来。

单层背景的制作

第一步：打开撰写新日志窗口，勾选“显示源代码”，将下面的代码复制后粘贴于撰写栏内。

代码：<TABLE style="BACKGROUND-IMAGE: url(图片地址); WIDTH: 100%" cellSpacing=45 cellPadding=2 bgColor=#ffffff border=4>
<TBODY>
<TR>
<TD>
<P align=center>日志内容</P>
<P align=center> </P></TD></TR></TBODY></TABLE>

第二步：取你喜欢的日志背景，点击鼠标右键，找到图片的地址。
第三步：代码中的“图片地址”换成上面图片的地址。
第四步：将代码中的“日志内容”换成自己的日志内容，或者取消“显示源代码”前方框内的对号，直接在撰写栏内撰写并排版日志。（效果图）

双层背景的制作

前三步同上。
第四步：将上面第一步的代码重新复制粘贴于“日志内容”中。

第五步：照前面的2、3、4步进行即可。（效果图）两个图片大小不合适，自己可以手动调整一下比例。怎么样，明白了吗？那还不赶快行动起来，把自己的日志做得更漂亮一些呢！

精美大图

宽幅背景

底纹

背景宽屏贴代码

<TD>

HTML语言，就是一个公式，网上有很多关于这方面的知识，我就画下下面的公式，大家照着描就好了，你只要在可以使用HTML功能的地方，把下面的“东西”照搬着放到里面就好：

这是个七层的公式，当然依次类推，你可以做的更多，或者你只要一层也可以啊：））

1第一层：<table div align="center" border="0" cellpadding="0" cellspacing="15" width="540" background="http://bbs.hnol.net/theimg/2004-6-20/18/2004620188861105.jpg">
<tr><td width="100%" align="center">

第二层：<table border="0" cellpadding="0" cellspacing="3" width="100%" background="http://www./UploadFile/2004-6/200462902553461.jpg">
<tr><td width="100%" align="center">

第三层：
<table border="0" cellpadding="0" cellspacing="20" width="100%" background="http://bbs.hnol.net/theimg/2004-6-20/18/200462018101221105.jpg">
<tr><td width="100%" align="center">

第四层：
<table border="0" cellpadding="0" cellspacing="2" width="100%" background="http://www./UploadFile/2004-6/200462902553461.jpg">
<tr><td width="100%" align="center">

第五层：
<table border="0" cellpadding="0" cellspacing="5" width="100%" background="http://bbs.hnol.net/theimg/2004-6-20/18/200462018103131105.jpg">
<tr><td width="100%" align="center">

第六层：
<table border="0" cellpadding="0" cellspacing="1" width="100%" background="http://www./UploadFile/2004-6/200462902553461.jpg">
<tr><td width="100%" align="center">

第七层：
<table border="0" cellpadding="0" cellspacing="0" width="100%" background="http://bbs.hnol.net/theimg/2004-6-20/18/200462018101221105.jpg">
<tr><td width="100%" align="center">

大家看见了吧，除了第一层有几个格式不一样，后面几个基本一样，就是限定的数字不一样，由你自己限定，做出来看着好看就好了，这是目的：））

注意，还有这个也是不一样的--background="http://bbs.hnol.net/theimg/2004-6-20/18/200462018101221105.jpg"*>，就是引号里面的。那个网址就是你自己想要放在自己网页里面的背景图片，你想想如果都用一种背景图片，我们干吗这么费劲地做七遍啊：））所以要选择不同的背景图片才可以显示层次感，才会丰富好看啊：）））当然，选择的时候几层要搭调，就的协调，才好看。大家看明白了吗？

上面介绍的就是背景的制作。

接下来，就要把自己喜欢的图片和文字加上---

也很简单，图片的最简单格式---

下面是代码：

复制你换好背景图片后上面的代码---点回复话题---打开话题窗口后----点击右下角的方框，先把右下角的源文件挑上勾，把代码复制进去，显示有对勾----粘贴代码----然后把勾去掉，----在背景里编辑图文----点击提交，大功告成，朋友试一下吧，举一反三，触类旁通，不难哦！！！

于2010年01月22日09:51由罗美丽最后一次修改

谢谢美丽这么详细的教程，一定抽时间好好练练。

：

王蒙恩

加为好友

打招呼

谢谢

美丽这么详细的教程，一定抽时间好好练练。

期待看到朋友的作品！

于2010年01月21日20:24由罗美丽最后一次修改

简单的无边框宽屏音画帖制作

<DIV style="LEFT: -230px; WIDTH: 1000px; POSITION: relative; TOP: 80px">
<IMG src="输入你的图片地址">

<EMBED style="LEFT: 200px; POSITION: absolute; TOP: 50px; absolute: " align=right src=http://zxw8898./swf/029.swf width=600 height=400 type=application/x-shockwave-flash wmode="transparent" quality="high" ;;>

<EMBED style="LEFT: 200px; POSITION: absolute; TOP:350px; absolute: " align=right src=http://zxw8898./swf/029.swf width=600 height=400 type=application/x-shockwave-flash wmode="transparent" quality="high" ;;>

<EMBED style="LEFT: 0px; POSITION: absolute; TOP:480px; absolute: " align=right src=http://www./flash/cloud.swf
width=1000 height=300 type=application/x-shockwave-flash wmode="transparent" quality="high" ;;>

<EMBED src=http://210.42.35.12/soft/uploadsoft/cjhyy.mp3 width=0 height=0 hidden=true type=audio/mpeg loop="-1" AUTOSTART="1">

第一行为图片，LEFT: -230px是图片的左边距，WIDTH: 1000px是图片的宽度，TOP: 80px是图片与顶部的高度，这些数值都是可以根据需要调整的，图片也可自由更换地址

第二至四行是三个透明FLASH，其中的数值与第一行作用相同，透明FLASH地址也可更换

第五行是音乐，这个贴子用的是隐藏播放器，用的是MP3格式

只要你复制上面的代码！就能做出个性音画帖咯！多动手吧，你的贴子也一样可以漂亮起来~~