![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
[[HowTo]] * 概要 [#b5a0618a] ~このページはユーザーサイドでのCSS編集についての解説になります。 ~常世におけるチャットルームのデフォルト配色は黒地であり、また各ユーザーごとに文字色を指定できるため、状況によってはかえって視認性が悪くなる場合があります。 ~ここでは、ユーザーがローカルでサイトの配色を上書きする方法を記載します。 :使用例| [[http://guest-land.sakura.ne.jp/cgi-bin/up2/sam.php?cmd=min&pic=toko021.png>http://guest-land.sakura.ne.jp/cgi-bin/up2/img/toko021.png]] ** 対象 [#t4e41e68] ~このページは以下のユーザーを対象にしています。 -使用ブラウザーがChromeもしくはFirefox -webサイトの見た目を自分で操作したい -ChromeやFirefoxの拡張機能を理解している *** CSSの編集について [#yb16d297] >ここではChromeを対象に解説を行いますがFirefoxの場合も同様の拡張が可能です。 +まず最初に[[Stylish>https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=ja]]を導入します。~ (Stylishそのものの詳しい解説は別途お調べください。) +Stylishの設定をおこないます。~ ここでは新規を選択します。 +下記のCSSを設定します。~ +下記のCSSを設定します。上手く動かない時は余計な空白やタブを削除してください。~ font-familyやfont-sizeは必須ではありませんが、参考のため記載しています。~ (CSSそのものの詳しい解説は別途お調べください。)~ #memo(body {\nfont-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;\nfont-size: 100%;\nbackground:#FFFFFF!important;\ncolor:#000000;\n}\nspan.log_name{\nbackground:#FFFFFF!important;\ncolor:#000000!important;\n}\nspan.log_hg{\nbackground:#FFFFFF!important;\ncolor:#000000!important;\n}\n.textlabel{\ncolor:#000000!important;\n}\na{\ncolor:#000000!important;\n}) :適用先| 次の始まるURLをボックスから選択 http://guest-land.sakura.ne.jp/chat/*
