Firefox4 アドオンバーにリンク先URLの埋め込み方法

このQ&Aのポイント
  • Firefox4のアドオンバーにリンク先URLを埋め込む方法をご紹介します。
  • アドオンバー内にリンク先URLを表示する方法を解説します。
  • リンク先URLをアドオンバーに表示させるための設定方法をご紹介します。
回答を見る
  • ベストアンサー

Firefox4 アドオンバーにリンク先URL

/* アドオンバーの中にリンク先URLを埋め込み */ #main-window:not([inFullscreen]) #statusbar-display { margin-top: -17px !important; /* OS環境によっては数値の微調整が必要 */ max-width: 80% !important; } #main-window:not([inFullscreen]) .statuspanel-label { background: transparent !important; border: none !important; でリンク先URLを埋め込めますが、文字の大きさを調整 したいのですが、どうすればよいのでしょうか。

noname#134680
noname#134680

質問者が選んだベストアンサー

  • ベストアンサー
  • neddoheny
  • ベストアンサー率60% (921/1528)
回答No.3

#1です。 書き忘れてたので補足しますが。 最近CSSコードもろくに理解できないくせに、むやみに回答をして墓穴を掘り続けてる人がいますので、質問者さまや閲覧者さんも、くれぐれもご注意を。 さて、回答の補足ですが、 #main-window:not([inFullscreen]) .statuspanel-label { font-size: 100% !important;} のコードを追加してやって、好みのフォントの大きさに数値を変更してやってもいいです。 120% とか、90%とか。

noname#134680
質問者

お礼

ありがとうございます。

その他の回答 (2)

noname#151570
noname#151570
回答No.2

アドオンバーに表示されるリンクのurlの文字自体の大きさでしたら、 -17px !important; /* OS環境によっては数値の微調整が必要 */ の部分の「17」を変更したらよいと思います。 なお、cssを使わない場合は、Status-4-Ever導入で可能になります。 https://addons.mozilla.org/en-US/firefox/addon/status-4-evar/

noname#134680
質問者

お礼

ありがとうございます。

  • neddoheny
  • ベストアンサー率60% (921/1528)
回答No.1

>文字の大きさを調整 #main-window:not([inFullscreen]) .statuspanel-label { の下に、 font-size: 100% !important; を追加して100%の値を、例えばフォントを大きくしたければ、 font-size: 120% !important;とか好きな大きさに変更すればいいです。

