MS Access Tips/Sample and VBA and Blog customize etc...

ブログのデザインをCSS3でブラッシュアップ

ブログデザインのブラッシュアップ

盆休み前後にブログのテンプレート等をいじったので、更新したところの備忘録。
画像を見てもどこが変わったの?というぐらいの細かいところです。

メニューバーの各メニューの幅を均等化してボーダーをつけた。

メニューバー

見た目がちょっとクオリティアップしたかな?IE8以前では、ボーダーは表示されません。

参考にしたサイト
細部にこだわってみた!CSS3を使った美しい横メニューの作り方|Webpark

メニューのBBSから呼び出す掲示板を FacyBox で呼び出すように変更。

SITE MAP や CONTACT と同様にした。ユーザーにとってはあまり意味がないかも。オーナーの自己満足。

CSS3でページのトップに点光源があるような効果をつけた。

ダーク系のサイトでたまに見かけるデザインですが、たいていは画像で実現してますが、CSS3で実現したのがみそ。box-shadow を使ってますので IE8以前では無効です。

ヒントを得たサイト
Depth

CSS3によるページトップ点光源

ページトップ点光源デモページ

ページトップ線光源デモページ

SiteMapにサンプルファイルダウンロードボタンをつけた。

サンプルファイルをまとめてダウンロードするときになどに便利かな。って、利用する人は少ないかも。

SiteMapダウンロードボタン

FC2ブログのオリジナルの検索窓の下に、Googleカスタム検索の窓も付けた。

それぞれ一長一短がありますので、用途に分けて使い分けてください。

ブログ検索窓


拍手する

2 Comments

月 says...""

ページのトップに点光源、いいですね~。

2012.09.02 12:46 | URL | #- [edit]
hatena says...""

IE8以前では寂しい結果になりますが・・・

もう、IE8以前は無視する気になってます。

2012.09.04 15:35 | URL | #5uE6dEgY [edit]

Leave a reply






該当の記事は見つかりませんでした。