北京棒球小僧トップページへ矢印:赤(右3) カープキャップ1Blog technique 矢印:赤(右3)カープユニフォーム1試合結果表示サンプル作成

2006年02月20日

カープユニフォーム1 試合結果表示サンプル作成

BLOG ONE POINTアドバイス第25弾!!
以前から試合結果を画像処理して載っけてましたがjpg、gif画像だと通信が重いとある方から切実なる思いを聞かされたので試しに作ってみた。
チーム名123456789
サンプル210111213141516171920
サンプル321222324252627282930
これだと表示は速くなると思うんですがどうなんでしょうかね。

※現在表示位置が少しおかしいので調整中です。
恐らくスタイルシートに追記しないと上手く機能しないんでしょうかね

2006/02/21に修正完了しました。
とりあえずは、スタイルシートからではない一番基本的な方法でやってみました。
9イニング用は下記の通りです。
<TABLE border="1"><TBODY><TR><TD width="150" bgcolor="#006400" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>チーム名</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>1</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>2</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>3</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>4</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>5</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>6</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>7</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>8</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>9</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>計</B></FONT></TD></TR><TR><TD width="150" bgcolor="#006400" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>サンプル2</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>10</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>11</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>12</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>13</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>14</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>15</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>16</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>17</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>19</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>20</B></FONT></TD></TR><TR><TD width="150" bgcolor="#006400" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>サンプル3</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>21</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>22</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>23</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>24</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>25</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>26</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>27</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>28</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>29</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>30</B></FONT></TD></TR></TBODY></TABLE>

7イニング用は下記の通りです。
<TABLE border="1"><TBODY><TR><TD width="150" bgcolor="#006400" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>チーム名</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>1</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>2</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>3</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>4</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>5</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>6</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>7</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>計</B></FONT></TD></TR><TR><TD width="150" bgcolor="#006400" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>サンプル2</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>1.1</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>2.1<BR></B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>3.1</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>4.1</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>5.1</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>6.1</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>7.1</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>20</B></FONT></TD></TR><TR><TD width="150" bgcolor="#006400" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>サンプル3</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>1.2</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>2.2<BR></B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>3.2</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>4.2</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>5.2</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>6.2</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>7.2</B></FONT></TD><TD bgcolor="#006400" width="20" align="center"><FONT color="#ffffff" size="4" face="MS ゴシック"><B>30</B></FONT></TD></TR></TBODY></TABLE>

ひらめき色やフォント設定はそれぞれ設定してください。
また、プロ野球球団のアイコンはパックンチョ、北京リーグのチームロゴは勝手ながら作りました。
チーム名の横に付けたい場合にちょうど良いアイテムです。
取り付け方は下記のHTMLソースをチーム名の隣に追加すると表示します。
例えばタイガースアイコンの場合
<img src="http://www.beijingbaseballkids.com/icon/team/tigersicon1.gif" alt="タイガースアイコン" />
を任意の位置に置いてください

セリーグパリーグ北京リーグ
◇ Tigers ◇◇ Softbankhawks ◇◇ 北京マリナーズ ◇
タイガースアイコンソフトバンクアイコン北京マリナーズアイコン
◇ Dragons ◇◇ Marines ◇◇ 第三野球部 ◇
ドラゴンズアイコンマーリンズアイコン第三野球部アイコン
◇ Baystars ◇◇ Lions ◇◇ イーグルス ◇
ベイスターズアイコンライオンズアイコンイーグルスアイコン
◇ Swallows ◇◇ Orixbaffaloes ◇ 
スワローズアイコンオリックスバッファローズアイコン 
◇ Giants ◇◇ fighters ◇ 
ジャイアンツアイコンファイターズアイコン 
◇ Carp ◇◇ Goldeneagles ◇ 
カープアイコンゴールデンイーグルスアイコン 
北京リーグの対戦チームのロゴは対戦後に製作していきますので都度更新します。
posted by むさC16 at 15:55 | Comment(20) | TrackBack(0) | カープキャップ1Blog technique 上へジャンプ
この記事へのコメント
すごく見やすくて良いと思います。
私も今季はスコア貼りを考えていましたが重いのでどうしようかと思ってました。
まずは動いてみるって言う事でしょうか。。。


ヘイ、ヘイ、ヘイ。。。しつこいですね。
コメント用アイコン1Posted by ドカベン at 2006年02月20日 18:53
あっ!!

ランキングリストだっ!

早速パクらないと。。。
コメント用アイコン1Posted by ドカベン at 2006年02月20日 18:56
現在、カレンダーの設定を基に色々やってますがまだ解決できてません[焦る(ヒヨコ)]
これが出来るとあとでどの様にやるのかアップします[自慢顔(ヒヨコ)]
コメント用アイコン1Posted by むさC16 at 2006年02月20日 19:21
お願いします!

あと、ブログランキングをはりつけたのですが、順位が出てきません。
まっ、まさか。。。ランキング外ってコト?????