関連するQ&A

  • Firefox4のマウスオーバーURLが邪魔

    FirefoxがVer4になってから、リンクにカーソルを合わせるとリンク先のアドレスが アドオンバー(ステータスバー)の上に表示されるようになりましたが、 リンクがページの左下にあると、表示されるアドレスとリンクとが重なってしまい、 リンクをクリック出来なくなってしまいます。 マウスオーバーURLを表示させないか、アドオンバー内に表示させる方法は無いでしょうか?

  • firefoxをフラットにカスタマイズ

    firefoxを「Stylish」というアドオンを使用してカスタマイズしております。 クラシックなスタイルにしているのですが、何かのきっかけで一部フラットではなくなってしまいました。 どのように手を加えればフラットになりますでしょうか? グラデーションなどをやめて、添付画像のタブ辺りのような感じにしたいです。 今のユーザースタイルはこのようになっております。 toolbox#navigator-toolbox { border-left: 1px solid ThreeDHighlight !important; } hbox#browser { border-left: 1px solid ThreeDHighlight !important; } hbox#browser .plain { -moz-appearance: listbox !important; } tabbrowser { background: ThreeDFace !important; } tab { -moz-appearance: tab !important; margin-top: 3px !important; } tab[selected="true"] { margin-top: 1px !important; } #searchbar .search-go-button{ display: none !important; } #bookmarksPanel treechildren::-moz-tree-image(container), #bookmarksToolbarFolderMenu, #bookmarksToolbarFolderMenu [container], .bookmark-item[container] { list-style-image: url("chrome://FOLDER_16x16-32.png") !important; -moz-image-region: rect(16px 128px 32px 112px) !important; } sidebarheader { -moz-appearance: none !important; background: black !important; border: none !important; }

  • 外部CSSファイルからのリンク色指定

    外部CSSファイルでヘッダー・フッター・左・右と4種類の枠をそれぞれ違ったリンク色に設定したいのですが、下記の記述で個々にリンク色を設定することはできますか? できるのであればどのように記載すればいいですか? body{ text-align:center; background-image: url("image/back.gif"); margin: 0 auto; } #container{ width:800px; margin:0px; text-align:left; } .header{ height: 120px; background-image: url("access/top.gif"); background-repeat: no-repeat; background-position: bottom; margin: 0px; } .main{ width:600px; height:100%; float:right; background-color: #FFFF99; padding: 10px; margin: 0px; } .side{ width:200px; float:left; background-color: #0000FF; padding: 10px; margin: 0px; text-decoration:none; color:#FFFFFF; } .footer{ font-size: 10px; } .clear{ clear:both; line-height:0; height:0; }

    • ベストアンサー
    • CSS
  • 詳細度は同じで、下にあるのになぜ負けるのでしょうか

    下記のようにしているのですが、リンクテキストの色が黒になりません。 .u-color-black { color: rgba(0, 0, 0, 1)!important; } 上にある下記のリセットcssのほうがなぜか適応されてしまいます。 /* リンクテキストの色など */ a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none; color: #FFF; } /* /html5doctorの一部を抜粋 */ http://codepen.io/anon/pen/RopRwz 詳細度は同じで、下にあるのになぜ負けるのでしょうか?

    • ベストアンサー
    • CSS
  • firefoxのブックマークの検索の部分の虫眼鏡を

    firefoxのブックマークの検索の部分の虫眼鏡を消したい firefox12.0を使っております。 アドオン「Stilish」を使用し、windowsXPのクラシックスタイルと色を変えるソフトでカスタマイズしております。 firefoxのバージョンが新しくなり、ブックマークのところに検索の入力フォームができました。 こちらに表示される虫眼鏡が不要ですので消したいです。 Stilishにどのように記述すればいいでしょうか? また、できればブックマークのフォルダアイコンも消したいです。 よろしくお願いいたします。 以下stilishに記述してある全文です。 toolbox#navigator-toolbox { border-left: 1px solid ThreeDHighlight !important; } hbox#browser { border-left: 1px solid ThreeDHighlight !important; } hbox#browser .plain { -moz-appearance: listbox !important; } tabbrowser { background: ThreeDFace !important; } tab { -moz-appearance: tab !important; margin-top: 3px !important; } tab[selected="true"] { margin-top: 1px !important; } #searchbar .search-go-button{ display: none !important; } #bookmarksPanel treechildren::-moz-tree-image(container), #bookmarksToolbarFolderMenu, #bookmarksToolbarFolderMenu [container], .bookmark-item[container] { list-style-image: url("chrome://FOLDER_16x16-32.png") !important; -moz-image-region: rect(16px 128px 32px 112px) !important; } sidebarheader { -moz-appearance: none !important; background: black !important; border: none !important; } .tab-icon-image { display:none !important; }

  • CSSを最近始めました。実は、2P目の印刷表記がおかしいのです。

    CSSを最近始めました。実は、2P目の印刷表記がおかしいのです。 HPの画面上は、全て、見栄えを揃えましたが、いざプリントすると、2枚目の表記がおかしいです。1枚目は変な所から下が空欄になり、2枚目の上部分が空いて、2枚目にCSSで表をくんでますが、途中からきれたまま下部(2枚目の下部)で終わり、そのまま最後の3枚目にはフッター部分のみが表示されて、終わります。2枚目の表記が途中から切れて終わってしまう感じです。サファリ以外は、すべてこの表示になってしまいます。 プリント用のCSS表記がおかしいのでしょうか? 下記に、プリント用CSSでつくってあるものを記しました。 何か足りないもの、もしくは間違っていることがありましたら、教えていただきたいのですが・・・ また、対処法などはありますでしょうか? プリントCSS--------------------------------- @charset "UTF-8"; /* CSS Document */ /*print*/ @media print { body { background:#fff; color:#000; font-size:12pt; zoom:100%;/*ie*/ background-image:none; background-color:none; } .body { background:#fff; color:#000; zoom:100%;/*ie*/ background-image:none; background-color:none; } no-image { display:none; } color-txt { color:#000 !important; } table, tr, td { border-collapse:collapse; border-spacing:0; border:1px solid #666; } .wrapper, .sidenavi, .main-all, .main-light3 .footer { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; } .wrapper { margin: 0; padding: 0; border: 0; background: transparent; } .sidenavi { display: none; } } ---------------------------------ここまで html 冒頭--------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <style type="text/css"> body,td,th { font-family: MS Pゴシック, Osaka, ヒラギノ角ゴ Pro W3; } body { background: #c5d7e5 url(..○●●○k.gif) repeat-x; margin-top: 0px; } --> </style> <style type="text/css" media="print"> <!-- body{ background:white; } --> </style> <link href="top_files/base.css" rel="stylesheet" type="text/css" media="all"> <link href="top_files/print.css" rel="stylesheet" type="text/css" media="print"> <link href="top_files/fg1_top.css" rel="stylesheet" type="text/css" media="all"> <title> ○●●○</title> ---------------------

  • CSSを利用して、特定のリンクや画像を非表示にしようと思っています。

    CSSを利用して、特定のリンクや画像を非表示にしようと思っています。 img[src="画像URL"] {display:none !important;} a[href^="URL"]{display:none !important;} これで、Opera、Firefox、Safariではできたのですが、 IE6ではできません。 IE6で有効な方法を教えてください。

  • ブラウザ下部に出るリンク先URLを非表示にしたい。

     サイトに隠しリンクを作りたいのですが、リンクを入れた文字にカーソルを置くとブラウザ下部(ステータスバー?)にリンク先URLが表示されるのでそれでバレそうで、出来ればURLを非表示にしたいのです。 <a onclick="location.href='**.html';">を使えば表示されないのですが、フレームを使っているのでtargetが使え無くて困り、javaスクリプトを一々書くほど大層でも無いしなと悩み、 色々と探して<a href="**.html" onmouseover="window.status=''; return true;" onmouseout="window.status=''; return true;">と言ったタグも入れてみたのですが、特に変化も無く……。 どうすれば良いのかまったく分らなくなったので質問させていただきました。 もし方法が分かる方は、ご助言、お願いいたします。 ちなみに確認はオフラインのみですが、使用したブラウザはクローム・オペラ・火狐です。

  • 1カラムの段組について(mainの中のdiv要素について)

    こんばんは。 今サイト作りをしているのですが、mainの中のdiv要素が反映されないんです。最初はmainのmarginを0pxにして、divの所にmargin:10px;などにして、余白調整を行おうとしたのですが、反映されないんです。それでmainの所を20pxにした所、main部分は反映されましたが、div要素は反映されないままです。 間違いがありましたらご指摘お願いします。 CSS部 a:link{color:#181818; text-decoration:none;} a:visited{color:#383838; text-decoration:none;} a:active{color:#181818; text-decoration:none;} a:hover{color:#4c4c80; text-decoration:none;} body { margin:0px; padding:0px; font: 12px "MS Pゴシック", "ヒラギノ角ゴ Pro W3", Osaka; background-image:url("backimage3.gif"); } #header { width:700px; height:250px; } #layout { width:700px; margin: 0px ; background-image:url("backimage3_3.gif"); } #main { margin:20px; } div.sample1{ background-color: transparent; margin: 30px; text-align:left; color:#181818; font-size:12px; } div.sample2{ background-color:transparent; margin: 20px; text-align:left; color:#181818; font-size:12px; } HTML部 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <link href="css.css" rel="stylesheet" type="text/css"> <title>サンプル</title> </head> <body> <div id="layout"> <!--メニュー ここから--> <div id="header"> <img src="webtitle3.gif" alt="map" usemap="#map1" /> <map name="map1">中略</map> </div> <!--メニュー ここまで--> <!--中身 ここから--> <div id="main"> <div class="sample2"> ファースト<br> ファースト <div class="sample1"> セカンドセカンド </div> サードサード </div> </div> <!--中身 ここまで--> </div> </body> </html> 分かりにくい説明で申し訳ありません。もし何か補足説明がいるようでしたら是非仰って下さい! それでは失礼します。

    • 締切済み
    • CSS
  • CSSでマウスオーバーを作成しています。

    CSSでマウスオーバーを作成しています。 /**CSS内**/ #test { margin: 0; padding: 0; list-style-type: none; } #test li { text-indent: -9999px; width: 200px; height: 400px; margin: 0; padding: 0; background: url(aaa_ov.bmp) no-repeat -200px 0; ----- マウスオーバー時 } #test a { text-decoration: none; display: block; width: 200px; height: 400px; margin: 0; background: url(aaa.bmp) no-repeat 0 0; ----- 最初 } #test a:hover { text-decoration: none; background-color: transparent; background-image: none; } /**HTML内**/ <link rel="stylesheet" href="style.css" type="text/css" /> </HEAD> <BODY> <div align="center"> <ul id="test"> <li><a href="***.html">Home</a></li> </ul> </div> </BODY> としているのですが最初の画像も出ずうまくいきません。 画像パスも間違っていませんでした。 どのようにすればいいんでしょうか。 よろしくお願いします。

    • ベストアンサー
    • HTML