1

私は自分のサイトで翻訳にこのサービスを使用しています。すべてがうまく機能しますが、1つだけです。サイトを翻訳すると、バーがドロップダウンします。

ページの翻訳が終了しました。
TranslateThisボタンによる翻訳| 翻訳を元に戻す>

それも問題ありませんが、問題はバーが私のサイトのコンテンツを覆い隠してしまうことです。コンテンツを隠すのではなく押し下げるような形式でスクリプトを変更する方法はありますか？これを翻訳する設定でこれを行う方法はわかりませんが、誰かがそこにハードコーディングする方法を理解するのを手伝ってくれるのではないかと思っていました。私はこれを自分で行うのに十分なJavaScriptについて知りません。

助けてくれてありがとう！

これは、コンテンツが隠蔽されていることの意味を示す短いビデオです。

これが私のサイトで使用されているTranslateThisコードです：

<!-- Begin TranslateThis Button -->
<div id="translate-this"><a href="http://translateth.is/" 
class="translate-this-button">Translate</a></div>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" src="http://x.translateth.is/translate-this.js">
</script>
<script type="text/javascript">
TranslateThis({
  GA : true,
  doneText : 'Page Finished Translating. Translated by the',
  undoText : 'Undo Translation »', 
  undoLength : 15000, 
  fromLang : 'en',
  ddLangs : [ 
'es',
'fr',
'en',
'ar',
'zh-CN',
'ko',
'it',
'cs',
'iw',
'de',
'pt-PT',
'ru',
'ja',
'vi',
'el',
'hi',
'nl',
'tr'
   ],
    btnImg : '/images/skin/translate-button.png',
    btnWidth : 120,
    btnHeight : 18,
});
</script>
<!-- End TranslateThis Button -->

誰もが提供できる助けをありがとう！

4

1 に答える 1

0

ポップアップは、クラスが動的に作成されたdivttb-undoです。これは、TranslateThisスクリプトに含まれているCSSファイルによって絶対的に配置されます。最も簡単な解決策は、バーを完全に非表示にすることです。

.ttb-undo {
   display: none;
}

CSSシートでその位置と上限値を変更することもできますが、プログラムで縮小されているため、どのようなジッターが発生するかわかりません。top: 0ルールを手動で削除しbottom: 0てFirebugに追加すると、縮小するにつれて物事が踊りました。

于 2011-08-17T04:15:32.977 に答える