CSSの編集が出来ないスキンでCSSを使う 4
できましたか・・・？
まだ、ブログになんの変化もないはずです
今使われているブログのどこを直したいのはっきりします
・・・てか、不満があるからこの記事を読まれているわけですからすでにはっきりしていると思いますが
あっ、べつに後からでもドンドン変更、追加・削除は出来ますので大丈夫です
↓今、使っているスキンがコレだとします
・・・・タイトルが白字でちっちゃいし、バックの柄にかぶって見にくい
・・・・カレンダーの記事を書いた日付がわかりにくい
・・・・・コメントがくっついているので読みにくい
などなど、不満が色々あると思います
ここのブログや他にもＣＳＳを教えてくれていろサイトがありますので
それらを参考に直したい部分のＣＳＳをメモ帳とかに書きます
↓タイトルを下げて
#header h1 {/*タイトル*/
padding-top: 40px;/*タイトルを上から40px*/
}
↓タイトルの文字色とサイズを変更
#header h1 a,
#header h1{/*タイトル*/
color: #000033;/*文字色*/
font-size: 25px;/*文字サイズ*/
}
↓概要の文字色とサイズを変更
#header h2{/*概要*/
color:#ffffff;/*文字色*/
font-size:14px;/*文字サイズ*/
}
↓カレンダーの文字色と太さを変更
#calendar td a {/*カレンダー記事のある日*/
color:#ff6600;/*文字色*/
font-weight:bold;/*太文字*/
}
↓各コメントの上にスキマを空けてコメントとコメントの間に白い破線
.each_comment{/*コメントタイトル*/
margin-top: 10px;
padding-top: 10px;
border-top: 1px dashed #ffffff;
}
できましたら ＣＳＳ用に作ったブログにログイン
デザインの変更 → スキンＣＳＳの編集
CSSの編集で先ほど作ったＣＳＳを貼り付けます → 保存（ここでプレビューしても意味がありません）
新しい画面でいつも使っているブログを見てください
※普段使っているブログにログインするわけではありません見るだけです
ＣＳＳ用のブログはログアウトしません
直したかった部分が直っているか確認します
もし表示がおかしかったり、もう少し右、とか色が合わなかったらまた上のＣＳＳを変更して保存
普段使っているブログをリロードして確認
思った通りになるまで繰り返します
出来上がりましたらＣＳＳ用ブログはログアウト
・・・いつも使うわけではありませんのでIDとパスワードは忘れないようにしてください
↑こんな感じで出来ました
健康のためＣＳＳの使いすぎには注意しましょう
・・・・私のように寝不足になりますよ
※デザインをされた方を尊重してあくまでも補助として使うようにしてください