https://ameblo.jp/detaramefs/ 名古屋のプライベートネイルサロンです。おひとりおひとりのライフスタイル、お爪にあわせた丁寧な施術を心がけております。閑静な住宅街の隠れ家ネイルサロンで癒しのひと時を。 ja https://ameblo.jp/detaramefs/entry-12070886208.html Tue, 08 Sep 2015 18:44:28 +0900 メニュー内の各リンクをクリックすると背景が変更されます。



その１：初期状態の模様
その２：柄をよりハッキリさせた模様
その３：背景なし（薄いパープルにしています）

背景が決定したらこのメニューは削除いたします。

宜しくお願いたします。 ]]> https://ameblo.jp/detaramefs/entry-12054276118.html Sat, 25 Jul 2015 07:09:11 +0900
１．ヘッダーと記事のあいだの部分の色変更
ブログトップ、記事一覧などのアイコンが表示されているまわりの部分。
※すでに作業していただいている箇所です。

２．ヘッダー上部分の色変更
ヘッダー上のパープルの部分。

３．メニューまわりの色変更
サイドメニュー全般。３箇所変更する必要があります。

　１）メニュータイトル部分の色変更
　２）メニューの周囲の色変更
　３）各メニューの色変更（レッスンメニューのみ）

４．全画面でブログを確認

それではよろしくお願いいたしますm(__)m

お忙しい中、いろいろ作業していただきありがとうございます。m(__)m
]]> https://ameblo.jp/detaramefs/entry-12051510229.html Fri, 17 Jul 2015 16:28:55 +0900 （下画面の赤い枠のところです）



再度、色を調整したいときは、また[F12]をクリックして編集画面を表示して、それぞれの色の変更をしてください。
]]> https://ameblo.jp/detaramefs/entry-12051328996.html Fri, 17 Jul 2015 02:39:57 +0900
サイドメニューの部分は３つに分かれております。
（１）メニュータイトルまわりの色
（２）メニュー部分のまわりの色
（３）メニュー文字のまわりの色（レッスンメニューのみ）

最後に（３）メニュー文字のまわりの色（レッスンメニューのみ）
これはレッスンメニューのみに適用されます。
この赤枠の部分の色です（分かりやすいように色を変えています）



基本的な操作方法は他の色編集作業と同じですので、
異なるところを中心にご説明いたします。

（１）Google Chromeを起動して、サンプルブログを開き、[F12]キーを押してください。右半分に文字が沢山出てくる画面が表示されます。

（２）画面中央の上部にある、虫ネガネのアイコンをクリックします。虫ネガメのアイコンです。クリックしてアイコンが青色になったらOKです。

（３）キーボードの[Ctrl]キーを押しながら[F]キーを押してください。
（[Ctrl]キーがキーボードの左下にあります）
画面右側の真ん中あたりに文字を入力するフォームが表示されると思います。

ここまでの操作方法は同じです。

（４）キーボードで「skinSNavi」と入力してください。大文字と小文字を間違えないようにご注意ください。

入力し終わると同時に画面右側の上部に黄色のマーカーがついた「skinSNavi」という文字が表示されると思います。

↓こんな風に「skinSNavi」が出ていたらOKです。その「skinSNavi」と同じ行の左にある、右を向いた三角のをクリックしてください。（下画面の赤い枠のところ）



（５）クリックした三角が下を向いて、その下に文字が表示されます。その中にある「li」と書かれた行の左にある、右を向いた三角をクリックします。（下画面の赤い枠のところ）



（６）クリックした三角が下を向いて、その下に文字が表示されます。その中にある「体験レッスン」と書かれてあるあたりをクリックします。（下画面の赤い枠のところ）



（７）画面右側の真ん中に、色を設定している箇所が出てくると思います。その中にある「background-color」と書かれた横にある、小さな■をクリックします。（下画面の赤い枠のところ）



あとは色編集の画面になるので、操作して色を調整してください。

]]> https://ameblo.jp/detaramefs/entry-12051326907.html Fri, 17 Jul 2015 02:19:23 +0900
サイドメニューの部分は３つに分かれております。
（１）メニュータイトルまわりの色
（２）メニュー部分のまわりの色
（３）メニュー文字のまわりの色（レッスンメニューのみ）

