素人のWebデザイン http://hobbyblog.biz/design/ Webデザ素人の自己鍛錬、自己啓発＆自己満足 ja Copyright 2008 Mon, 19 May 2008 07:47:37 +0900 http://www.sixapart.com/movabletype/ http://blogs.law.harvard.edu/tech/rss 株価チャート　アクセスカウンター カウンターを正式公開。 それっ！ http://hobbyblog.biz/design/swd/ http://hobbyblog.biz/design/2008/05/000429.html http://hobbyblog.biz/design/2008/05/000429.html 配布用テンプレート Mon, 19 May 2008 07:47:37 +0900 株価ボード時計Kabu Clock 利用規約 ダウンロード
kabuclock01.gif
今日の運勢・・今日の運勢を表示 テキトー格言・・相場の格言をテキトー解釈 カレンダー/秒時計/時分計・・現在の日時（パソコン内の時計に依存） 世界時計・・主要市場のある都市の日時を表示（同上，サマータイム非対応） 銘柄検索・・コード入力でYahooファイナンスのページへ移動

設置タグ
<embed src="kabuclock.swf" type="application/x-shockwave-flash" width="200" height="400" bgcolor="#ffffff" quality="high" scale="noborder" menu="false" wmode="transparent">
赤字の部分（ファイルを置いたアドレス，必要に応じて縦横のサイズ）を変更してブログへ貼り付けてください。
更新 08/02/05　全体サイズ微調整
当パーツを使用して万一損害が生じたとしても、一切の義務および責任を負うものではありません。株は自己責任で・・！]]> http://hobbyblog.biz/design/2008/01/000374.html http://hobbyblog.biz/design/2008/01/000374.html 配布用テンプレート Sun, 27 Jan 2008 18:34:45 +0900 不定期更新 あっちとこっちのブログを一緒にしようかとも考えたけど、だとしたらそのためのブログを作るぞっ！と疼いてる自分が現れたからそれもちょっと今は無理・・ただ意外と早くこっちに戻ってくるかもｗ ]]> http://hobbyblog.biz/design/2007/07/000255.html http://hobbyblog.biz/design/2007/07/000255.html その他 Fri, 27 Jul 2007 23:29:48 +0900 おやすみ2 うぅ、今日も何もせず・・。 とりあえず週明けぐらいまでこんな状況が続くかも・・時間が無いorz http://hobbyblog.biz/design/2007/07/000253.html http://hobbyblog.biz/design/2007/07/000253.html その他 Thu, 26 Jul 2007 23:42:04 +0900 おやすみ 今日は何もやってないorz いやぁ思いのほか疲れるねぇ・・両立は厳しいかも。 ていうかどっちも中途半端すぎて自分の居場所が分からないｗ http://hobbyblog.biz/design/2007/07/000251.html http://hobbyblog.biz/design/2007/07/000251.html その他 Wed, 25 Jul 2007 20:48:12 +0900 design15-完成 おわたー。 Operaではちょっとおかしいけどキニシナーイ！
さて、次からどうしよう。 いつも何かしら次の事考えながら作ってるんだけど、気分がイッパイイッパイだったから何も考えて無い。 それにだいぶやられてるから気力もダウン中 :namida:
成行きでなんか作ってみましょっか・・。]]> http://hobbyblog.biz/design/2007/07/000249.html http://hobbyblog.biz/design/2007/07/000249.html テンプレ制作 Tue, 24 Jul 2007 21:14:46 +0900 design15-その5 全てのページを作ってみた。 だがしかしコピペ！
さて、これはここで終り、と思ったら印刷用のCSSが真っ白だった。 あーもう完全にド忘れ。気づいた以上やっとかないと気落ち悪い。 でも、もしかしたら、明日は精神的に真っ白になってるかもしれない・・ :namida: ]]> http://hobbyblog.biz/design/2007/07/000247.html http://hobbyblog.biz/design/2007/07/000247.html テンプレ制作 Mon, 23 Jul 2007 20:57:02 +0900 design15-その4 こんな感じで表面上は完成。
右下の商品リスト
<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病というのだろうかｗ 商品リストはテーブル使った方がいろいろと良い気がするんだよなぁ～。 ]]> http://hobbyblog.biz/design/2007/07/000245.html http://hobbyblog.biz/design/2007/07/000245.html テンプレ制作 Sun, 22 Jul 2007 17:49:14 +0900 design15-その3 070721.jpg もう帰ってキター！お早いお仕事ありがとう！
やっほー2画面ふっかーつ！ 温度管理も万全！ 直接ファンの風を当てて、今まで熱くて数秒しか触れなかったヒートシンクも生暖かい程度に！ 温度は・・45度！
あれ、こんなもん？か・・。 高負荷与えれば60度とか行っちゃいそうな気がしないでもない。 しかもさっき何の前触れも無く落ちたし。 やっぱり電源関連も調べた方がいいかな・・。
うーん、またいつ落ちるのかと思うと気が気じゃない :namida:
ここから本題。 左カラムが完成。 やってる事自体は昨日のとほぼ同じだから割愛。
さて明日からは右カラム。 こいつわちょっと厄介な雰囲気ですぞ。 テーブルに逃げないように頑張ろう。
本題がおまけになってる :ase: ]]> http://hobbyblog.biz/design/2007/07/000244.html http://hobbyblog.biz/design/2007/07/000244.html テンプレ制作 Sat, 21 Jul 2007 19:11:40 +0900 design15-その2 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を使ったやり方もあるらしいけど、うまくいったためし無し。なんか勘違いしてるんだろか・・？]]> http://hobbyblog.biz/design/2007/07/000243.html http://hobbyblog.biz/design/2007/07/000243.html テンプレ制作 Fri, 20 Jul 2007 21:29:27 +0900 design15-その1 昨日の続き サポセンに電話したら案の定ビデオカードの故障（と思われる）と言われ、この度彼はゆうぱっくで東京へと旅立ちました。 保証書には1週間～10日って書いてあったから、元気な顔を見せてくれるまで今月いっぱいはかかると見た方が良いかな・・。
しかし1ヶ月経たずして壊れるとはなぁ。 まぁ原因はね、なーんとなくわかるというか・・懸念していた事が現実になってしまったと言うか・・まぁ、うん、熱暴走でドカン！ ファンコンあるんだからちゃんと管理しておけばよかった・・保証きくのか！？
今日はロゴとメニューだけ。 ここに来てやっと画像1枚で作るメニューの仕組みを理解ｗ コピペだけじゃ覚えないね、やっぱり。ちゃんと分解して調べるべし！]]> http://hobbyblog.biz/design/2007/07/000241.html http://hobbyblog.biz/design/2007/07/000241.html テンプレ制作 Thu, 19 Jul 2007 20:50:17 +0900 モニタ1台の日々に 明日サポセンに電話して・・修理行きはほぼ間違いなさそうorz もう何もやる気が出ない・・ただでさえテンション低い日が続いてるのにトドメさされたぽ :tenshi: ]]> http://hobbyblog.biz/design/2007/07/000239.html http://hobbyblog.biz/design/2007/07/000239.html その他 Wed, 18 Jul 2007 20:21:11 +0900 design15-ウェディングサイト 0707017.jpg
見た感じでもうfloatだらけになりそうな作り。 そしてfloatといえばOperaの挙動がニガテ・・。 右下の商品リストはテーブルで行くのが無難かなぁ。 勉強という意味ではCSSオンリーでいくべき、というかいかなきゃダメなんだけど・・。
あっ、右上にカートつけるの忘れてた :ase: ]]> http://hobbyblog.biz/design/2007/07/000237.html http://hobbyblog.biz/design/2007/07/000237.html テンプレ制作 Tue, 17 Jul 2007 23:05:53 +0900 テンプレ配布開始です！ その入り口に書かれている利用規約がまた長い事・・。 実力がこの程度のクセしてなにやってんだと自分でも呆れたけど、変にクレーム来ても困るしねぇ。 サポートなしだしｗ
著作権問題をクリアしているものだけ配布、ただ後は自己責任で、って感じかな。 そもそもこのブログのスタンスからして、テンプレを配布する事自体おかしなわけでｗ]]> http://hobbyblog.biz/design/2007/07/000235.html http://hobbyblog.biz/design/2007/07/000235.html テンプレ制作 Mon, 16 Jul 2007 18:34:45 +0900 配布用ブログテンプレート1 template01index.png
タイプ：Movable Type3.34
利用規約 ダウンロード ]]> http://hobbyblog.biz/design/2007/07/000234.html http://hobbyblog.biz/design/2007/07/000234.html 配布用テンプレート Mon, 16 Jul 2007 13:06:24 +0900