うーん、ちょっと毎日更新は厳しい状態。
これからは不定期にしようかなぁ。
サイト作りに時間を回せるようになったらまた毎日更新は出来ると思うけど、今はそっちに時間が回せない分ネタがないし書くこと無いもんなぁ・・。

あっちとこっちのブログを一緒にしようかとも考えたけど、だとしたらそのためのブログを作るぞっ！と疼いてる自分が現れたからそれもちょっと今は無理・・ただ意外と早くこっちに戻ってくるかもｗ

うぅ、今日も何もせず・・。
とりあえず週明けぐらいまでこんな状況が続くかも・・時間が無いorz

今日は何もやってないorz
いやぁ思いのほか疲れるねぇ・・両立は厳しいかも。
ていうかどっちも中途半端すぎて自分の居場所が分からないｗ

印刷用CSSもおわたー。
Operaではちょっとおかしいけどキニシナーイ！

さて、次からどうしよう。
いつも何かしら次の事考えながら作ってるんだけど、気分がイッパイイッパイだったから何も考えて無い。
それにだいぶやられてるから気力もダウン中

成行きでなんか作ってみましょっか・・。

このブログが始まって以来、はじめて全てのページを作ってみた。
だがしかしコピペ！

さて、これはここで終り、と思ったら印刷用のCSSが真っ白だった。
あーもう完全にド忘れ。気づいた以上やっとかないと気落ち悪い。
でも、もしかしたら、明日は精神的に真っ白になってるかもしれない・・

とりあえずこんな感じで表面上は完成。

右下の商品リスト

<div class="goodsTop">
<div class="goodsBottom">
<div class="goods">

<div class="goodsLeftTop">
<img src="image/goods01.gif" alt="goods1 Photo" />
<dl>goods01<br />
<dt>$00.00</dt>
<dd>＆raquo;<a href="#">details</a></dd>
</dl>
</div>

<div class="goodsRightTop">
<img src="image/goods02.gif" alt="goods2 Photo" />
<dl>goods02<br />
<dt>$00.00</dt>
<dd>＆raquo;<a href="#">details</a></dd>
</dl>
</div>
<div class="clearImage"><img src="image/clear.gif" alt="" /></div>

<div class="goodsLeftBottom">
<img src="image/goods03.gif" alt="goods3 Photo" />
<dl>goods03<br />
<dt>$00.00</dt>
<dd>＆raquo;<a href="#">details</a></dd>
</dl>
</div>

<div class="goodsRightBottom">
<img src="image/goods04.gif" alt="goods4 Photo" />
<dl>goods04<br />
<dt>$00.00</dt>
<dd>＆raquo;<a href="#">details</a></dd>
</dl>
</div>
<div class="clearImage"><img src="image/clear.gif" alt="" /></div>

</div>
</div>
</div>

#rightCol .goodsTop{
width: 382px;
background:url(../image/goods_top.gif) top left no-repeat;
margin-top: 15px;
padding-top: 15px;
}

#rightCol .goodsBottom{
background:url(../image/goods_bottom.gif) bottom left no-repeat;
padding-bottom: 15px;
}

#rightCol .goods{
background:url(../image/goods_center.gif) repeat-y;
}

#rightCol .goods .goodsLeftTop, #rightCol .goods .goodsLeftBottom, #rightCol .goods .goodsRightTop, #rightCol .goods .goodsRightBottom{
float: left;
width: 180px;
margin-bottom: 5px;
padding-left: 10px;
}

#rightCol .goods .goodsLeftTop, #rightCol .goods .goodsRightTop{
background: url(../image/goods_line.gif) bottom repeat-x;
padding-bottom: 20px;
}

#rightCol .goods dl{
text-align: center;
margin-top: 5px;
padding-bottom: 30px;
}

#rightCol .goods dd, #rightCol .goods dt{
float: left;
width: 87px;
border-top: 1px solid #ccc;
margin-top: 10px;
}

HTMLの中にある

<div class="clearImage"><img src="image/clear.gif" alt="" /></div>

は、floatをクリアするためのもの。
一昨日は空DIVを使ってたけどそれじゃ1行空白が出来ちゃうから、代わりに1*1の透過GIFを置いて、それに対してclearさせてみた。
ベストはCSSだけで完結させることなんだろうけどねー。

それにしてもDIVだらけ。
これをDIV病というのだろうかｗ
商品リストはテーブル使った方がいろいろと良い気がするんだよなぁ～。

もう帰ってキター！お早いお仕事ありがとう！

やっほー2画面ふっかーつ！
温度管理も万全！
直接ファンの風を当てて、今まで熱くて数秒しか触れなかったヒートシンクも生暖かい程度に！
温度は・・45度！

あれ、こんなもん？か・・。
高負荷与えれば60度とか行っちゃいそうな気がしないでもない。
しかもさっき何の前触れも無く落ちたし。
やっぱり電源関連も調べた方がいいかな・・。

