スナックelve 本店

バツイチ派遣40代女性の日記です

はてなブックマークコメント表示ブログパーツのタイトル色を変える

f:id:elve:20190216120820p:plain
↑これの色を変えたい。
スマホの人置いてけぼりの記事です。

wedges.hatenablog.com
これがうまく動かなかった。多分古くなってバージョンとかの問題だろうと思ったのだけどよくわからない。
developer.hatena.ne.jp
公式はさらに古すぎた。
わしはjavaスクリプトとか、よくわからんのじゃよ・・・。jQueryとかもできれば触りたくないwww

らいちさんに愚痴ったらはてなから読み込めば? 的なことを言われたので変えたら動いた。
多分普通にバージョン変えたら動くパターンだと思うけど、はてなから呼んだほうが重くないのかな?

<script type="text/javascript" src="https://cdn.blog.st-hatena.com/js/external/jquery.min.js?version=1.12.3"></script>
<script type="text/javascript">
$(window).load(function(){
	    setTimeout(function(){
        $('iframe.hatena-bookmark-comment-iframe').contents().find('div.hatena-bookmark-title').css('border', '1px solid #c71585');
        $('iframe.hatena-bookmark-comment-iframe').contents().find('div.hatena-bookmark-title').css('background', '#c71585');
	    },100);
});
</script>

何かの参考になれば。

追記

setTimeoutで遅延しちゃうから
www.koikikukan.com
を参考にして

<script type="text/javascript" src="https://cdn.blog.st-hatena.com/js/external/jquery.min.js?version=1.12.3"></script>
<script type="text/javascript">
$("iframe").on("load",function(){
 $("iframe.hatena-bookmark-comment-iframe").contents().find('div.hatena-bookmark-title').css("border","1px solid #c71585");
 $("iframe.hatena-bookmark-comment-iframe").contents().find('div.hatena-bookmark-title').css("background","#c71585");
});
</script>

のほうがいいのかな? っと思ったけど、これだと変わらなかった。何がいかんのだろう?

クロスドメイン(親ページと子ページのドメインが異なる)の場合、この方法は適用できません。

親ページからiframe内の要素にCSSを適用させる方法: 小粋空間

これか。うーむ、むつかしなぁ

↓変わってなかったらf5だ!w

↑Top