查看: 3670|回复: 35

快速学代码 —— 九天、偶相逢、灏宇 请进

[复制链接]

发表于 2007-9-23 00:11 | 显示全部楼层 |阅读模式
效果图(借冰心姐姐的原图):

这画里
月白风清

凝秋夜

一地的温情

任感动
放飞
思绪万千
在暖暖的烟火里
把喜悦
浸融

静谥安详
历数
岁月的沧桑
生命中
把永远的牵挂
凝望

用情筑下
月光绽放的花蕊
用畅想
让艳丽
绝美

 


http://www.bbsman.com/viewthread.php?tid=114247&extra=page%3D1

 楼主| 发表于 2007-9-23 00:13 | 显示全部楼层

代码如下,我区别开不同的颜色,然后逐个讲解,要耐心的看哦

 

<TABLE id=table1 style="LEFT: -210px; WIDTH: 737px; POSITION: relative; TOP: 30px" cellSpacing=0>
<TBODY>
<TR>
<TD>
<p  align=center>


<TABLE cellSpacing=0 cellPadding=0 width=737  height=777  background=http://www.bbsman.com/attachments/month_0709/20070919_eb790865a8ebb8372be3iRdZKmPistC6.jpg border=1 bortercolor="#000000">
<TBODY>
<TR>
<TD>


<p align=center>

<EMBED align=right src=http://myhome.naver.net/brown444/swish/s22-m.swf width=715 height=770 type=application/x-shockwave-flash tybe="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent"> <EMBED align=center src=http://myhome.naver.net/brown444/swish/s100-m.swf width=700 height=720 type=application/x-shockwave-flash tybe="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent">

 

</P>


<DIV style="LEFT: 550px; WIDTH: 200px; POSITION: absolute; TOP: 100px; HEIGHT: 50px">
<MARQUEE scrollAmount=1 scrollDelay=80 direction=up width=280 height=550><FONT face=楷书 color=#eeeeee size=4>这画里<BR>月白风清<BR>我<BR>凝秋夜<BR>拥<BR>一地的温情<BR><BR>任感动<BR>放飞<BR>思绪万千<BR>在暖暖的烟火里<BR>把喜悦<BR>浸融<BR><BR>静谥安详<BR>历数<BR>岁月的沧桑<BR>生命中<BR>把永远的牵挂<BR>凝望<BR><BR>用情筑下<BR>月光绽放的花蕊<BR>用畅想<BR>让艳丽<BR>绝美 <BR></FONT></MARQUEE></DIV>

 

</TD></TR></TBODY></TABLE>

 

</P>

 

</TD></TR></TBODY></TABLE> 

 

<EMBED src=http://file7.ddbar.com/20070829/9f666e41/01.mp3 width=0 height=0 type=audio/mpeg autostart="true" loop="true"><BR><BR><BR>

回复 使用道具


 楼主| 发表于 2007-9-23 00:18 | 显示全部楼层

<TABLE id=table1 style="LEFT: -210px; WIDTH: 740px; POSITION: relative; TOP: 30px" cellSpacing=0>
<TBODY>
<TR>
<TD>
<p  align=center>

 

这组代码,是安排整个贴图的位置,是在本楼层中偏向左侧、居中、还是在右边。

 

其中: 

      <p  align=center>  是居中的代码

 

      LEFT: -210px    表示贴图距离屏幕左侧的距离,一般可设置为 -210或 -180,数值越大,则帖子越偏右;

 

      WIDTH: 740px    表示贴图的宽度,取值与所选图片的宽度一致即可;

     

     TOP: 30px   表示帖子距顶端距离的代码,一般取值为30px 即可,如果觉得挡住了自己的头像,可调整为80px ,但是不要太大,太大会使整个贴图太偏下,就不好看了。

   

 一般而言,这组代码只调整  LEFT: -210px    的数值即可,别的不需要作调整。

   

  

回复 使用道具


 楼主| 发表于 2007-9-23 00:18 | 显示全部楼层

<TABLE cellSpacing=0 cellPadding=0  width=图片的长  height=图片的高  background=图片地址  border=1 bortercolor="#000000">
<TBODY>
<TR>
<TD>

 

这组代码,是比较重要的,对帖子的成败占很大比重。

 

