TextwellのColorsで小見出しを付箋紙デザインに変えてみた Colors(solid)

はてなダイアリー対策。


Textwellで文字に色とりどりなハイライトを付ける Colors(装飾版)
大事なところは蛍光ペンで強調を。色見本が出るだけでは寂しいので活用方法を考えました。登録リンクはこちら→ http://tinyurl.com/ooo2e3h強調したい範囲を選択状態にしてColors...
なかなかいいアクションが出来たと思っていたら、そうか、hatenaでは自動リンクが付くんだった。これは盲点。白抜きの小見出しが生きてきません。別デザインで回避かな。

<title>Colors(solid)</title>
<body style=margin:0;>
<script>
h="0123456789ABCDEF";
s="<table>";
for(i=0;i<256;i+=51){
  for(j=0;j<256;j+=51){
    s+="<tr align=center>";
    for(k=0;k<256;k+=51){
      c=h.charAt(k/16)+h.charAt(k%16)+h.charAt(j/16)+h.charAt(j%16)+h.charAt(i/16)+h.charAt(i%16);
      s+="<td style=padding:50px;background:#"+c+";><a onClick=Paste(\"#"+c+"\")>"+c+"</a></td> ";
    }
   s+="</tr>\n";
}}
s+="</table>";
document.write(s);

function Paste(x){
  s=T.current;
  if(T.range.len){
    text="<span style=\"background:"+x+";\">"+s+"</span>";
    T("replaceCurrent",{text:text});
  }else{
    if(s){
      text="<div style=\"padding:10px;border-bottom:"+x+" 1px solid;border-left:"+x+" 8px solid;font-size:large;font-weight:bold;\">"+s+"</div>\n";
      T("replaceCurrent",{text:text});
    }else{
      T("insert",{text:x});
    }
  }
}
</script>
</body>

登録リンクはこちら→ http://tinyurl.com/mk5yz37



カーソル行を小見出しに変えます。使い方は前回と同じ。


小見出し化機能つき
こんなのですけど、どうでしょう？


デザインに関しては試行錯誤だなあ。hatena以外では関係ない話ですけど。