(1)基本のスタイル編・全体像①(新CSS編集用デザイン)

(1)基本のスタイル編・全体像①(新CSS編集用デザイン)

新CSS編集用【2016年3月追加分】

(1) 基本のスタイル(新CSS編集用デザイン解説)

この解説は2016年3月に追加されて新CSS編集用デザイン用のカスタム解説です。旧デザインの変更はこちらのリンクをご参考ください→旧CSS編集用デザイン目次

では解説です。

(1)基本のスタイルの部分では、ブログ全体のテキストの編集と、ブログ背景、そして境界線の設定ができます。

以下がコードになりますが、下記はブログ全体を変える要素なので、変更すると全てが変わってしまいます。たとえば、地色テキストの部分ではブログの文字色を変更しますが、記事本文や、サイドバーにまで影響してしまい、のちのちのカスタマイズに影響しかねません。ですので、ここでは、ふたつに絞って解説します。

ひとつめは、文字フォントの設定

フォントをメイリオフォントにします

そして

もうひとつは、ブログの背景の設定

ブログの背景色の設定方法の解説です

では、次のセクションでブログ文字のフォント設定について解説します。

*:::*:::*:::*:::*:::*:::*:::*:::*:::*:::*:::*:::*

 (1)基本のスタイル

*:::*:::*:::*:::*:::*:::*:::*:::*:::*:::*:::*:::*
*/
/* (1-1) 基本テキスト全体
——————————————–*/
/* 地色テキスト */
html {
color: #333333;
}

/* リンク */
a {
color: #3970B5;
}

/* 訪問済みリンク */
a:visited {
color: #a27ea2;
}

/* 淡色テキスト */
.skin-textQuiet {
color: #999999;
}

/* 強調色テキスト */
.skin-textLoud {
color: #ff3399;
}

/* (1-2) 基本背景
——————————————–*/
/* コンテンツ背景、ヘッダー以下の背景色 */
.skin-blogBody, .skin-blogBodyInner {
background-color: #ffffff;
}

/* 淡色背景, 自分のコメントエリアの背景色 */
.skin-bgQuiet {
background-color: #f7f7f7;
}

/* (1-3) 基本境界線
——————————————–*/
/* 境界線(強) */
.skin-borderLoud {
border-color: #cccccc;
}

/* 境界線(弱) */
.skin-borderQuiet {
border-color: #e5e5e5;
}

/*

>>ページのトップへ

おすすめ

無料メルマガ
optin
自分で作るアメブロカスタマイズ

« »

コメントは受け付けていません。