MozillaZine.jp フォーラム • トピック - ビジネスフォームのTemplateをカスタマイズしたい

ビジネスフォームのTemplateをカスタマイズしたい

モデレータ: Forum Moderators

掲示板トップ » 相互ユーザサポート » Mozilla Firefox

All times are UTC + 9 hours

ページ 1 ／ 1

[ 4 件の記事 ]

印刷ビュー | 友達にメールで知らせる

１つ前のトピックへ | 次のトピックへ

作成者

メッセージ

しろう

記事の件名: ビジネスフォームのTemplateをカスタマイズしたい

Posted: 2017年11月21日(火) 14:42

よろしくお願いします。

ビジネスフォームのTemplateをカスタマイズしたいのです。

過去にフォームがバランスが悪かったので直してもらいました。
その時のGyazoは

https://gyazo.com/0852519f3e32c90fd857c0d096f873f9

御覧のようにバランスがとれていません。

下記のCSSコードを挿入したら

https://gyazo.com/0518dc6f7e1d3e2e28c22d264831f884

バランスがとれるようになりました。

https://gyazo.com/d2ce3afb762f88e3ac2b074953f138f1

CSSコードがどうなっているか、FirefoxのF12がそのフォームがどういうCSSコードになっているかわかるらしいです。

FirefoxのF12をみたら、下記のようになっていました。

https://gyazo.com/b95ee18a6fc21c06cb644f3e10c5fdbb

ここで質問です
１．どういうCSSで構成されているかFirefoxのF12をみればわかるということだが、その場合はどの部分をみれがいいでしょうか
２．CSSコードを書いているとき、それがどういうものになっているかプレビューできるものはあるか。FirefoxのF12をみるだけで、作成できないので質問しました。

以上識者の方の回答をお待ちしています。

_________________
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.94 Safari/537.36

ページトップ

pal

記事の件名: Re: ビジネスフォームのTemplateをカスタマイズしたい

Posted: 2017年11月21日(火) 16:45

Moderator

登録日時: 2011年4月06日(水) 10:16
記事: 1905
お住まい: Tokyo

「Network」が選択されているからです。
左のほうの「Inspector」を選択してください。

通常、F12でデフォルトで「Inspector」が選択されているはずですが。

[蛇足]
英語版をお使いでしょうか？

_________________
[Desktop] Windows 10 pro (64bit) / 16GB RAM

Mozilla/5.0 (Windows NT 6.1; rv:57.0) Gecko/20100101 Firefox/57.0

ページトップ

しろう

記事の件名: Re: ビジネスフォームのTemplateをカスタマイズしたい

Posted: 2017年11月23日(木) 11:45

＞左のほうの「Inspector」を選択してください。

これだけをみれば、どういうCSSで構成されていて、カスタマイズできるのですか。しかし長いです。私はさっぱりです。
右の方はRulesだけをみていけばいいのでしょうか。しかし、これもさっぱりです。

ある程度、基礎的なことを読んでEditorとLiveviewのあるもので勉強した方が早いのかな。フォームのカスタマイズだけですから。

とは、いうもののなかなかうまいこといかないと思いますが

_________________
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.94 Safari/537.36

ページトップ

pal

記事の件名: Re: ビジネスフォームのTemplateをカスタマイズしたい

Posted: 2017年11月23日(木) 12:42

Moderator

登録日時: 2011年4月06日(水) 10:16
記事: 1905
お住まい: Tokyo

とりあえず、使い方をご覧ください。
https://developer.mozilla.org/ja/docs/T ... _Inspector

ただし、基本的には、Firefoxはサイトを見るためのものであって、編集するものではありません。
ホームページビルダーのような作成用ソフトを使ったほうが、何かと便利かと思います。

_________________
[Desktop] Windows 10 pro (64bit) / 16GB RAM

Mozilla/5.0 (Windows NT 6.1; rv:57.0) Gecko/20100101 Firefox/57.0

ページトップ

ページ 1 ／ 1

[ 4 件の記事 ]

掲示板トップ » 相互ユーザサポート » Mozilla Firefox

All times are UTC + 9 hours

オンラインデータ

このフォーラムを閲覧中のユーザー: なし & ゲスト[53人]

トピック投稿: 可
返信投稿: 可
記事編集: 不可
記事削除: 不可
ファイル添付: 不可