― MozillaZine.jp フォーラムは Mozilla 製品に関する情報交換の場です ―



All times are UTC + 9 hours

返信する
ユーザー名:
件名:
オプション:
BBCode: ON
[img]: ON
[flash]: OFF
[url]: ON
スマイリー: ON
BBCode を無効にする
スマイリーを無効にする
URL を自動的にパースしない
ユーザエージェントを表示する
認証コード
KCaptcha by Nikita_Sp
   

トピックのレビュー - ビジネスフォームのTemplateをカスタマイズしたい
作成者 メッセージ
  記事の件名:  Re: ビジネスフォームのTemplateをカスタマイズしたい  引用付きで返信する
とりあえず、使い方をご覧ください。
https://developer.mozilla.org/ja/docs/T ... _Inspector

ただし、基本的には、Firefoxはサイトを見るためのものであって、編集するものではありません。
ホームページビルダーのような作成用ソフトを使ったほうが、何かと便利かと思います。
投稿記事 Posted: 2017年11月23日(木) 12:42
  記事の件名:  Re: ビジネスフォームのTemplateをカスタマイズしたい  引用付きで返信する
>左のほうの「Inspector」を選択してください。

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

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

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


投稿記事 Posted: 2017年11月23日(木) 11:45
  記事の件名:  Re: ビジネスフォームのTemplateをカスタマイズしたい  引用付きで返信する
「Network」が選択されているからです。
左のほうの「Inspector」を選択してください。

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

[蛇足]
英語版をお使いでしょうか?
投稿記事 Posted: 2017年11月21日(火) 16:45
  記事の件名:  ビジネスフォームのTemplateをカスタマイズしたい  引用付きで返信する
よろしくお願いします。


ビジネスフォームの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

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

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

投稿記事 Posted: 2017年11月21日(火) 14:42

All times are UTC + 9 hours


ページ移動:  
Powered by MozillaZine.jp® Forum Software © phpBB Group , Almsamim WYSIWYG
Japanese translation principally by ocean