続いて（２）メニュー部分まわりの色です。
この赤枠の部分の色です（分かりやすいように色を変えています）



なお、レッスンメニュー以外のメニュー（最新記事やテーマ一覧など）は、
この色と各メニューまわりの色が一緒に変更されます。




基本的な操作方法は他の色編集作業と同じですので、
異なるところを中心にご説明いたします。

（１）Google Chromeを起動して、サンプルブログを開き、[F12]キーを押してください。右半分に文字が沢山出てくる画面が表示されます。

（２）画面中央の上部にある、虫ネガネのアイコンをクリックします。虫ネガメのアイコンです。クリックしてアイコンが青色になったらOKです。

（３）キーボードの[Ctrl]キーを押しながら[F]キーを押してください。
（[Ctrl]キーがキーボードの左下にあります）
画面右側の真ん中あたりに文字を入力するフォームが表示されると思います。

ここまでの操作方法は同じです。

（４）キーボードで「MenuBody」と入力してください。大文字と小文字を間違えないようにご注意ください。

入力し終わると同時に画面右側の上部に黄色のマーカーがついた「MenuBody」という文字が表示されると思います。

↓こんな風に「MenuBody」が出ていたらOKです。その「MenuBody」と書かれた部分をクリックしてください。


（５）画面右側の真ん中に、色を設定している箇所が出てくると思います。その中にある「background-color」と書かれた横にある、小さな■をクリックします。（下画面の赤い枠のところ）



あとは色編集の画面になるので、操作して色を調整してください。

]]> https://ameblo.jp/detaramefs/entry-12051326463.html Fri, 17 Jul 2015 02:12:40 +0900
サイドメニューの部分は３つに分かれております。
（１）メニュータイトルまわりの色
（２）メニュー部分のまわりの色
（３）メニュー文字のまわりの色（レッスンメニューのみ）

まずは（１）メニュータイトルまわりの色です。
この赤枠の部分の色です（分かりやすいように色を変えています）



基本的な操作方法は他の色編集作業と同じですので、
異なるところを中心にご説明いたします。

（１）Google Chromeを起動して、サンプルブログを開き、[F12]キーを押してください。右半分に文字が沢山出てくる画面が表示されます。

（２）画面中央の上部にある、虫ネガネのアイコンをクリックします。虫ネガメのアイコンです。クリックしてアイコンが青色になったらOKです。

（３）キーボードの[Ctrl]キーを押しながら[F]キーを押してください。
（[Ctrl]キーがキーボードの左下にあります）
画面右側の真ん中あたりに文字を入力するフォームが表示されると思います。

ここまでの操作方法は同じです。

（４）キーボードで「MenuHeader」と入力してください。大文字と小文字を間違えないようにご注意ください。

入力し終わると同時に画面右側の上部に黄色のマーカーがついた「MenuHeader」という文字が表示されると思います。

↓こんな風に「MenuHeader」が出ていたらOKです。その「MenuHeader」と書かれた部分をクリックしてください。


（５）画面右側の真ん中に、色を設定している箇所が出てくると思います。その中にある「background-color」と書かれた横にある、小さな■をクリックします。（下画面の赤い枠のところ）



あとは色編集の画面になるので、操作して色を調整してください。
]]> https://ameblo.jp/detaramefs/entry-12051325946.html Fri, 17 Jul 2015 02:03:23 +0900
基本的な操作方法は一つ前の記事と同じですので、
異なるところを中心にご説明いたします。


（１）Google Chromeを起動して、サンプルブログを開き、[F12]キーを押してください。右半分に文字が沢山出てくる画面が表示されます。

（２）画面中央の上部にある、虫ネガネのアイコンをクリックします。虫ネガメのアイコンです。クリックしてアイコンが青色になったらOKです。

（３）キーボードの[Ctrl]キーを押しながら[F]キーを押してください。
（[Ctrl]キーがキーボードの左下にあります）
画面右側の真ん中あたりに文字を入力するフォームが表示されると思います。

ここまでの操作方法は同じです。

（４）キーボードで「TopComment」と入力してください。大文字と小文字を間違えないようにご注意ください。

入力し終わると同時に画面右側の上部に黄色のマーカーがついた「TopComment」という文字が表示されると思います。

