校内网涂鸦板如何移动贴图位置

来源:└博友窝  编辑:博客代码网  发布时间:2007-07-20  点击:  [收藏]

 

涂鸦版的秘密之怎样移动贴图的位置

基础补充:
▲页面贴图:<img src="http://img.xiaonei.com/photos/45/15/84278552.gif">

▲透明化贴图(推荐):<IMG style="FILTER: alpha(opacity=100 Style=3 FinishOpacity=0)black();" src=贴图的网址 width=400 height=300>
▲贴图透明加定位(强烈推荐):
<div style="FILTER: alpha(opacity=100 Style=3 FinishOpacity=0)black();position:absolute;Top:335px;left:266px;width:200px;height:128px;"><img width=100% src="http://img.xiaonei.com/photos/43/864/orig52995.jpg"></div>
................................




最近很多人问怎么改变页面我来试着解决这个问题,方案大体有两种

第一种,(感谢熊成安同学)

主要思想就是利用<div></div>标签的position,top,left属性精确定位

如:
<div style="position:absolute;Top:335px;left:266px;width:200px;height:128px;"><img width=100% src="http://sms.imobile.com.cn/Upload/I/P/4/MMSLOGO_45832.GIF"></div>


这个代码可以在自己的名字后面显示多个星级符号:(1024*768分辨率下)
<div style="background-image:url('http://www.xiaonei.com/images/star.gif');position:absolute;top:128px;left:618px;width:60px;height:8px;background-repeat:repeat-x;"></div>


第二种

如果我们放贴图在涂鸦版上,图片的位置是固定的,大小不能随便更改,现在介绍一种可以更改贴图位置的方法(有点复杂)

首先,贴图的位置是不能更改的,在我们校内网中能更改位置大小的只有动画效果,即为.swf文件,所以我们要把自己喜欢的贴图转化成.swf文件。
第一步,将贴图.jpg文件转换成.gif文件,这个很简单,在acdsee或者画图软件打开图片后,选择另存为,再选择类型为.gif文件就可以了

第二步,利用我上传的小工具可以将gif文件转换成.swf文件。

第三步,上传此.swf文件到互联网上,取得其网址

第四步,将代码放入涂鸦版版中
<embed style="left: 250px; width: 200px; position: absolute; top: 750px; height: 200px" align=right src=".swf文件的网址" type=application/x-shockwave-flash wmode="transparent" quality="high">
调整位置和大小(left: 250px,top: 750px,width: 200px,height: 200px分别表示到左边的距离,到顶部的距离(这两组数据调整位置),图片的宽度,图片的高度(这两组数据调整大小))。

第五步,确定,搞定了,呵呵
希望对大家美化页面有所帮助~!

 

gif2swf v2[1].5 汉化版.rar

 

 


文章地址:
└博友窝=本类=排行
  • 1周排行
  • 1月排行
  • 总排行