ブログカスタマイズ備忘録
ブログの a要素をデコれるようにした。具体的には
<span class="deco"><a class="non deco" href="http://hoge.com/">ジャンプするよ</a></span>
のように class で指定する。a要素の class のnon
は、これがあるとオプションの JavaScript による a要素に対する強制的な改変をゆるさない。その JavaScript コードは
var ndlist = document.querySelectorAll("div.entry-content a"); var f = function(e) { return e.hasAttribute("class") && e.classList.contains("non") }; for (var i = 0; i < ndlist.length; i++) { if (ndlist[i].innerText != "続きを読む") { ndlist[i].setAttribute("target", "_blank"); if (!f(ndlist[i])) {ndlist[i].setAttribute("style", "color: #1dbde1;");} } }
というもの。
デザインCSSに
span.deco {border: 2px solid moccasin; padding: 1px 2px 1px; background-color: lemonchiffon;} a.deco {color: darkkhaki; text-decoration: none; font-size: 95%;}
を指定した。
オベリスク備忘録
みたいな感じになる。