はてなブログの Amazon 商品紹介をちょっぴり改善するカスタマイズ - MoonNote
はてなブログには、カエレバやヨメレバといった外部サービスを使わず、管理画面から直接記事に Amazon の商品を紹介できる機能「Amazon 商品紹介」があります。 非常に便利ですが、Amazon の商品ページへのリンクかどうか一目で分からないという弱点があり、このためにカエレバやヨメレバを使っている方もいるようです。この弱点を改善する CSS を紹介します。 CSS リンクの色を変更 アイコンを表示 適用後 CSS リンクの色を変更 .hatena-asin-detail a { color: #e47911; } .hatena-asin-detail a:hover { color: #ff9900; } Amazon 商品紹介に含まれるリンクの色を Amazon 風のオレンジに変更します。 アイコンを表示 .hatena-asin-detail { position: relati
Innocent および Blank でパンくずリストの ”>” を正しい位置に表示する方法 - MoonNote
photo by riklomas Innocent と Blank で、id:bulldra 氏が制作したパンくずリスト（はてなブログでGoogleにパンくずリストを認識させるブログパーツ - 太陽がまぶしかったから）のカテゴリーとカテゴリーの間に挿入される > が全て最後のカテゴリーの後ろに表示されるという問題を修正するには、以下のコードをデザインCSS欄に追記して下さい。 .categories a{ display: inline-block; float: none; margin-right: 0; } 問題が起こる理由と、問題が起こる指定をしている理由は続きを読むに記載します。 問題が起こる理由 不具合が起こる指定をしている理由 半角スペースの幅 まとめ 問題が起こる理由 .categories a { display: block; float: left; } Innoc
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
