「管理画面/デザイン/CSSカスタマイズ/デザインテンプレートのCSSファイルを閲覧する方法」の編集履歴(バックアップ)一覧はこちら
「管理画面/デザイン/CSSカスタマイズ/デザインテンプレートのCSSファイルを閲覧する方法」(2019/08/20 (火) 14:13:45) の最新版変更点
追加された行は緑色になります。
削除された行は赤色になります。
*デザインテンプレートのCSSファイルを閲覧する
**CSSファイルの閲覧方法
1.CSSファイルを表示したいページを開き、検証画面を開く
#divclass(pre_space_none){
現在、ご使用中のブラウザのご使用方法ご確認ください。
Google Chromeの検証画面起動方法
1. 右クリックする
2. [検証]の項目をクリックする
3. デベロッパーツール上の[Sources]タブをクリックする
注意:このままだと、CSSのコードが1行になってしまうデザインテンプレートがあります。その場合は、下記の手順を行ってください。
4. [Format]ボタンをクリックし、[Format]ボタンすぐ上にある[ {} ] ボタンをクリックする
FireFoxの検証画面起動方法
1. 右クリックする
2. [要素の検証]の項目をクリックする
3. デベロッパーツール上の[デバッガー]タブをクリックする
Internet Explorerの検証画面起動方法
1. 右クリックする
2. [要素の検査]の項目をクリックする
}
2.CSSファイルが含まれている場所に移動し、CSSファイルを開く
&bold(){「img.atwikiimg.com」>「common」>「dist/css」内}に含まれているファイルがCSSファイルとなります。
#divclass(img_border){#ref(admin_file_css.png)}
注意:使用ブラウザはGoogle Chromeになります。
&link_parent(text=[デザイン]ガイド一覧に戻る)
*デザインテンプレートのCSSファイルを閲覧する
**CSSファイルの閲覧方法
1.CSSファイルを表示したいページを開き、検証画面を開く
#divclass(pre_space_none){
現在、ご使用中のブラウザのご使用方法ご確認ください。
Google Chromeの検証画面起動方法
1. 右クリックする
2. [検証]の項目をクリックする
3. デベロッパーツール上の[Sources]タブをクリックする
注意:このままだと、CSSのコードが1行になってしまうデザインテンプレートがあります。その場合は、下記の手順を行ってください。
4. [Format]ボタンをクリックし、[Format]ボタンすぐ上にある[ {} ] ボタンをクリックする
FireFoxの検証画面起動方法
1. 右クリックする
2. [要素の検証]の項目をクリックする
3. デベロッパーツール上の[デバッガー]タブをクリックする
Internet Explorerの検証画面起動方法
1. 右クリックする
2. [要素の検査]の項目をクリックする
}
2.CSSファイルが含まれている場所に移動し、CSSファイルを開く
&bold(){「img.atwikiimg.com」>「common」>「dist/css」内}に含まれているファイルがCSSファイルとなります。
#divclass(img_border){#ref(admin_file_css.png)}
注意:使用ブラウザはGoogle Chromeになります。
&link_parent(text=[CSSカスタマイズ]ガイド一覧に戻る)
表示オプション
横に並べて表示:
変化行の前後のみ表示: