CSS

先日、はてなブックマークの「やる夫スキン」を作ったところ、思った以上に好評をいただきました。

が、「やる夫ができたら次はやらない夫だろう常考…」という意見が山のように2件ほど寄せられまして、急遽作りました、やらない夫ブックマーク。


はてなブックマーク – 朱雀式ブックマーク
 やらない夫ブックマークを含むブックマーク

全てのコメントに「常識的に考えて…」が自動挿入されるので、このスキンを使えば誰でも常識人に見られ、説得力が生じるという魔法のライフハック!

しかもやる夫と同様、コメントなしの場合は「……。」が自動挿入されるので便利です。

(ただし、やはり自分のアカウント以外のところでは関係ないので注意が必要です。素人にはオススメしません)

例によって自分も使いたい、という奇特な人のために、一応ここにCSS設定部分おいておきますね。

[設定→デザイン編集→スタイルシート欄]です。

テーマはだいたいどれでも大丈夫そうですが、[hatena-simple]などがうまくいくようです。メイン幅が462px以下だと崩れます。またベースとなるデザインによっては、右上のやらない夫の顔がとても邪魔になると思いますが、そういう場合は “div.body { …” の部分を消してください。

!注:タグ必須です。ないとふきだしが上にずれます。


dl.bookmarklist dd.comment {
background: url(http://sub.suzaku-s.net/css/yaranaio/yaranaio.gif) no-repeat;
display: block;
height: 97px;
width: 462px;
margin: 0px;
padding: 10px 0px 0px;
}
.comment .tag {
font-size: 80%;
color: #666666;
margin-bottom: 10px;
position: relative;
top: 85px;
left: -10px;
}
.comment .tag a:link {
color: #666666;
}
.comment span.comment {
background: url(http://sub.suzaku-s.net/css/yaranaio/comment.gif) no-repeat left bottom;
margin: -15px 0px 0px 70px;
padding: 0px 5px 22px 21px;
font-size: 12px;
color: #333333;
line-height: 120%;
font-family: "MS ゴシック", "Osaka-等幅";
display: block;
width: 387px;
}
span.hatena-star-comment-container {
padding-left: 100px;
}
div.body {
background: url("http://sub.suzaku-s.net/css/yaranaio/yaranaiohead.gif") no-repeat right top;
}
div.main {
margin-top: 5px;
padding-bottom: 100px;
background: url("http://sub.suzaku-s.net/css/yaruo/footer.gif") no-repeat left bottom;
}
div.taglist {
padding-bottom:145px;
background: url("http://sub.suzaku-s.net/css/yaranaio/side.gif") no-repeat right bottom;
}

.comment .comment_img {
position: relative;
left: 50px;
}

(櫻木)