読者です 読者をやめる 読者になる 読者になる

カルトブックマーク風はてなブックマーク

雑記

へタ打った。戻した。
カルトブックマーク風はてなブックマークサンプル カルトブックマーク風はてなブックマークサンプルその2

マジカルバナナ方式でブックマークといったらカルトブックマークで、カルトブックマークといったら俺の中では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 ;
}