この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 ちょっと使う予定が出来るかもなので メモ。サムネイル付きのメニューが マウスオーバーでサイドからスムー ズにスライドします。css3も使用して いますが、シャドウと角丸だけみたい ですね。 マークアップも簡単っぽいので備忘録としてエントリーします。 Related Posts and CSS3 サイドにサムネイル付きのバーが隠されていて、マウスを乗せることでコンテンツがスライドします。 マークアップは以下のような感じ。 <div id="rp_list" class="rp_list"> <ul> <li> <div> <img src="images/1.jpg" alt=""/> <span class="rp_title">Post Title</span>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>文書のタイトル</title> <style type="text/css"> ul { list-style-image: url(mark.gif); } </style> </head> <body> <ul> <li>リスト項目A</li> <li>リスト項目B</li> <li>リスト項目C</li> </ul> </body> </html> 表示例 リスト項目A リスト項目B リスト項目C
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
