TOP ON JOOMLAボタン

  • タイプ - あなたはJoomlaのサイトまでページをスクロールすることができますプラグイン。

 

  •  ページのトップへRusifikator。

 

ページのトップへ-このプラグインは、ページアップJoomlaのサイトをスクロールすることができます。2.5 - Joomlaの1.6をサポートしています。サイトの前面部分には(それの上に)先頭にジャンプするボタンが表示されます。このプラグインは、ユーザーが「複数の画面」をスクロールしなければならないの完全なビューのために、長い材料を含有し、それらのサイトのために有用であろう。ページの先頭に戻る行くと、例えば、サイトの別のセクションにメニューを検索したり、ナビゲートを使用するには、ユーザーがページをスクロールダウンまたは垂直スクロールバーを使用するか、またはキーボード上のキーを押す必要がありますアップようにして。そして、あなたはちょうどに表示され、マウスのボタンをクリックすることができ、トップに、トップに行きます。

ページのトップへの主な機能は次のとおりです。

  • Joomlaの1.6、1.7、2.5をサポート。
  • インストールと調整の容易さのしやすさ。
  • 多言語サポート。
  • 柔軟なスタイリングボタン。
  • テキストや画像などのボタンとしてサポート。

レビューページ1.8、Joomlaの2.5のトップの最新の本の執筆など(2012年1月3日)のバージョンのために行われます。

Joomlaのアップボタンは、特定の設計与えられ、必要に応じて自分のサイトに合わせてカスタマイズすることができます。のは、ページ(下図)の調整プラグのトップを見てみましょう。

ページの設定トップへ

  • オプションボタンの位置を明らかにボタンが表示されて到達した後、あなたは(ピクセル単位)高さを設定することができます。つまり、ユーザーが「アップ」ボタンを起動するためにページの下、「スクロール」する必要がありますどのくらい指定されています。
  • あなたが背景画像をボタンとして使用したい場合は、オプションを省略ボタンのテキストは、言語ファイルからテキスト・ロードを削除することによって、これを行うことができます。
  • オプションを含め、常にのためのAT トップ、あなたは常に、ページ表示の先頭から開始しなければならないことを示しています。ページ下部にあるアンカーを使用して、別のサイトのページを参照してください場合、それは、このオプションを無効にするのが最善です。
  • スクロールスムーズこれは、スムーズなページスクロールを使用することができます。
  • 期間スクロールこのオプションを使用して(任意の単位で)スムーズスクロールの速度を設定することができます。1000年任意単位= 1秒。
  • スクロールトランジションこのオプションは、スクロールアップ時に「効果」を設定することができます。オプションが有効になっている場合、それは動作しますスムーズスクロールをあなたは12の1利用できるようになります「効果」。
  • 場所リンクあなたは、ページの「アップ」ボタンを表示するために6ヶ所のいずれかを選択することができます。右、左、中央、右または下、左、中央、上記の。
  • オプションの使用スタイルカスタムスタイルリファレンスの使用を有効または無効にします。このオプションを無効にすると、あなたのサイトテンプレートのスタイルを使用します。有効にした場合、あなたはでユニークなスタイルの表示ボタンを設定することができますリンクのスタイルを

のは、いくつかの設計オプションボタンを見てみましょう。あなたがイメージ「UP」ボタンとして使用したい場合は、最初に任意のビットマップエディタで作成し、サイトでのフォルダに保存します。たとえば、あなたが作成した(またはインターネット上で見つかった)しているファイルは、呼ばれているボタンPNG形式とフォルダに配置された画像ウェブサイトの。その後の内容のリンクスタイルは次のようになります。

続きを読む:  WINDOWS 8用に更新FLASH PLAYER

#gototop{width: 70px;height: 30px;background-image: url(/images/button.png);}

どこパラメータの高さは、ボタン画像の幅と高さを示しています。

あなたは、問題が発生する可能性がありますときに、画面の端に「スティック」の画像。あなたは、画像の「キャンバス」(例えば、Adobe Photoshopのビットマップエディタ)だけ、ボタン自体を描くよりもサイズを作ることができます。「冗長」の部分が透明に。あなたは、サイト上のボタンが右下に配置されている場合や、その後のAdobe Photoshopの「キャンバス」に画像が左上に配置する必要があります。パラメータを微調整高さを、あなたがウェブサイト上で表示ボタンを(エッジに「固着」なし)美しい実現します。

しかし、あなたはテキストと背景の形で「アップ」ボタンの表示をカスタマイズすることができます。あなたがボタンの上にマウスカーソルを置くと、このケースでは、境界線の幅ボタンを編集し、その色、ボタンの背景色、フォントの色と背景色やフォントのための利用できるようになります。それは次のようになります。

#gototop{border:0px solid #000;margin:5px;padding:5px;background-color:#9BDCED;color:#000000;} #gototop:hover{background-color:#D4EFF6;color:#8A6D51;}

