桜母ちゃんです(^^)v
最近ブログのカスタマイズに勤しむ母ちゃんですが、ついに！
ついに念願の（涙）
吹き出しで会話ができるようになりましたーパチパチパチッ！
吹き出しを使って会話風を楽しむ
ブログのカスタマイズをしていく上で桜母ちゃんが憧れていたのが
吹き出しを使って会話をしているようなブログ！
何だかかっこいいし内容が分かりやすい。そう思って吹き出しとアイコンを横に付ける方法を先人様方のブログを拝見しながら勉強させていただいておりました。
失敗続きのカスタマイズ
コピペだけ！簡単って書いてある！よしっやるぞ～！
そんなに簡単にできるかな～お母さんはおっちょこちょいだから～
ひまわりちゃん見てなさい！
簡単簡単。CSSを書いて有るとおりにコピペして
次にHTMLに記述したら
ほらっ
ふふふ～画像と吹き出しズレてるよ
やだぁ～何で何で何で～！
もうね。どうやっても画像と吹き出しがズレちゃうんですよ（涙）
最初の挫折はそこでした･･･
WEBデザインの「ウェ」の字も知らない桜母ちゃんにとって、書いて有るとおりにやってみて出来なかった事を修復する方法なんて分かるわけもなく（涙涙涙 ）
でもちゃんと 「CSSが効かなかったときの対処法」 と先人様が（神様ですかっ）
教えて下さるページがあったのですよ
参考にさせていただいたブログ
ありがとうございます神様ですかホント･･･
キャッシュも消去してみたし、googleの検証機能も使ってみたし！ それでも･･・
ぜんっぜん分かんないマジで･･･
あ～ぁお母さんバグっちゃったwww
お母さん･･･画像の上側に空白があるよ
太陽くん･･･ちょっと言ってる意味が分からないんだけど
画像って外側見えてないけど四角でしょ？四角一杯に顔にしないとその分空白みたいに画像が下になるよね
ホントだ～！だよねだよね～
え、ひまわりちゃんも瞬時に理解する。 若い子の頭ってどうなってるの！
太陽くんありがと～！
で、どうやって直すの？
え、そんなの分かんない
こっから放置ですか～（涙涙涙） 太陽くんが言ってくれた内容を理解するのに母ちゃんは一ヶ月の月日をようしましたとさ･･･。ふうぅ
解決策
全然解決策が分からない母ちゃん。諦めて他のカスタマイズへと進んで行きました。
そうしている内に、CSSに問題がある度にgoogleの検証機能でどこのCSSが効いていないのか。ちゃんと記述してあっても他のCSSと喧嘩して思い通りにカスタマイズ出来ていなかったり、数字を入れ替えてみたら解決することが分かったり･･･。
少しずつWEBデザインの、ほ～～～～～～～～～んの一部分が見えてきました。
そして閃いた母ちゃん。
太陽くんは四角一杯に顔をって言ってたじゃない！
画像全部作り直しだわ！
いよ～し！やるぞ～！！！
そうして、膨大な作業をもう一度一からやり直し 画像の大きさもアイコンに適切なサイズに直し いざ！
で！き！た～～～～～！！
やればできるじゃん お母さん
あぁ。一ヶ月に渡る母ちゃんの闘いがほんの少し一時終結しました。 とはいえ、どうもまだ ＜div＞タグを使いこなせない･･･。 まだまだ課題が多い桜母ちゃんなのでした（苦笑）
登場人物改めてご紹介
吹き出しで会話風が出来るようになり、自己紹介ページをリニューアルしました！
是非是非、一度覗いてみて下さい
☆今日の桜ニャンズ☆
頑張ってる！あたし！
頑張ってる！天使ママ！
頑張ってる！病気っ子ママ！
頑張ってる！自閉っ子ママ！
頑張ってる！シンママ・シンパパ！
頑張れ！脱モラハラ！
自分らしく生きよう！ 桜
