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

AutoPagerize のページ区切りにスタイルをあてる

これをやってみました。区切り部分のhtmlは、

<div>

<hr style="clear:both;" class="autopagerize_page_separator">

<p class="autopagerize_page_info">
"AutoPagerized: " 
<a class="autopagerize_link" href="#">ほげほげ</a>
</p>

</div>

なので、

hr.autopagerize_page_separator{

}

p.autopagerize_page_info{

}

cssでこの2つの要素を指定するだけでできます。

f:id:acqua_alta:20081214102931g:image

とりあえず枠線と背景だけ入れましたが、非常に簡単にできる割には効果的なのでぜひお試し下さい。