↓こんな風に「TopComment」が出ていたらOKです。その「TopComment」と書かれた部分をクリックしてください。



（５）画面右側の真ん中に、色を設定している箇所が出てくると思います。その中にある「background-color」と書かれた横にある、小さな■をクリックします。（下画面の赤い枠のところ）

もし、「background-color」が表示されない場合は、青枠のスクロールバーをマウスでドラッグして、少しだけ下の方へ移動してみてください。おそらく見つかるはずです。



あとは色編集の画面になるので、操作して色を調整してください。
]]> https://ameblo.jp/detaramefs/entry-12051321577.html Fri, 17 Jul 2015 01:31:00 +0900

（１）Google Chromeを起動して、サンプルブログを開いてください。この画面ですね。この状態で[F12]キーを押してください。右半分に文字が沢山出てくる画面が表示されます。




（２）画面中央の上部にある、虫ネガネのアイコンをクリックします。

↓画面の赤い枠の付近にある


↓この虫ネガメのアイコンです。クリックしてアイコンが青色になったらOKです。




（３）キーボードの[Ctrl]キーを押しながら[F]キーを押してください。
（[Ctrl]キーがキーボードの左下にあります）
画面右側の真ん中あたりに文字を入力するフォームが表示されると思います。

↓画面の赤い枠のところに


↓こんな入力フォームが出ていたらOKです。




（４）キーボードで「skinMainArea」と入力してください。大文字と小文字を間違えないようにご注意ください。

入力し終わると同時に画面右側の上部に黄色のマーカーがついた「skinMainArea」という文字が表示されると思います。

↓画面の赤い枠の中に


↓こんな風に「skinMainArea」が出ていたらOKです。その「skinMainArea」と書かれた部分をクリックしてください。




（５）画面右側の真ん中に、先日お伝えしました、色を設定している箇所が出てくると思います。

↓画面の赤い枠の中に


↓skinMainAreaが出ていたらOK！




（６）「background-color」と書かれた横にある、小さな■をクリックします。（下画面の赤い枠のところ）




（７）色の編集画面が表示されます。


画面左側のブログ画面にマウスを移動させると例の大きめの○が表示されます。大きめの○が表示されている時にクリックするとその時にマウスカーソスがあった色に変更されます。また、色編集画面の中でマウスをクリックしても色が変わります。



（８）色が決まったら、下画面の赤い枠の箇所に表示されている文字（英数６文字）をご連絡ください。透明度を変更した場合は、RGBAの４つの数字に表示が変更されますが、その時は４つの数字をご連絡ください。


なお、透明度は色編集画面の赤い枠の○をマウスでドラッグすると変更できます。色の数値も英数字６桁ではなくて４つの数字に変わります。



分からないところがありましたらご連絡ください。
操作方法に番号が振ってありますが、どの番号あたりで分からなくなってしまったか合わせて教えていただけると助かります。
よろしくお願いいたします^^
]]> https://ameblo.jp/detaramefs/entry-12047691512.html Tue, 07 Jul 2015 16:37:40 +0900
まずはご連絡いただきましたフェリーチェさまとほぼ同様のものです。
この状態ですと親子関係にも問題ないと思います。

参考までにフェリーチェさまと同じ四角「◆」にしていますが、
◇、■、□、●、○、▲、△、▼、▽、★、☆など、
日本語入力で入力可能な文字やアイコンであれば変更が可能です。


●その１

---

続いて、私が「できない」と申し上げていたものです。

これは以前にご要望をいただいた点になるかと思いますが、
【先頭の四角の大きさを変えたり、形や色を変えたりしたい】場合は、
その四角が親子関係なく全てのテーマ名に表示がされてしまいます。

これは例えば、「◆」を「■」などに変えても同じ状態になります。

なお、先頭の四角は画像データを表示していますので、
例えばバラのシルエットを使用したりすることも可能です。
（とはいえ、かなり小さいので表示してもよく分からなくなるとは思いますが、、）

●その２


テーマ表示につきましては、その１、その２、どちらも対応可能です。


以上になります。ご理解いただければ幸いです。
ご不明な点がありましたら、またお気軽におたずねくださいませ。
]]> https://ameblo.jp/detaramefs/entry-12044155082.html Sun, 28 Jun 2015 16:01:41 +0900