ひさびさにMTのテンプレをいぢる。
以下覚えがき。
フォトショを立ち上げて、レイアウトを形作る。
素材を置いて見栄えをチェック。
サイドバーの構成を直したかったので、インデックステンプレートに手を入れる。
mtの画面からメインページのテンプレートをローカルのファイルにコピーしてmtの独自タグはラテンにエスケープ。
サイドバーの文字の画像素材をそろえる。
スライス使わないでバナーサイズにテキストレイヤー置いて
書き換えてはモード→インデックス→別名保存...メンドイ。
ボトムからの高さとか左端を合わせたりとかしようとすると、わかりやすいこの方法に落ち着いてしまう。
1pxや2pxくらいずれててもわかんないかなー、と思ってもなにやら受け付けない性分なのが憎い。
レイアウトで置いていった素材を本番用に加工。
今回はぼかし詳細でお花をイラスト風にしてみた。
全体の色味はアールヌーヴォーが流行っぽいのでそれっぽく。
cssを書き換える。一番作業量が多い。
前回テキストのコントロールをテキトーに終わらせてしまったツケを払わされた感じ。
ローカルのメインページをIEとOperaで開いてチェック⇔調整をぐるぐる...
もういいや、って辺りで素材をサーバにUP。
mtでcss、メインページの順で更新。
アーカイブとかコメントのテンプレートはあまりいぢる必要ないので、さっくりと終わった。
作業時間はトータル5時間くらい。
バナー部分が未完なのでなんとかしたい。
バナーもなんとかしたですよ。
それらしいフォントが手元になかったので、Aaron'sToolsさんのを使用させていただきました。
罫線の部分も拾ってきたフォントです。
http://www.typenow.net/dingbats.htm ← こことか。
イラレでアウトライン→同じ位置にコピー→上のオブジェクトをロック→複合パスを解体して塗りにしたい部分のパスを削除→複合パス作成→色を好きな色に変える→ロック解除→好きな色に変える、で作成。
イラレからフォトショにテキストオブジェクトをアウトラインにしてもってくとアンチエイリアスかかりすぎなのであとの作業はフォトショにもっていってやりますた。
ああでも、アンシャープマスク使ってエイリアスを調整するのもアリかも。
フォトショでテキストオブジェクト作るほうがアンチエイリアスのオプションがいろいろ選べるのがいいところとも言える。よね？
CSSは結局相当いじるハメに...
IE5.5SP2で＜ｈ２＞要素の中の＜ａ＞タグの＜ｉｍｇ＞が＜ｉｍｇ＞の高さ分下にレンダリングされる。
つまーり親要素の＜ＤＩＶ＞の高さはすべての要素分の高さでレンダリングされるので
＜ｉｍｇ＞分はみ出る...
結局、親要素の＜ＤＩＶ＞にpaddingして、隣接する＜ＤＩＶ＞はmarginを負で指定して何とかしました。
コメント
from lapis at 2005年02月22日 22:07
をー。専門的なことはわからないけど、綺麗ですよん～♪落ち着いた色合いといい、アールヌーヴォーっぽい感じといい、嫌味がなくて、それでいて乙女風味で素敵です～。
from alteco at 2005年02月22日 22:52
おお。
前のも良かったですが、今度のはキレイな感じになってますな！
タイトル画像などは特にイイ感じだと思います～。
作業工程は…逐一覚えてるのがすごいｗ
ワタクシの場合はかなり行き当たりばったりなので、とてもじゃないですが書けないです…；