へタ打った。戻した。
- http://b.hatena.ne.jp/laiso/
- カルトブックマーク(Area3)(web.archive.org内)
マジカルバナナ方式でブックマークといったらカルトブックマークで、カルトブックマークといったら俺の中では90年代後半のこのデザインだったんだけど、無体さんにすら通じないなら誰もわかるわけはなかった。われずくださいR@Mがみつかりませんjava切って多段串が基本です。
ああ、あと豆知識。自分のブクマURLのあとに「?cname=web」とか付けるとカテゴリ抽出できる。しかし、表示件数内から絞り込むだけ。
以下にソース張っておきます。当然だら書き。
ヘッダ
<hatena name="usersearch"> <div class="catlist"> <ul> <li><a href="http://b.hatena.ne.jp/laiso/?cname=web" title="ウェブ">Area1</a></li> <li><a href="http://b.hatena.ne.jp/laiso/?cname=hatena" title="はてな">Area2</a></li> <li><a href="http://b.hatena.ne.jp/laiso/?cname=none" title="一般">Area3</a></li> <li><a href="http://b.hatena.ne.jp/laiso/?cname=elec" title="コンピュータ">Area4</a></li> <li><a href="http://b.hatena.ne.jp/laiso/?cname=book" title="読書">Area5</a></li> <li><a href="http://b.hatena.ne.jp/laiso/?cname=music" title="音楽">Area6</a></li> <li><a href="http://b.hatena.ne.jp/laiso/?cname=movie" title="映画">Area7</a></li> <li><a href="http://b.hatena.ne.jp/laiso/?cname=anime" title="アニメ">Area8</a></li> <li><a href="http://b.hatena.ne.jp/laiso/?cname=comic" title="マンガ">Area9</a></li> <li><a href="http://b.hatena.ne.jp/laiso/?cname=art" title="アート">Area10</a></li> <li><a href="http://b.hatena.ne.jp/laiso/?cname=idol" title="アイドル">Area11</a></li> <li><a href="http://b.hatena.ne.jp/laiso/?cname=food" title="食">Area12</a></li> <li><a href="http://b.hatena.ne.jp/laiso/?cname=science" title="サイエンス">Area13</a></li> <li><a href="http://b.hatena.ne.jp/laiso/?cname=animal" title="動植物">Area14</a></li> <li><a href="http://b.hatena.ne.jp/laiso/?cname=geography" title="地理">Area15</a></li> </ul> </div> <hr>
フッタ
<hr> <div class="catlist"> <ul> <li><a href="http://b.hatena.ne.jp/laiso/?cname=web" title="ウェブ">Area1</a></li> <li><a href="http://b.hatena.ne.jp/laiso/?cname=hatena" title="はてな">Area2</a></li> <li><a href="http://b.hatena.ne.jp/laiso/?cname=none" title="一般">Area3</a></li> <li><a href="http://b.hatena.ne.jp/laiso/?cname=elec" title="コンピュータ">Area4</a></li> <li><a href="http://b.hatena.ne.jp/laiso/?cname=book" title="読書">Area5</a></li> <li><a href="http://b.hatena.ne.jp/laiso/?cname=music" title="音楽">Area6</a></li> <li><a href="http://b.hatena.ne.jp/laiso/?cname=movie" title="映画">Area7</a></li> <li><a href="http://b.hatena.ne.jp/laiso/?cname=anime" title="アニメ">Area8</a></li> <li><a href="http://b.hatena.ne.jp/laiso/?cname=comic" title="マンガ">Area9</a></li> <li><a href="http://b.hatena.ne.jp/laiso/?cname=art" title="アート">Area10</a></li> <li><a href="http://b.hatena.ne.jp/laiso/?cname=idol" title="アイドル">Area11</a></li> <li><a href="http://b.hatena.ne.jp/laiso/?cname=food" title="食">Area12</a></li> <li><a href="http://b.hatena.ne.jp/laiso/?cname=science" title="サイエンス">Area13</a></li> <li><a href="http://b.hatena.ne.jp/laiso/?cname=animal" title="動植物">Area14</a></li> <li><a href="http://b.hatena.ne.jp/laiso/?cname=geography" title="地理">Area15</a></li> </ul> </div>
スタイルシート
dt.category a{
color : gray ;
}
dt.bookmark a {
background:url("http://d.hatena.ne.jp/images/diary/l/laiso/2000-06-04.gif") no-repeat ;
background-position: left center;
padding : 0 0 0 10px ;
}
dd.delete , form.delete{
margin : 0px ;
padding-bottom : 0px ;
}
dl.bookmarklist dd{
padding : 0.2em 0 0 2px ;
}
a.bookmark{
float : left ;
}
dl.bookmarklist , dt.bookmark {
clear : left ;
}
div.catlist{
text-align :center;
width: 100% ;
clear : both ;
}
div.catlist ul li{
margin : 0 0.5em ;
float: left ;
list-style-type: none ;
}
hr{
clear: both ;
}
body{
background-color : #000000 ;
color : #ffffff ;
}
a:link{
color : #4676ff ;
}
a:vlink{
color : #fa7504 ;
}
A:hover {
color: red ;
}
A:visited {
color: #fa7504 ;
}
h2{
margin : 0 ;
float : left ;
}
ul.bookmarkinfo li {
float : left ;
list-style-type: none ;
margin : 9px 2px 0px 2px ;
}
form.hatena-usersearch{
clear : both ;
}
div.taglist {
width : auto ;
float : right ;
border : 1px gray dotted ;
margin : 0 1em ;
font-size : ;
}
div.taglist h3{
text-align : center ;
}
span.label , dd.keyword , dt.keyword , dd.users , dt.timestamp , dd.timestamp , dd.domain , dt.category img{
display : none ;
}
dl.bookmarklist dd dt , dl.bookmarklist dd dd{
float : left ;
margin:0px 2px;
}
dt.bookmark {
margin-left : 2em ;
}
dl.bookmarklist dd , dl.bookmarklist dd a{
font-size: 90% ;
}
div.pager{
text-align : right ;
margin-right : 1em ;
}
div.favoritelist{
float : right ;
}
