在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對象

回答

相關問題