どこパラメータボーダー - (ピクセル単位)ストロークボタンの厚さ、固体 -ストローク色、マージン - (ピクセル単位)ブラウザウィンドウの端からスペース、パディング -ボタンテキストのパディング(ピクセル単位)国境(「UP」の単語)。言い換えると、によってパディングそれは画像の助けを借りて実装されていない場合、あなたは、ボタン自体を増減することができます。背景使用さ- -背景色(マウスポインタの焦点外)、カラー - (マウスポインタの焦点外)フォントの色、#1 gototop ホバー使用される背景- -マウスフォーカス、背景の色#1 gototop ホバー -マウスフォーカスのフォント文字の色。

あなたは、このプラグインでアップJoomlaのサイトを見ることができるように、あなたは問題がありません。

ページのトップへサイトのユーザビリティを向上させることができます。トップに登るには、多くの方法があるという事実にもかかわらず、ページのトップは、まだあなたのユーザーのために有用かつ便利になります。しかし、それはテンプレートは、ブラウザウィンドウの幅を100%のために設計されているこれらのサイトで、「アップ」ボタンは、ページの内容を上書きできること覚えておく価値があります。だから、慎重ページのワークトップを検討し、それがユーザーを防ぐかどうかを判断すべきです。

ページのトップへRusifikator

ページの亀裂トップをダウンロードしてください。

 

関連項目

  • 概要DJ-MegaMenu。Joomlaのメニューモジュール
  • 概要DJ-提案者。Joomlaのサイトでポップアップウィンドウ
  • 概要タグがトランスフォーム。Joomlaのタグ
  • Joomlaのレビューをcom_tags。ラベル素材を追加
  • ページのトップへRusifikator

 

便利なリンク:

  • プログラムの公式サイト。

TOP TO SKYLINEのSCROLL - BUTTONページの裏TOP

表示しているページの最上部に迅速にリターンを提供して[次へ]ボタン、。以前に同様の拡張記述«AdeptusのUP»«ページのトップへ»«SmoothTop»は、繰り返しブログの読者に問題を引き起こしています。私たちは、この開発はcensuresを起こさないことを願っています。

トップへスカイラインスクロール

DEMO

Joomlaの
2.5、3.0

DOWNLOAD

バージョン
2.0

ステップ1:拡張機能をインストールします。

  • 「CMS Joomlaの拡張機能のインストールと有効化!」

2. [設定ステップ。タブの「プラグイン」

開発者向けの拡張機能は、画像を除き、個々のプラグインの設定のために必要なすべてのパラメータを提供してきました。私たちは、このギャップを解消し、ボタンの画像の選択を提供します。必要に応じて、画像のサイズがグラフィックプログラムに低減することができます。

今直接設定します:

トップへスカイラインスクロール

  • 管理者を有効にする -コントロールパネルサイト上のボタンを使用します
  • エンジン -アニメーションボタンのJavaScriptライブラリの選択- jQueryの
  • 画像の背景が使用される -フォルダ«画像»での写真でアーカイブを解凍し、画像を選択します

テキストブロック:

トップへスカイラインスクロール

  • テキストボタンのテキスト-
  • タイトル -あなたが置くとポップアップ表示されますボタンの名前、

トップへスカイラインスクロール

あなたが見ることができるように、ボタンが表示されますが、背景を変更することが望ましいです。これを行うには、次のブロックがあります。

トップへスカイラインスクロール

  • 使用する色の背景 -背景色
  • 色テキスト -ボタンのキャプションの色
  • 色の背景のホバー -ボタンを中心とした背景色
  • ホバーテキストの色 -あなたはホバーテキストの色
続きを読む:  汎用サーバー接続チャネルとは何ですか

背景を変更し、次の表示オプションボタンを取得します。

トップへスカイラインスクロール

最後のブロックは、ボタンの配置を担当します。

トップへスカイラインスクロール

  • 位置 -ボタンは、上または下、左または右に配置することができます
  • 半径ボーダー -ボタンの角丸め値
  • 左のオフセット/右 -左と右のシフト
  • トップオフセット/ボトム -トップとボトムの変位
  • 左右のパディング -左と右のパディング
  • トップ&ボトムパディング上下のパディング-

3.設定ステップ。
タブの「詳細設定」

追加オプションの設定:

トップへスカイラインスクロール

  • 時間スクロール -長さ(500 = 0.5秒)スクロール
  • スクロールトランジション -効果のページを移動します
  • CSSカスタム -フィールドには、他のスタイルを挿入します

ソーシャルネットワーク上でこの記事を友達と共有します。

 

  • コメント(3)
  • VKontakte(
  • Google+の
  • フェイスブック (

言語を選択してください

ポーランド語英語 ドイツ語 スペイン語 フランス語 イタリア語 ポルトガル語 トルコ語 アラビア語 ウクライナ スウェーデン語 ハンガリー ブルガリア エストニア 中国語(簡体字) ベトナム語 ルーマニア語 タイ スロベニア スロバキア セルビア マレー語 ノルウェーの ラトビア リトアニア 韓国語 日本の インドネシア ヒンディー語 ヘブライ語 フィンランド ギリシャ語 オランダ語 チェコ デンマーク クロアチア (繁体字)中国語 フィリピン ウルドゥー語 Azeybardzhansky アルメニア ベラルーシ ベンガル語 グルジア カザフ カタロニア語 Mongolski ロシア Tadzhitsky Tamil'skij テルグ Uzbetsky


コメントを追加します

あなたのメールは公開されません。付いている欄は必須項目です*