Firefox 29「戻る」ボタンをアドレスバーから分離する


Firefox 29の「戻る」ボタンをアドレスバーから分離する方法

NoUn Buttons をインストールします。
NoUn Buttons | Firefox アドオン - ダウンロード
NoUn Buttons の概要とインストール - マイナビニュース

※「戻る/進む」ボタンがおかしくなってしまったら(いじくりすぎて?)
一度アンインストールしてから 再インストールしてください。

※ タブバー上に置くと挙動がおかしくなります。


  
Back Forward separate をインストール
・戻る/進むボタンのみのシンプルタイプ

※ NoUn Buttons との同時使用はできません。
※ タブバー上に置くと挙動がおかしくなります。


  
■ ユーザースタイルでデザイン調整タブ・ツールバーの高さ変更スタイル 専用)

  globalhs.png

タブ・ツールバーの高さ変更スタイル の最下行にコピペしてください。
※「戻る/進む」ボタンはツールバー以外には置かないでください。


  
■ それ用スタイル:Firefox 31用 [最終修正日:8/05]
  
#urlbar-container.chromeclass-location > #back-button,
#urlbar-container.chromeclass-location #forward-button {
display: none !important;
}
#forward-button {
-moz-box-align: center !important;
}
/* ↑ 変更部分 */

/* 戻るボタン */
#back-button {
box-shadow: none !important;
background-image: none !important;
}
#back-button > .toolbarbutton-icon {
-moz-image-region: rect(0px, 54px, 18px, 36px) !important;
border-radius: 2px !important;
padding: 2px 2px 2px 2px !important;
box-shadow: none !important;
background-color: transparent !important;
background-image: none !important;
/* margin: -1px 0px 1px 0px !important; *//* タブバー上に置く場合 */
}
#back-button:hover:not([disabled="true"]):not([open="true"]):not(:active) > .toolbarbutton-icon {
background-color: rgba(239, 244, 249, 0.75) !important;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 1px rgba(255, 255, 255, 0.3) inset, 0 0 0 1px rgba(23, 51, 78, 0.25), 0 1px 0 rgba(23, 51, 78, 0.35) !important;
}
#nav-bar-customization-target.customization-target > #back-button[disabled] > .toolbarbutton-icon, /* 使用不可(disabled)状態 */
#back-button:hover:active:not([disabled="true"]) > .toolbarbutton-icon, /* クリック時 */
#back-button[open="true"] > .toolbarbutton-icon {
background-image: none !important;
background-color: transparent !important;
box-shadow: none !important;
}

/* 進むボタン */
#forward-button > .toolbarbutton-icon {
clip-path: none !important;
border: none !important;
padding: 2px 2px 2px 2px !important;
margin: 0px 2px 0px 1px !important;
margin-right: 2px !important; /* ボタン右スペース */
}
#forward-button:hover:not([disabled="true"]):not([open="true"]):not(:active) > .toolbarbutton-icon {
border-radius: 2px !important;
background-color: rgba(239, 244, 249, 0.75) !important;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 1px rgba(255, 255, 255, 0.3) inset, 0 0 0 1px rgba(23, 51, 78, 0.25), 0 1px 0 rgba(23, 51, 78, 0.35) !important;
}
#forward-button:hover:active:not([disabled="true"]) > .toolbarbutton-icon,
#forward-button[open="true"] > .toolbarbutton-icon {
background-image: none !important;
background-color: transparent !important;
box-shadow: none !important;
}

#urlbar {
margin-left: 5px !important;
border-left: solid 1px #ADBCCB !important;
border-radius: 2px !important;
}
window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled][switchingtabs] + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr),
window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled]:not(:hover) > #urlbar-wrapper > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) {
padding-left: 0px !important;
}

  
■ それ用スタイル:Firefox 29 30用 [最終修正日:5/23]
  
#urlbar-container.chromeclass-location > #back-button,
#urlbar-container.chromeclass-location > #forward-button {
display: none !important;
}
#urlbar-container.chromeclass-location {
margin-left: -4px !important;
}

/* 戻るボタン */
#back-button {
box-shadow: none !important;
background-image: none !important;
}
#back-button > .toolbarbutton-icon {
-moz-image-region: rect(0px, 54px, 18px, 36px) !important;
border-radius: 2px !important;
padding: 2px 2px 2px 2px !important;
box-shadow: none !important;
background-color: transparent !important;
background-image: none !important;
/* margin: -1px 0px 1px 0px !important; *//* タブバー上に置く場合 */
}
#back-button:hover:not([disabled="true"]):not([open="true"]):not(:active) > .toolbarbutton-icon {
background-color: rgba(239, 244, 249, 0.75) !important;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 1px rgba(255, 255, 255, 0.3) inset, 0 0 0 1px rgba(23, 51, 78, 0.25), 0 1px 0 rgba(23, 51, 78, 0.35) !important;
}
#nav-bar-customization-target.customization-target > #back-button[disabled] > .toolbarbutton-icon, /* 使用不可(disabled)状態 */
#back-button:hover:active:not([disabled="true"]) > .toolbarbutton-icon, /* クリック時 */
#back-button[open="true"] > .toolbarbutton-icon {
background-image: none !important;
background-color: transparent !important;
box-shadow: none !important;
}

/* 進むボタン */
#forward-button > .toolbarbutton-icon {
clip-path: none !important;
border: none !important;
padding: 2px 2px 2px 2px !important;
margin: 0px 2px 0px 1px !important;
margin-right: 2px !important; /* ボタン右スペース */
}
#forward-button:hover:not([disabled="true"]):not([open="true"]):not(:active) > .toolbarbutton-icon {
border-radius: 2px !important;
background-color: rgba(239, 244, 249, 0.75) !important;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 1px rgba(255, 255, 255, 0.3) inset, 0 0 0 1px rgba(23, 51, 78, 0.25), 0 1px 0 rgba(23, 51, 78, 0.35) !important;
}
#forward-button:hover:active:not([disabled="true"]) > .toolbarbutton-icon,
#forward-button[open="true"] > .toolbarbutton-icon {
background-image: none !important;
background-color: transparent !important;
box-shadow: none !important;
}

#urlbar {
margin-left: 5px !important;
border-left: solid 1px #ADBCCB !important;
border-radius: 2px !important;
}
window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled][switchingtabs] + #urlbar-container > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr),
window:not([chromehidden~="toolbar"]) #urlbar-container[forwarddisabled]:not(:hover) > #urlbar-wrapper > #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) {
padding-left: 0px !important;
}




関連記事
プロフィール

Author:zubolla
  
あ~
めんどくちゃい めんどくちゃい

全記事表示リンク

全ての記事を表示する

カテゴリ
検索フォーム