css里如何加入透明flash
[code]/*头部风格开始*/#header{
width:$sconfig[width];
margin:0 auto;
height:104px;
color:$sconfig[headcolor];
background:url($sconfig[logo]);
}
h1{ font: $sconfig[headsize] simhei; padding-top: 10px }
#head{ height: 77px }
#head h1 a{ color: $sconfig[headacolor]; }
#guidebar a{ color:#befb8d }
#head .head_left{
float:left;
height: 77px;
overflow: hidden;
padding: 0 0 0 60px;
color:#fff;
margin: 0
}
#head .head_right{
float: right;
text-align:right;
margin-right: 40px!important ;
margin-right: 20px;
font-size: 12px;
font-weight: normal;
}
/*头部风格结束*/[/code]blog5.1的?
template/default/skin/1/header.htm
template/default/skin/2/header.htm
<embed style="left: 0px; width: 1001px; height:900px; position: absolute; top: 30px;right:1px" src="$sconfig[flash]" type="application/octet-stream" wmode="transparent">
改这一段,你喜欢改成什么样就什么样啦。
[color=#0000ff]好了,现在大家一起学习加入透明flash的方法 :P
首先,大家找到[/color][color=#ff0000]#header{}[/color][color=#0000ff],因为代码都会写在这里面,如果你在这里面设置了背景图片,那么建议你把代码写到到[/color][color=#ff0000]#header div.lc{}[/color][color=#0000ff]或者[/color][color=#ff0000]#header div.rc{}[/color][color=#0000ff],如果你这两个里面也有背景图片的话,那么你就写到[/color][color=#ff0000]#header div.tit{}[/color][color=#0000ff]里面吧,一般[/color][color=#ff0000]#header div.tit{}[/color][color=#0000ff]里面很少有添加背景图片的。。如果你这个里面也有背景图的话。。。还是有办法,你随便找一个{},只要里面没有设置背景图的代码[b][[/b]一般设置背景图的代码都是[/color][color=#ff0000]background:url()[/color][color=#0000ff]或者[/color][color=#ff0000]background-[/color][color=#ff0000]image:url()[/color][color=#0000ff][b]][/b],你就可以把代码放到里面去[/color]
[size=3][color=#0000ff]之后是插入透明flash的代码:
[/color][/size][size=3][color=#0000ff][b][color=#ff0000]background:url("javascript:document.body.onload = function(){if(document.getElementById("header")){var objBlogList=document.getElementById("header");objBlogList.innerHTML="<div><embed src=\'http://imgfree.21cn.com/free/flash/9.swf\' wmode=transparent style=\'position:absolute\' width=990 height=280></div>"+objBlogList.innerHTML;}}");
[/color][/b]这是我空间使用的两个蝴蝶的透明flash代码,上面红色的字体是大家可以自由更改的属性,其他请按原样复制,不然,导致没有效果,本人不予处理以及解答
其中第一段红色字体不用我说也知道,就是你要设置的透明flash地址
第二段红色字体是设置flash宽度的
第三段红色字体是设置flash高度的
大家可以自己去调节和尝试[/color][/size]
[size=3][color=#0000ff]现在既然透明flash能够做出来了,那么我估计滚动字体的效果实现也就不难了,会html代码的朋友可以先研究起来了,本人也会尽快去尝试的[/color][/size]
[size=3][color=#0000ff]另外,昨天很多朋友跟我说很多空间设置了弹出提示框的代码,就是说刚进入一个空间,然后弹出例如:“欢迎来到XXX空间”的提示,其实这比透明flash简单多了,只是利用CSS调用[color=#ff0000]j[/color][color=#ff0000]avascript[/color],没有javascript往网页中添加html的过程,不过也不得不佩服能够想到做这个效果的朋友,脑子很不错。
既然说到这了,那我也把这个方法在这里扼要教一下吧
只要把[color=#ff0000]background:url(javascript:alert[/color](你要说的内容))代码添加到[color=#ff0000]#comm_info{}[/color]或[color=#ff0000]#m_links[/color] [color=#ff0000]div.item{}[/color]中就可以了 。。。。[/color][/size]
:P
[[i] 本帖最后由 孤风 于 2007-9-14 23:25 编辑 [/i]] 不错
透明FLASH应用挺广的
页:
[1]