はてなブログの「Brookly」テンプレートに変更
- またもや同じ繰り返しをしている
- 以前のテンプも気に入っていたのだが、記事とサイドバーの割合が近いので記事 幅が広いのが欲しかった
- 記事を沢山書けるわけではないのだが・・・
初めて知ったのだが、Brooklyn だと Brooklyn のカスタマイズは初期化のCSSは不要である・・当然だ。
やや意味不明文章？
人気テーマは最初からオシャレな設定がCSSにされているので、後から追加でCSSを書き加えると干渉しあってデザインが壊れるそう。
それを防ぐ為に最初のCSSデザインを初期化して、新しいCSSデザインが上手く使える様に初期化用のCSSを使う必要があるそう・・・なるほどねぇ～。
初期化コードを「デザインCSS」内に入力↓
.hatena-module-title,
.hatena-module-title::before,
.hatena-module-title::after {
background: none;
border: none;
}
追加CSS
/* サイドバー 吹き出し */
.hatena-module-title {
color: #555;
font-size: 100%;/* 文字サイズ */
position: relative;
padding: .5em 0;
background-color: #fff;
border: 2px solid #86D4C9;
border-radius: 6px;
text-align:center;
margin-bottom: 15px;/* 下余白 */
}
.hatena-module-title::before,
.hatena-module-title::after {
position: absolute;
top: 100%;
left: 50%;
content: '';
height: 0;
width: 0;
border: 10px solid transparent;
margin-left: -10px;
}
.hatena-module-title::before {
border-top: 15px solid #86D4C9;
}
.hatena-module-title::after {
margin-top: -2px;
border-top: 15px solid #fff;
}
minimal-greenさん
サイドバーはなかなか見つからなくて、助かりました
ありがとうございました