うーん、またいつ落ちるのかと思うと気が気じゃない

ここから本題。
左カラムが完成。
やってる事自体は昨日のとほぼ同じだから割愛。

さて明日からは右カラム。
こいつわちょっと厄介な雰囲気ですぞ。
テーブルに逃げないように頑張ろう。

本題がおまけになってる

今日はWelcome部分。
角丸＆文字拡大＆中のテキスト量が多くなっても大丈夫なように、いつも通りdiv3枚重ね。

<div class="welcomeTop">
<div class="welcomeBottom">
<div class="welcome">

<p>しろーとのうぇぶでざ</p>

</div>
</div>
</div>

#leftCol .welcomeTop{
background:url(../image/welcome_top.gif) top left no-repeat;
padding-top: 20px;
}

#leftCol .welcomeBottom{
background:url(../image/welcome_bottom.gif) bottom left no-repeat;
padding-bottom: 20px;
}

#leftCol .welcome{
background:url(../image/welcome_center.gif) repeat-y;
}

そして・・このdiv#Welcome内はfloatで左右に分けてるんだけど、clearさせる箇所が見つからない！
ってことでHTML上に

<div style="clear:both">＆nbsp;</div>

という情けないやり方で回り込みの解除をしとります。

1*1の画像をCSSでclearさせたりとかいろいろやり方はあるんだろうけど、結局HTML上に何かを記述させなきゃいけないのならこれでもいいかなぁと。
なんか気持ち悪いけどねー。
って以前から多用しまくりで何を今更って話なんだけどｗ
contentを使ったやり方もあるらしいけど、うまくいったためし無し。なんか勘違いしてるんだろか・・？

昨日の続き
サポセンに電話したら案の定ビデオカードの故障（と思われる）と言われ、この度彼はゆうぱっくで東京へと旅立ちました。
保証書には1週間～10日って書いてあったから、元気な顔を見せてくれるまで今月いっぱいはかかると見た方が良いかな・・。

しかし1ヶ月経たずして壊れるとはなぁ。
まぁ原因はね、なーんとなくわかるというか・・懸念していた事が現実になってしまったと言うか・・まぁ、うん、熱暴走でドカン！
ファンコンあるんだからちゃんと管理しておけばよかった・・保証きくのか！？

今日はロゴとメニューだけ。
ここに来てやっと画像1枚で作るメニューの仕組みを理解ｗ
コピペだけじゃ覚えないね、やっぱり。ちゃんと分解して調べるべし！

ビデオカード壊れたぽい・・。
DVIじゃ映るけど、VGAじゃ映らない。
モニタを入れ替えても同じ。
ためしにマザーボードの方のVGAに接続したら問題なく映る。
これはもう、ビデオカードが原因としか・・。

明日サポセンに電話して・・修理行きはほぼ間違いなさそうorz
もう何もやる気が出ない・・ただでさえテンション低い日が続いてるのにトドメさされたぽ

素材集をむさぼってたら結婚関連の素材にピンときたから、次のデザインはウェディング関連のサイト作り。
全てオリジナルで作るのはちょっと厳しいもんがあったから、今回も参考はテンプレモンスターの11238より、よって今回は非配布だす。


見た感じでもうfloatだらけになりそうな作り。
そしてfloatといえばOperaの挙動がニガテ・・。
右下の商品リストはテーブルで行くのが無難かなぁ。
勉強という意味ではCSSオンリーでいくべき、というかいかなきゃダメなんだけど・・。

あっ、右上にカートつけるの忘れてた

テンプレ配布開始～。
入り口はかなり分かりにくいけど、
←のカテゴリから「無料配布テンプレート 」か、
→のdesign&layoutから「こちら」の2箇所。

その入り口に書かれている利用規約がまた長い事・・。
実力がこの程度のクセしてなにやってんだと自分でも呆れたけど、変にクレーム来ても困るしねぇ。
サポートなしだしｗ

著作権問題をクリアしているものだけ配布、ただ後は自己責任で、って感じかな。
そもそもこのブログのスタンスからして、テンプレを配布する事自体おかしなわけでｗ

タイプ：Movable Type3.34

利用規約
ダウンロード

完成～！
他のブラウザでも、印刷プレビューでも、特に問題が無いことを確認。
あとは配布用に修正したものを作らないと～。

うん、今度から配布目的で作っていくのもありかな。
ただ写真素材を使えなくなるのがなぁ・・シンプルすぎるのもつまんないし。
まず何よりも作る楽しさありきだからねｗ

ブログスカウターの数値は15！
低い低すぎる。しかも中途半端。
1桁ならすぐ消したのに！
ところでこの数値が大きければどうなるんだろう？ただの自己満？よく分からないでやった人←

エントリーページがほぼ完成。
見た目かなり手抜きなのは、きっと気のせい、じゃなく真実！