首先,把要用的图片找好地址如(http://www.bbsman.com/attachments/month_0709/20070919_eb790865a8ebb8372be3iRdZKmPistC6.jpg ),然后确定图片的长、高值,分别取代上述代码中的文字。

 

如2楼所写。

 

长、高的取值可以略微大于原图片1~2个 px ,但是不能大太多,否则会出现多余的部分图片

 

回复 使用道具


 楼主| 发表于 2007-9-23 00:18 | 显示全部楼层
<p align=center>

<EMBED align=right src=透明flash1地址  width=透明flash1的宽度  height=透明flash1的高度  type=application/x-shockwave-flash tybe="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent"> <EMBED align=center src=透明flash2的地址 width=透明flash2的宽度  height=透明flash2的高度  type=application/x-shockwave-flash tybe="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent">

</P>

 

这组代码确定透明flash。里面叠加了两个透明flash。更多的精美flash请在这里查询(http://www.bbsman.com/viewthread.php?tid=108630&extra=page%3D1

 

找到满意的flash后,分别把地址替代“透明flash1地址”和“透明flash2地址”

 

这里要注意的是: 透明flash1的宽度和高度  以及 透明flash2的宽度和高度 取值不能超过刚才的图片长和宽,一定要小于图片的长和宽,否则也会出现图片多余的现象。具体大小可以自己调整试验

 

回复 使用道具


 楼主| 发表于 2007-9-23 00:18 | 显示全部楼层

<DIV style="LEFT: 550px; WIDTH: 200px; POSITION: absolute; TOP: 100px; HEIGHT: 50px">
<MARQUEE scrollAmount=1 scrollDelay=80 direction=up width=280 height=550><FONT face=楷书 color=#eeeeee size=4>这画里<BR>月白风清<BR>我<BR>凝秋夜<BR>拥<BR>一地的温情<BR><BR>任感动<BR>放飞<BR>思绪万千<BR>在暖暖的烟火里<BR>把喜悦<BR>浸融<BR><BR>静谥安详<BR>历数<BR>岁月的沧桑<BR>生命中<BR>把永远的牵挂<BR>凝望<BR><BR>用情筑下<BR>月光绽放的花蕊<BR>用畅想<BR>让艳丽<BR>绝美 <BR></FONT></MARQUEE></DIV>

 

这组代码,是向上流动的文字。

其中 :

    第一行代码中: LEFT: 550px  表示文字距屏幕最左侧的距离,数值越大文字的位置越偏右。可以自己调整文字在整个图片里的左、中、右位置;

     其余数值暂时不用调整。

 

   第二行代码中:scrollAmount=1 表示文字移动的速度,取值越大,移动的速度越快;

                           scrollDelay=80  表示延时,即文字出来的时间延迟多少;

                           direction=up   表示文字移动的方向,up表示向上移动,down表示向下移动,left 表示向左移动,right表示向右移动

                           width=280 height=550  表示文字移动的宽度和高度,也是不要超过图片的长和高

                         

                           face=楷书  表示文字的字体,可直接用汉字描述

                           color=#eeeeee   表示文字的颜色,可参考这里的颜色取值(http://www.bbsman.com/viewthread.php?tid=114554

                           size=4  表示字号,可用字号是1~7号

    

     另外,文字之间分行,用一个<BR>代码;如果用了两个<BR>则文字之间会空开两行。

 

其余代码不要动,也不要删掉,照搬即可

 

 

 

 

 

回复 使用道具


 楼主| 发表于 2007-9-23 00:18 | 显示全部楼层

</TD></TR></TBODY></TABLE>

 

</P>

 

</TD></TR></TBODY></TABLE> 

 

这组是代码的结尾,一定不能缺少,切记!!

回复 使用道具


 楼主| 发表于 2007-9-23 00:19 | 显示全部楼层

<EMBED src=音乐地址  width=0 height=0 type=audio/mpeg autostart="true" loop="true"><BR><BR><BR>


这组是链接音乐的代码,只要把”音乐地址“填上即可

回复 使用道具


甘首五朝臣

发表于 2007-9-23 00:20 | 显示全部楼层
千千是在盖楼吗;P
回复 使用道具


莫问四书意

发表于 2007-9-23 00:25 | 显示全部楼层
这是什么呀?不懂:a048 :a048
回复 使用道具

您需要登录后才可以回帖 登录 | 注册

本版积分规则

九月家园

GMT+8, 2024-5-11 20:08

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

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