順位がでるまで時間がかかるのでしょうか?
コメント用アイコン1Posted by ドカベン at 2006年02月20日 19:40
急がない[笑顔(ヒヨコ)]急がない[笑顔(ヒヨコ)]
もう少しすると反映されると思いますよ。
コメント用アイコン1Posted by むさC16 at 2006年02月20日 19:58
わかりました!!

今宵、ゆるりとまちますかっ。。。
コメント用アイコン1Posted by ドカベン at 2006年02月20日 21:03
[泣く(ヒヨコ)]いつも何か問題が出るとまず自分を疑えとblogをやる時に言い聞かせています。
今回もやはり原因は


私でした[焦る(ヒヨコ)]
コメント用アイコン1Posted by むさC16 at 2006年02月21日 14:38
私は経験が乏しいので、いつも自分に腹が立ってます[笑(字)]
でも最近調子に乗って、こと自分のブログに関しては、ひょっとしたらシステム上の問題?なんて考えてしまいます。。。



でも、結果的に言うと原因は

私でした[焦る(ヒヨコ)]
コメント用アイコン1Posted by ドカベン at 2006年02月21日 16:32
お互い修行がまだまだっつう事で[普通顔(ヒヨコ)]

絵文字も随時追加してます。
何か御希望とかありますか?
コメント用アイコン1Posted by むさC16 at 2006年02月21日 17:08
別件ですが、カウンターを違う形にしたい場合って現在のものを修正できるのでしょうか?
それとも再度カウンターを取得しないといけないのでしょうか?
コメント用アイコン1Posted by ドカベン at 2006年02月21日 17:12
出来る場合と出来ない場合があります。
ドカベンさんのカウンタは恐らくテキスト形式だから出来るとしても背景色、フォントとせいぜいフォントの色と言った具合だと思います。
具体的にはどう言った修正なのでしょうか?
コメント用アイコン1Posted by むさC16 at 2006年02月21日 17:28
横に一列のやつに変えたいのですが。。。
形も何も全て変えるということです[笑顔(ヒヨコ)]
コメント用アイコン1Posted by ドカベン at 2006年02月21日 19:40
横一列にする為には総合、昨日、今日の表示がそれぞれ独立したカウンターになっている必要があります。
ソースを見る限り、ドカベンさんのは既に3列に元々なっているモノみたいですね。
再申請ではなく恐らく違うタイプのモノを選べるはずです。
コメント用アイコン1Posted by むさC16 at 2006年02月21日 20:53
新しいのを作ってみましたが、カウンターのタグしか表示されませんでした。
独立したタグを取得して順に並べただけじゃダメなようですね。
時間をかけないと解決しそうにありません。。。[泪(字)][眠顔(カエル)]
コメント用アイコン1Posted by ドカベン at 2006年02月22日 19:10
今までは恐らくドカベンさんのはカウンタ用のソースは1ヶ所だけだったと思います。
今回の件では恐らく3ヶソースが準備されていると思います。
困った際は適当に貼って見て何が表示されているのか確認する手もあります[笑顔(ヒヨコ)]
頑張ってみて下さい。
どうしてもと言う時はお助けマンが参上しますので御心配なく〜。
コメント用アイコン1Posted by むさC16 at 2006年02月22日 21:00
ありがとうどざいます[泣く(ヒヨコ)]

上記の件では4つのソースが用意され、そのうちの1つは「ミリオンカウンター」っていうタグで、それ以外が合計、今日、昨日になっているのですが、それがどうもでてくれません。。。もう少し頑張ってみます。
コメント用アイコン1Posted by ドカベン at 2006年02月23日 12:07
もしかして『自由形式』でやってないとか[疑問(字)]
コメント用アイコン1Posted by むさC16 at 2006年02月23日 15:59
スコア、パックンチョさせて頂きます[焦る(ヒヨコ)]

移しかえて見やすく分類するとわりと簡単に解読できました[ビックリ(字)]

でも、これって記事にそのまま載せていいのでしょうか。。。

まっ、やってみます[ビックリ(字)]
コメント用アイコン1Posted by ドカベン at 2006年02月24日 11:18
[赤輪(字)]注意点として改行<br>を関係ない所に入れると表示がおかしくなる可能性があります[ビックリ(字)]
コメント用アイコン1Posted by むさC16 at 2006年02月24日 17:34
了解!
コメント用アイコン1Posted by ドカベン at 2006年02月24日 19:08
上へジャンプ
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

この記事へのTrackBack URL

上へジャンプ
さくらインターネット株式会社 株式会社ぐるなび 株式会社オートウェイ 損保ジャパンの海外保険 オクトパストラベル・ジャパン
中国醸造株式会社 有限会社BBシステム 日本シグマックス株式会社 日本シグマックス株式会社 株式会社コーエイプランニング OTAIRECORD株式会社