まだ細かいところを調整しなきゃだけど、その後はカテゴリページと検索ページの2つで終り。
月曜までにいけるかな？
なんかもうすっごい気力がすっごいない。すっごいやる気もない。あぁ・・。

あっ、「記事一覧」とか「記事分類」とかの画像が透過されてないし・・修正しなきゃ。

今日はメニューの配置。

#menuをposition: relativeで今の位置に置いたら、あとは画像1枚でナビゲーションで作ったように、「自己紹介」「お知らせ」「配信」の通常時とロールオーバー時のものを1つにまとめた画像をCSSで指定。

あとは何やったっけ・・忘れた・・んじゃないな、やってないから思い出そうにも思い出せないんだろうな、うん。

あっ、こっちのブログの右下にブログスカウターを付けてみた。
明日からちゃんとした数値が出てくるみたいだけど、たぶん1桁だろうねｗ
悲しくなったら取り除こ。

今日は各リストの整形。

かなり仕事が進んでません。牛歩戦術。
いやっ別に戦術を取ってる訳じゃないんだけどｗ精神的にもちょっとキツイ日々が続いてやる気もなかなか・・。
まぁトップページさえ作っちゃえば後はコピペでいけるんだから、総作業量からすると50%ぐらいは終わっていそうな気もするんだけどね。

こういう時は何かに追い立てられないと進まない。
そう、例えば後2日で完成させないとクビだ！とか

今日はこんだけ・・。
このブログのソースをコピペして、画像とカラムを入れ替えただけの作業。
部屋の模様替えもやり始めたりして、忙しい時って何故余計に忙しくしてしまうんだろうｗ

ところで今回のテンプレはMTだから、完成したら配布とかしちゃっても良いかもしんない。
紅葉と鳥居の画像はこないだ買った素材集から使ってるからそのままじゃ無理だけど、そこだけ変更って形でいけば大丈夫なはず。
ただし！サポートは一切無しｗ

なんか昨日から英語スパムが来てるんだよなぁ。
一応対策はしていたつもりだったんだけど、効いてなかったのか新手なものなのか。
どっちにしろ面倒な存在だわ。

さて、今日からまた新しいブログ作りということで、完成予想図はこんな感じ。


純和風なぶろぐ。

今回は完成しても運営するつもりは無いから、カテゴリは「テンプレ制作」そして「designその14」という形でのスタート。
おっと13はどこ行った、完成してないぞっ ～♪

あっちの方でプリンタに対応させるのを忘れてたから、それをさっきちょこちょこっと修正。


修正といっても中身はこことほとんど変わらないから、ほんの数箇所だけ、所要時間約5分。うは。
あとファビコンも作り忘れてたから、カブの画像を縮小させただけの手抜き作品をうｐ。

それに伴ってこっちの方もいくつか修正。別にやらなくてもいいような細かいところだけど、あっちを直したんだからこっちも直さないと、ってそんな気持ちに駆られてしまってやむなく。
なんだろう、ライバルがいると負けてたまるか！って思う気持ちから良い相乗効果になってるのかな～って全然違うかｗ

今日はこんなところで終了。
明日からは・・CSSを勉強するためだけのブログを作るかもしれない。若しくはつくらないかもしれない。
断言はしない。そんな適当人生。

あっち用に新しい顔アイコンを描き描き。


で、早速コメント部分に適用させたんだけど、エントリ側にも適用させようとしたらちょっと問題が。
っていうのも、コメントの方にアイコンを適用させるにはテンプレに記述してあるアドレスを変更するだけでいいんだけど、エントリ投稿画面の方に適用させるにはMTのファイル自体を書き換えないとダメ。

そしてそのMTのファイルは1つだけ。
このWebデザインブログも、まだ残してあるWebデザインSubブログも、全て1つのMTの中にあるもの。
だからコメントの方はブログ毎にアイコンを変える事ができるけれど、エントリ側は全て共通のものになってしまう、っていう訳。たぶん。

これを解決する方法は恐らく

金払って複数のMTを使えるライセンスを買え！！

ってことなのかなｗ
ここは無料の個人ライセンスだから、MTは1つしかインストールできないからね。
参った参った、まぁ向こうかこっちのどちらかでアイコンを使わなければいいだけの話なんだけど

移行完了～！
できて・・るよね？たぶん。
細かいところは確認してないけど、向こうもこっちも同じMTだからテンプレをコピペするだけで問題はないはず。

これにてリニューアル終了～！やっほい。




さてさて、さっきいくつかログを漁ってたんだけど、そういやこんなんあったんだなぁ。
すっかり忘れてた。
若干作りかけで放置中。

どうしよ

終わったー。
index.ページの時点でもうほとんど出来上がってたみたいで、その他のページは修正する部分は数箇所しかない状態。
総作業時間15分！

昨日今日と忙しかったからなかなかこっちにまで手を回せなかったけど、別にまわさなくても良かったぐらいやる事が無くｗ

明日の夜、こっちのブログがヒヨコになってるかも