略さんち

そんな時代もあったよねー的なブログ

tableタグでコメント欄を装飾してみます

2004-05-19 | 使ってね♪BLOGツール
tableタグを使って9分割された表を作り、コメント欄を装飾してみましょー!とゆー企画です。

#えー、しかしながらオイラ説明がド下手糞ですので、どこまでご理解いただけるか自信ないのれすけど。。。

9分割の表といいますのは、↓このような表のことです。


タグであらわすと、こんな感じでしょうか。
<table border=0 cellpadding=0 cellspacing=0 width=100%>
<tr>
<td width=11 height=11>左上(固定)</td>
<td height=11>上部(横方向に可変)</td>
<td width=11 height=11>右上(固定)</td>
</tr>
<tr>
<td width=11>左部(縦方向に可変)</td>
<td>[            コメント欄            ]</td>
<td width=11>右部(縦方向に可変)</td>
</tr>
<tr>
<td width=11 height=11>左下(固定)</td>
<td height=11>下部(横方向に可変)</td>
<td width=11 height=11>右下(固定)</td>
</tr>
</table>

これを実際に書き込んでみますと、こう表示されます。(見本の為tableタグのborder属性を0から1に、左右のtdタグのwidth属性を11から50に変更してます)
左上(固定) 上部(横方向に可変) 右上(固定)
左部(縦方向に可変) [            コメント欄            ] 右部(縦方向に可変)
左下(固定) 下部(横方向に可変) 右下(固定)


※幅とか高さ属性に11と入れてるのは、あくまで今回のサンプル作成の為です。

続いて、貼り込む画像です。まずは四隅の4画像。


そして残りの5画像。これらはbackground属性にすることでテーブルの高さや幅が変わっても状態をキープさせます


※以下、続きます。続きはコチラ。



コメント (9)
  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする

タグで遊んでみますた4

2004-05-19 | BLOGについて?

お遊び案その4れす。

その1に立ち戻って、半透明処理なんかしてみました。
きょうはここまでー。

9分割テーブルでコメント欄を装飾する方法は、あとで載せておきますー。
期待しないで下さい。。。。
コメント (7)
  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする

タグで遊んでみますた3

2004-05-19 | BLOGについて?
お遊び案その3れす。

にゅきみさん家のにゅきログ用れす。
無地の角丸四角形の方が余計な事書かなくて済みますねー。
うず巻きはfireworksで20分ぐらい粘りますた。

コメント
  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする

タグで遊んでみますた2

2004-05-19 | BLOGについて?

お遊び案その2
れす。

これはテーブル2回繰り返してるので、ものすごくうざいですー。

コメント
  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする

タグで遊んでみますた1

2004-05-19 | BLOGについて?
お遊び案その1れす。



ストライプ柄ってちょっとかわいいですよねー。
コメント (2)
  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする

なぜかオイラの周りによくいる奴 3

2004-05-19 | 雑記

『この掲示板使いたいんですけど。』ってPerlで書いた掲示板スクリプト持ってくる人。
うちのサイト、Windowsですから。そのまま動かすのはちょっとしんどいんですってば。

で動作しないのをオイラのせいにしないで下さいってば。お願いだから。

「ホントは動くんでしょ?面倒くさいだけでしょ?」いや、違うんですから。もー。
コメント
  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする

なぜかオイラの周りによくいる奴 2

2004-05-19 | 雑記
サイトデザインをフォトショップで納品してくる奴。

しかも資料請求ボタンと詳細説明ボタンに透過設定がされていて、背景画像(人物)が映りこんでる。一体、、一体オイラにどうしろと?
フォトショップのデータもらってもどうにもならんと言ったら、こんどはepsですか。そうですか。

そこの!おまいです、おまい。

ユーザーに『現物はこれですー』て持ってく時に、「最初見たのと違う!」て怒られんのはオイラなんだじょー?(怒

コメント
  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする

css拡張の可能性?

2004-05-19 | BLOGについて?
佑さんの「徐々に」という記事を見てみます。

あとは、僕が今使っている「Sweet > ブラウン」のデザインで、トラックバック URL と、コメント欄の「コメント」って書いてある部分が読めないのは何とかして欲しいな。
ひょっとして、僕だけ?!

よーく見ると、下段のコメントタイトルが茶色で見えず、日付が白で見えず、トラックバックURLも隠れちゃってます。

この方においらコメント書いたんですけど、
想像ですからと使ってるcssが違うんです。

まだ想像の域を出ないんですけど、これってもしかして個人ごとに別々のcssを生成してませんか?

だとすると、

将来的にcssカスタマイズの可能性を含んでませんかね。穿った見方かもしれませんけど。
コメント (2)
  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする

なんだかすんごいんですけど、gooスタッフさん!

2004-05-19 | BLOGについて?
ここ2日、gooBLOGスタッフさんの相次ぐ機能追加でにわかに喜んじゃってますー。
投稿日時に関する問題が修正された事、これは不便を感じながらも別の利点(未来の日付にする事で常にメニューを用意できた)があったのですが、これが他のBLOGと同等に改善されました。
また投稿可能文字制限が一気に2.5倍となったのも、えっけんさんなど長文を書きたい人にとっては大変助かるメリットになりそうです。

これらの機能修正は、いろんな方が問題を指摘し始めた4月からすでに予定されていた事なのかもしれません。

#でもお願いだから広告スペースつけないでねーgoo様。

※追記:ここで述べている件、また"新規投稿"時の注意コメントにもあります、

※過去の時間に変更する場合は、投稿及び下書き後、記事一覧ページより修正することができます。

というくだりですが、

今現在、未来の日付に修正可能です!

直るかどうかは分かりません。個人的には直らない事を期待します。
コメント (6)
  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする

なぜかオイラの周りによくいる奴 1

2004-05-19 | 雑記
サイトデザインをイラストレータで納品してくる奴。
しかも使ってるフォントがhelveticaとOsakaだったりして、さらにベクター化されてないと来た日には半分発狂します。

そこの!おまいです、おまい。

あとよろしく~じゃねえよ。ふざけんなー
コメント
  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする