在tumblr主题上定位flash对象

所以我使用的是this flash fish code和this is my theme。我试图让鱼停留在边栏边界之间，而不必向外移动。我发现，如果我使用left:600px移动侧边栏，但是当缩小浏览器时侧栏与我的帖子重叠，并且主题在不同的屏幕分辨率下显示方式不同，我可以将鱼留在侧栏中。我对这一切都很陌生，我尝试了很多东西，我越来越绝望。在tumblr主题上定位flash对象

有没有另一种方法可以让鱼留在边栏中？或只是一种方法来继续使用左侧属性，而不会重叠帖子？

鱼CSS

#fish{ 
    position:fixed; 
    padding-left:500px; 
    width:100px; 
    top:0px; 
    height:100%; 
}

侧边栏代码

#sb { 
    background-image:url(''); 
    font-family:calibri; 
    text-align:center; 
    font-size:8px; 
    text-transform:uppercase; 
    color:{color:sbtext}; 
    width:200px; 
    padding:10px; 
    left:600px; 
    height:100%; 
    border:1px solid {color:border}; 
    position:fixed; 
    bottom:0; 
    background:transparent; 
}

职位代码

#stuffcontainer { 
    margin-left:250px; 
    float:left; 
    margin-top:75px; 
    text-align:justify; 
    font-family:calibri; 
    color:{color:text}; 
    margin-bottom: 5%; 
    padding-left:200px; 
} 

#stuff { 
    width:500px; 
    margin-top:50px; 
    text-align:justify; 
    font-size:11px; 
    line-height:90%; 
    letter-spacing:0.5px; 
    color:{color:text}; 
    padding-bottom:15px; 
    padding:20px; 
    border:1px solid {color:border}; 
    background-color:{color:bg}; 
}

鱼代码

<div id="fish" style="position:fixed; left:120px;top:0px;" class="main"> 
    <object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/fish/fish.swf?up_fishName=Fish&amp;up_fishColor3=D7EAF5&amp;up_backgroundColor=FFFFFF&amp;up_fishColor8=D7EAF5&amp;up_numFish=10&amp;up_fishColor10=D7EAF5&amp;up_backgroundImage=http://&amp;up_fishColor9=D7EAF5&amp;up_fishColor6=D7EAF5&amp;up_fishColor2=D7EAF5&amp;up_foodColor=BBBBBB&amp;up_fishColor5=D7EAF5&amp;up_fishColor7=D7EAF5&amp;up_fishColor1=D7EAF5&amp;up_fishColor4=D7EAF5&amp;" 
    width="200" height="100%"> 
    <param name="movie" value= 
    "http://cdn.abowman.com/widgets/fish/fish.swf?up_fishName=Fish&amp;up_fishColor3=D7EAF5&amp;up_backgroundColor=FFFFFF&amp;up_fishColor8=D7EAF5&amp;up_numFish=10&amp;up_fishColor10=D7EAF5&amp;up_backgroundImage=http://&amp;up_fishColor9=D7EAF5&amp;up_fishColor6=D7EAF5&amp;up_fishColor2=D7EAF5&amp;up_foodColor=BBBBBB&amp;up_fishColor5=D7EAF5&amp;up_fishColor7=D7EAF5&amp;up_fishColor1=D7EAF5&amp;up_fishColor4=D7EAF5&amp;" /> 
    <param name="AllowScriptAccess" value="always" /> 
    <param name="wmode" value="opaque" /> 
    <param name="scale" value="noscale" /> 
    <param name="salign" value="tl" /> 
    </object>

更新：我试着移动鱼码，以便代码与侧边栏在同一个div中。没有运气。

来源

2014-03-25 user3460858

也是我的整个代码可以在这里找到http://pastebin.com/raw.php?i=KmAPyKuH – user3460858

-1

嘿不是你想要我想象中的答案，但....

...我敢肯定，鱼运动将通过ActionScript中的Flash文件内进行控制。不幸的是，除非你有权访问源fla文件（不仅仅是swf文件），否则你将无法操纵鱼的运动。我猜你不会像文件托管在http://cdn.abowman.com/

好吧，我要开始编辑我的答案。

的#fish容器具有属性

position:fixed,

这需要它出文档的正常流动的。

如果您希望它们响应地工作，我会为整个内容创建另一个div包装，将其设置为适当的宽度。你可以做

max-width:1200px; 
width:80%;

然后在此父容器中插入#fish容器，它将包装所有页面内容。

如果我有时间，我会尝试为你创造一些东西。

来源

2014-03-26 10:27:27 lharby

好吧，但喜欢，我觉得实际源文件应该不重要？我真的不想操纵鱼的运动，我只是想闪光物体本身留在原地。这真的不可能吗？正如你可以在我的博客上看到的，我实际上是将鱼留在原地，但侧栏与我的帖子重叠。没有办法解决这个问题吗？ – user3460858

好的，我正在编辑我的答案，但还有一段路要走。 – lharby

嘿，你有没有想出一个解决方案？我不打算打扰你或任何事情。 – user3460858

更改wmode参数透明：

<param name="wmode" value="transparent">

来源

2016-02-18 10:28:37 CatalinBerta

在tumblr主题上定位flash对象

回答

相关问题