カテゴリー別アーカイブ: jQuery

jQueryを使った角丸

WordPressのbodyの色を濃くしてみたら、何となくwrapper要素の角が目立つのでjQueryを利用して角を丸くしてみた。

header.phpの編集

<head>タグの最下部に以下の2行を追加。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://malsup.github.com/jquery.corner.js"></script>

footer.phpの編集

</body>の直前に以下を追加。

<script type="text/javascript">
    $('#wrapper').corner();
</script>

#wrapperというidを指定すれば簡単に角丸に。