「jQueryデザイン入門」を読んでブログデザインを一部変更しました

http://teapipin.blog10.fc2.com/blog-entry-565.html「jQueryデザイン入門」を読んでブログデザインを一部変更しました

ブログのデザインの変更については大きく変わったときはお知らせするようにしています。

 

最近「Web制作の現場で使う jQueryデザイン入門」を読み、jQueryの知識が増したのでこれを参考にしてブログのデザインを一部変更しました。

 

Web制作の現場で使うjQueryデザイン入門[改訂新版] (WEB PROFESSIONAL)

posted with amazlet at 14.05.11

西畑一馬
アスキー・メディアワークス
売り上げランキング: 37,177

Amazon.co.jpで詳細を見る

 

今回のデザインの変更点は次の４点です。

 

 

１．トップページの各記事をマウスオーバーすると色を付けリンクを張るようにした

 

各記事内の囲みにマウスを入れると色を付けるようにしました。

 

また各記事へのリンクについては、今まではタイトルと画像にのみリンクを張っていましたが、各記事内のどの箇所をクリックしてもリンクへ移動できるようにしました。

 

 

 

２．トップページに正方形のサムネイルを表示するようにした

 

トップページのサムネイルは元画像と同じ縦横比のものを使っていましたが、正方形のサムネイルとし、元画像が正方形でない場合は真ん中の方をくり抜いたものとするようにしました。

 

＜変更前＞

 

＜変更後＞

 

 

３．メニューバーでリンクがないメニューをクリックしたときに一番下へ行かないようにした

 

メニューバーで階層メニューの場合、途中のメニューはリンクが張られていませんが、クリックすると画面の下に移動するようになっていました。それを修正しました。

 

 

 

４．テーブルをマウスオーバーしたらその行に色を付けるようにした

 

テーブルはマウスを置くとその行に色を付けるようにしました。

 

 

 

 

変更点は以上です。変更方法についてはもしかしたらいずれブログにアップするかもしれません。

 

 

↓この記事が参考になったら拍手（どなたでも可）、ツイート、いいね、はてブ、いずれかをお願いします。 今後のブログ作りに役立てたいので。