本サイトには広告が含まれます。

ブログ

【お知らせ】ウェブサイトのデザインを大幅に変更しました

変更点

参考:旧デザイン

ヘッダー

ヘッダーの小型化

ヘッダーカラーから
#98623c
を削除し
#8a3b00に統一

白線の区切りを削除

メインカラム、サイドバーのデザイン

角丸を25pxから1emに

目次のデザイン

強力な角丸だったのを、わずかに丸い角に変更。

枠線の左右をなくし、わずかに背景色を採用(h4の背景色と同様)

各項目をホバーしたときの色は、h3の背景色に統一

見出しのデザイン

h2, h3については、角丸を2pxから0.1emに変更。
h4については、角丸を下記状況から0.05emに変更。h5, h6についても同様の状況から角丸を削除。
h3の背景色を「rgb(254,234,234)」にした
h4の背景色を「rgb(254,244,244)」に戻す

ブログカード

下記から変更

余白の指定するセレクタを変更して、2.5emに拡大
枠線を3pxにして太くした
影の前者を無効化
角丸を0.5emに変更
ホバーしたときの移動量を4pxに拡大
ホバーしたときの移動の仕方をease-outに変更
ホバーしたときの色を関連記事などと統一

謎コードの無効化(画像の直後の部分)

SNSシェアボタン

角丸の加減を弱くした。以下のように更新

関連記事、人気記事などのデザイン

以下から変更。

余白を上下0.5emに

線の太さを3pxにして、丸みを0.3emに

影を完全削除

ホバー時の色を「rgb(192,162,199,0.3)」に

加えて、ホバー時に上に上がるように

Cocoonボタン

影を削除。4px→0px

カルーセル

枠線を3pxに変更し、ほかは人気記事と同様の変更をした

トップページのコンテンツ一覧

次のように変更

You cannot copy content of this page

タイトルとURLをコピーしました