結局、色々と模索をしてみましたけど、この利用方法が一番いいのかも


print.css

印刷用に処理をしてくれるスタイルシート

ie.css

インターネットエクスプローラ用に処理をしてくれるスタイルシート

screen.css

基本のスタイルシート

plugins

フォントが入っています


を取り出して利用するのが一番かもしれません


上記の4つをしっかりと自分用に変更して使おうとしていたのですが

(その為にrudyを利用していましけど)


別にひとつスタイルシートを新しく作って@importさせるのが一番効率がよさそうです


新しく自分がつくったスタイルシートを最後にインポートさせるようにしてそこで標準のものを変更させるのが一番よさそうです



製作サイト

[ WEBコンサルティングのTAG ]

[ 練馬区の不動産屋:アロープランニング ]

インストール方法ですが結構簡単でした


純粋にblueprintで構成したいWEBサイトのCSSディレクトリ(例: ./common/css/ )にDLしたblueprintを放り込むだけです



その後、blueprintを適用させたいhtmlファイルのヘッダーに


<link rel="stylesheet" href="css/blueprint/screen.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="css/blueprint/print.css" type="text/css" media="print">
<!--[if IE]><link rel="stylesheet" href="css/blueprint/lib/ie.css" type="text/css" media="screen, projection"><![endif]-->

と加えるだけで設置完了です


設置の際にはhrefの指定先を必ず確認して合っている事を確認してください


製作サイト

[ WEBコンサルティングのTAG ]

[ 練馬区の不動産屋:アロープランニング ]

どうも。

こういった部類のブログは書いた事ないのですが、仕事上blueprintを利用しなくてはいけなくなったので色々と検索をしてみたのですが、具体的に利用する例が載っている日本語のものが…orz


ないなら作っちゃおうって事で自分での復習の意味も込めて綴っていきます


blueprintcss - Google Code


記事更新時の最新のバージョン

Blueprint 0.7.1 Download



製作サイト

[ WEBコンサルティングのTAG ]

[ 練馬区の不動産屋:アロープランニング ]