読者です 読者をやめる 読者になる 読者になる

攻めは飛車角銀桂守りは金銀三枚

ITとアコースティックギター、そして日常のひとこま。

サブサイト「色白おばけBLACK!!」のカスタマイズほぼ完了

はてな
スポンサーリンク

先日書いた、サブサイト色白おばけBLACK!!のカスタマイズが上手くいかなかった件

はてなブログのスマホ表示のカスタマイズがうまくいかない - 攻めは飛車角銀桂守りは金銀三枚
なんとなくほぼ思い通りになったので、万が一設定が消えた時に困らないようにここにメモ書きしておきます。

まずはPC版

#box2 img {
    opacity: 1.0;
}

これはサイドバーに貼っているアイコンの画像の白が背景の黒と混ざって灰色になるのを防いでます。

次にスマホ

<style type="text/css">
#header {background-color:black;color:#00FF00 !important;}
#body {background-color:black;color:#00FF00 !important;}
#blog-description {
    color:#00FF00 !important;
}
.date{
    color:#00FF00 !important;
}
#body .blog-title {
    color:#00FF00 !important;
}
#body .entry-title{
    background-color:black;color:#00FF00 !important;
}
#body A {
    background-color:black;color:#00FF00 !important;
}
</style>

これでリンクも全部緑文字に変更できました。

またおかしなとこ見つけたらなおしていきます。

あとは記事を書いていくだけ・・・これが一番大変ですね。

スラスラわかるCSSデザインのきほん

スラスラわかるCSSデザインのきほん

よくわかるHTML5+CSS3の教科書【第2版】

よくわかるHTML5+CSS3の教科書【第2版】

作りながら学ぶ HTML/CSSデザインの教科書

作りながら学ぶ HTML/CSSデザインの教科書