思い立ったが吉日で、「DUDE」から「CONTENTS」へと
ブログのデザインを変更しましたん。
チマチマと施してきたカスタマイズ達が、ボタン一つで崩れる衝撃。
手直し作業開始だよ･･･っていうお話しﾃﾞｽん。
DUDE から CONTENTS へデザイン変更
さて。
２週間ほど前に心機一転！
ブログのデザインを「DUDE」へ変更した▼・ｪ・▼。
試行錯誤しながら、チマチマとカスタマイズを施して参りました。
この日記をきっかけに勢いに任せて、
またまたデザイン変更ボタンをぽちこしました！
今度のデザインは「CONTENTS」
インストールボタンをぽちこして、変わり果てた My ブログの姿。
目にした瞬間、気が遠くなりそうだった。( ꒪⌓꒪) ｼﾛﾒ
初期設定に戻ってるところ。
かと思えば、DUDEの名残やら、
自分でHTMLを追加したところや変更した設定がいくつか残ってたり。
il||li(つд-｡)il||li
でも、自分で決めたんだもんね！
気持ちを切り替えた途端、沸々と湧きあがってきた闘志を感じて
『根っからのドMだなｗｗｗ』って自分で笑えた！(๑￫ܫ￩๑)
グローバルメニューの再設定
まずは一番目に付くところからやっつけるよ！d(ŐдŐ๑)☆ﾋﾞｼｯ
ヘッダ部分に以前書き加えたHTMLを削除。
多数のCSSカスタム適用済のコンテンツ制作に最適なテーマCONTENTSを発表 - DREAMARK
CONTENTS のサイトから、グローバルメニューのHTMLをコピペ。
リンクの再設定。
ここで気付いた。
このデザイン、メニューがドロップダウンしないヤツだった！ (｡>_<｡)
ちょっとだけ悩んだけど。
今んとこ、ToSやる時間ないからArcheAgeだけ表示しとけばいっか！
▼・ｪ・▼ね、切り替え早いよ？
「どーしよっかなぁ･･･ (｡･ˇ_ˇ･｡)ﾑｩﾝ‥」とか、あんま悩まない。
いっつもね、「ん～･･･、どーしよっかなぁ･･･ (。・ε・。)」って
言い終わる頃には決まっちゃうことが多いね！
よし！ できた！！(๑•̀ㅂ•́)و✧
フォントの再設定
コピペでOK！ブログのフォントをカスタマイズする方法【はてなブログカスタマイズ】 - North-Geek
CONTENTS で設定されてるフォントも、丸々っちくて可愛いけど。
やっぱり、North-Geek 先生のとこのフォントがいいな！
仮名文字は変わんなかったわ！
でも、数字とアルファベットが優しくて可愛い感じでしょ？？
▼・ｪ・▼、そうゆうところこだわるよ！
行間を再設定
全体的にシンプルなデザインにし、コンテンツをメインに考えています。整えられた余白はブログを美しく見せてくれます。そして、ゆとりのある文字間隔は文章を読みやすくしてくれます。
先生が良かれと思ってこだわってくれたのにね。
ごめんなさい。(｡>_<｡)
▼・ｪ・▼、広すぎる行間ってどーもこぉ、
落ち着かないっていうかなんていうかモニョモニョ･･･
ってことで、前回と同じく行間幅狭くしちゃいますん！
・行間幅の調整
・文字サイズの変更
上の二つについて書いてますん。
参考にしてくらっし。
ちなみに、DUDEの時は文字サイズを16▶15へ変更したけど、
CONTENTSの場合はデフォルトで15だったみたい。
ほんと、作る人の感性によって色々違うよね。
ふぅ、落ち着いた！(๑•̀ㅂ•́)و✧
トップへ戻るボタンを再設置
CONTENTSの場合ね、記事欄外の左隅にあるっちゃあるんだけどさ。
記事を最後まで読ませる仕組みなんだとは思う。
でも、▼・ｪ・▼が読む側だったら
途中からトップへ戻るボタンが出てきてくれる方が嬉しい！
つか、ぶっちゃけ日記書くときもプレビューで確認する時に、
自分でも使ってたんだよね。(๑￫ܫ￩๑)
これはもぉ慣れちゃったら手放せない逸品ﾃﾞｽ！d(ŐдŐ๑)☆ﾋﾞｼｯ
はてなブログにページトップへ戻るボタンをつけよう！ - No Hack No Life
フッターのHTMLとデザインCSS、それぞれにコピペでOK！
▼・ｪ・▼はね、
font-family: "Avenir Next", "century gothic", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
っていうのを付け足して、フォントを変更したよ。
あと、ボタン自体の色も変更した！
▼・ｪ・▼の一押しは『和色大辞典』
淡くて渋い色が、これでもかっ！！！ってほどあるよ！
大好き♡
今回設定した色ﾀﾞﾖ。
フェードイン時。
色名：胡桃染（くるみぞめ）
ｺｰﾄﾞ：#a58f86
カーソルを合わせた時。
色名：銀煤竹（ぎんすすだけ）
ｺｰﾄﾞ：#856859
やっぱり自分の好きな色に変えられるのは喜び♡✽ (pq*´ｖ｀)*♪.:*ೄ·
とりあえず、今回の修正はココまで！
おつかれさまでした！
ﾟ*｡．ღ ⊹⊱ ￡ονё & βＬёｓｓ уｏц ⊰⊹ ღ．｡*ﾟ
Thank you.
I love you.