素人のWebデザイン tag:hobbyblog.biz,2008:/design//4 2008-05-18T22:47:37Z Webデザ素人の自己鍛錬、自己啓発＆自己満足 Movable Type 3.34 株価チャート　アクセスカウンター tag:hobbyblog.biz,2008:/design//4.429 2008-05-18T22:47:37Z 2008-05-18T22:47:37Z カウンターを正式公開。 それっ！ http://hobbyblog.biz/de... カウンターを正式公開。 それっ！ http://hobbyblog.biz/design/swd/ 株価ボード時計Kabu Clock tag:hobbyblog.biz,2008:/design//4.374 2008-01-27T09:34:45Z 2008-09-14T09:00:53Z 株価ボードをイメージした世界時計です 利用規約 ダウンロード 今日の運勢・・今日... 利用規約 ダウンロード
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　全体サイズ微調整
当パーツを使用して万一損害が生じたとしても、一切の義務および責任を負うものではありません。株は自己責任で・・！]]> 不定期更新 tag:hobbyblog.biz,2007:/design//4.255 2007-07-27T14:29:48Z 2008-09-14T08:50:11Z うーん、ちょっと毎日更新は厳しい状態。 これからは不定期にしようかなぁ。 サイト... あっちとこっちのブログを一緒にしようかとも考えたけど、だとしたらそのためのブログを作るぞっ！と疼いてる自分が現れたからそれもちょっと今は無理・・ただ意外と早くこっちに戻ってくるかもｗ ]]> おやすみ2 tag:hobbyblog.biz,2007:/design//4.253 2007-07-26T14:42:04Z 2007-07-26T14:42:04Z うぅ、今日も何もせず・・。 とりあえず週明けぐらいまでこんな状況が続くかも・・時... うぅ、今日も何もせず・・。 とりあえず週明けぐらいまでこんな状況が続くかも・・時間が無いorz おやすみ tag:hobbyblog.biz,2007:/design//4.251 2007-07-25T11:48:12Z 2008-09-14T08:53:45Z 今日は何もやってないorz いやぁ思いのほか疲れるねぇ・・両立は厳しいかも。 て... 今日は何もやってないorz いやぁ思いのほか疲れるねぇ・・両立は厳しいかも。 ていうかどっちも中途半端すぎて自分の居場所が分からないｗ design15-完成 tag:hobbyblog.biz,2007:/design//4.249 2007-07-24T12:14:46Z 2008-09-14T08:54:25Z 印刷用CSSもおわたー。 Operaではちょっとおかしいけどキニシナーイ！ さて... おわたー。 Operaではちょっとおかしいけどキニシナーイ！
さて、次からどうしよう。 いつも何かしら次の事考えながら作ってるんだけど、気分がイッパイイッパイだったから何も考えて無い。 それにだいぶやられてるから気力もダウン中 :namida:
成行きでなんか作ってみましょっか・・。]]> design15-その5 tag:hobbyblog.biz,2007:/design//4.247 2007-07-23T11:57:02Z 2007-07-23T12:02:42Z このブログが始まって以来、はじめて全てのページを作ってみた。 だがしかしコピペ！... 全てのページを作ってみた。 だがしかしコピペ！
さて、これはここで終り、と思ったら印刷用のCSSが真っ白だった。 あーもう完全にド忘れ。気づいた以上やっとかないと気落ち悪い。 でも、もしかしたら、明日は精神的に真っ白になってるかもしれない・・ :namida: ]]> design15-その4 tag:hobbyblog.biz,2007:/design//4.245 2007-07-22T08:49:14Z 2007-07-22T08:56:34Z こんな感じで表面上は完成。
右下の商品リスト
<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病というのだろうかｗ 商品リストはテーブル使った方がいろいろと良い気がするんだよなぁ～。 ]]> design15-その3 tag:hobbyblog.biz,2007:/design//4.244 2007-07-21T10:11:40Z 2007-07-21T10:27:31Z もう帰ってキター！お早いお仕事ありがとう！ やっほー2画面ふっかーつ！ 温度管... 070721.jpg もう帰ってキター！お早いお仕事ありがとう！
やっほー2画面ふっかーつ！ 温度管理も万全！ 直接ファンの風を当てて、今まで熱くて数秒しか触れなかったヒートシンクも生暖かい程度に！ 温度は・・45度！
あれ、こんなもん？か・・。 高負荷与えれば60度とか行っちゃいそうな気がしないでもない。 しかもさっき何の前触れも無く落ちたし。 やっぱり電源関連も調べた方がいいかな・・。
うーん、またいつ落ちるのかと思うと気が気じゃない :namida:
ここから本題。 左カラムが完成。 やってる事自体は昨日のとほぼ同じだから割愛。
さて明日からは右カラム。 こいつわちょっと厄介な雰囲気ですぞ。 テーブルに逃げないように頑張ろう。
本題がおまけになってる :ase: ]]> design15-その2 tag:hobbyblog.biz,2007:/design//4.243 2007-07-20T12:29:27Z 2007-07-20T12:45:30Z 今日はWelcome部分。 角丸＆文字拡大＆中のテキスト量が多くなっても大丈夫な... 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を使ったやり方もあるらしいけど、うまくいったためし無し。なんか勘違いしてるんだろか・・？]]> design15-その1 tag:hobbyblog.biz,2007:/design//4.241 2007-07-19T11:50:17Z 2007-07-19T11:51:37Z 昨日の続き サポセンに電話したら案の定ビデオカードの故障（と思われる）と言われ、... 昨日の続き サポセンに電話したら案の定ビデオカードの故障（と思われる）と言われ、この度彼はゆうぱっくで東京へと旅立ちました。 保証書には1週間～10日って書いてあったから、元気な顔を見せてくれるまで今月いっぱいはかかると見た方が良いかな・・。
しかし1ヶ月経たずして壊れるとはなぁ。 まぁ原因はね、なーんとなくわかるというか・・懸念していた事が現実になってしまったと言うか・・まぁ、うん、熱暴走でドカン！ ファンコンあるんだからちゃんと管理しておけばよかった・・保証きくのか！？
今日はロゴとメニューだけ。 ここに来てやっと画像1枚で作るメニューの仕組みを理解ｗ コピペだけじゃ覚えないね、やっぱり。ちゃんと分解して調べるべし！]]> モニタ1台の日々に tag:hobbyblog.biz,2007:/design//4.239 2007-07-18T11:21:11Z 2007-07-18T11:26:24Z ビデオカード壊れたぽい・・。 DVIじゃ映るけど、VGAじゃ映らない。 モニタを... 明日サポセンに電話して・・修理行きはほぼ間違いなさそうorz もう何もやる気が出ない・・ただでさえテンション低い日が続いてるのにトドメさされたぽ :tenshi: ]]> design15-ウェディングサイト tag:hobbyblog.biz,2007:/design//4.237 2007-07-17T14:05:53Z 2007-07-17T14:26:35Z 素材集をむさぼってたら結婚関連の素材にピンときたから、次のデザインはウェディング... 0707017.jpg
見た感じでもうfloatだらけになりそうな作り。 そしてfloatといえばOperaの挙動がニガテ・・。 右下の商品リストはテーブルで行くのが無難かなぁ。 勉強という意味ではCSSオンリーでいくべき、というかいかなきゃダメなんだけど・・。
あっ、右上にカートつけるの忘れてた :ase: ]]> テンプレ配布開始です！ tag:hobbyblog.biz,2007:/design//4.235 2007-07-16T09:34:45Z 2007-07-16T09:43:44Z テンプレ配布開始～。 入り口はかなり分かりにくいけど、 ←のカテゴリから「無料配... その入り口に書かれている利用規約がまた長い事・・。 実力がこの程度のクセしてなにやってんだと自分でも呆れたけど、変にクレーム来ても困るしねぇ。 サポートなしだしｗ
著作権問題をクリアしているものだけ配布、ただ後は自己責任で、って感じかな。 そもそもこのブログのスタンスからして、テンプレを配布する事自体おかしなわけでｗ]]> 配布用ブログテンプレート1 tag:hobbyblog.biz,2007:/design//4.234 2007-07-16T04:06:24Z 2008-02-01T22:13:14Z タイプ：Movable Type3.34 利用規約 ダウンロード ... template01index.png
タイプ：Movable Type3.34
利用規約 ダウンロード ]]>