本日2回目ですね!
今回は、最新記事の部分を常に前に固定して表示する方法です!
つまり、スクロールしても最新記事だけは、常に前に表示されます^^
今回はページ内での実装がちょっと面倒だったので(笑)←
画像で勘弁して下さい(笑)
わかりづらいかもしれませんが、右下の最新の記事だけはずっとついてきています。
これも、貼り付けるだけでできるので良かったらやってみてください^^
【 CSS 】
.recentEntriesMenu {
position:fixed;
bottom:0px; /* 画面の下からの距離 */
right:80px; /* 画面の右からの距離 */
width:300px; /* 全体の幅 */
}
.recentEntriesMenu .skinMenuHeader,.recentEntriesMenu {
background:#333333; /* 背景色 */
color:#ffffff; /* 文字の色 */
}
.recentEntriesMenu .skinMenuHeader {
text-align:center; /* タイトルを中央寄せ */
}
これでできます^^
背景は画像にするなりお好きな様に^^
では、またっ!