「管理画面/デザイン/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カスタマイズ]ガイド一覧に戻る)

表示オプション

横に並べて表示:
変化行の前後のみ表示:
目安箱バナー