思い立ったが吉日で、「DUDE」から「CONTENTS」へと
ブログのデザインを変更しましたん。
チマチマと施してきたカスタマイズ達が、ボタン一つで崩れる衝撃。
手直し作業開始だよ・・・っていうお話しデスん。
DUDE から CONTENTS へデザイン変更
さて。
2週間ほど前に心機一転!
ブログのデザインを「DUDE」へ変更した▼・ェ・▼。
試行錯誤しながら、チマチマとカスタマイズを施して参りました。
この日記をきっかけに勢いに任せて、
またまたデザイン変更ボタンをぽちこしました!
今度のデザインは「CONTENTS」
インストールボタンをぽちこして、変わり果てた My ブログの姿。
目にした瞬間、気が遠くなりそうだった。( ꒪⌓꒪) シロメ
初期設定に戻ってるところ。
かと思えば、DUDEの名残やら、
自分でHTMLを追加したところや変更した設定がいくつか残ってたり。
il||li(つд-。)il||li
でも、自分で決めたんだもんね!
気持ちを切り替えた途端、沸々と湧きあがってきた闘志を感じて
『根っからのドMだなwww』って自分で笑えた!(๑→ܫ←๑)
グローバルメニューの再設定
まずは一番目に付くところからやっつけるよ!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*´v`)*♪.:*ೄ·
とりあえず、今回の修正はココまで!
おつかれさまでした!
゚*。.ღ ⊹⊱ £ονё & βLёss уoц ⊰⊹ ღ.。*゚
Thank you.
I love you.