押忍!番長 マチコ先生 黒板テーブル

押忍!番長 ⇒大都技研
<table cellpadding="0" cellspacing="0">
<tr><td><img src="l_t.jpg"></td><td background="c_t.jpg" width=100%></td><td><img src="r_t.jpg"></td></tr><tr><td background="l_m.jpg"></td><td rowspan=2 bgcolor=#005826 valign="top"><font color=white><style type=text/css><!-- A:link{color:yellow} A:visited{color:skyblue} A:active{color:pink} A{ text-decoration:none}--></style>

★-- 本文はココ --★

</font></td><td background="r_mt.jpg"><center><font size=4><b>

<script type="text/javascript">
<!--
now=new Date();
document.write("<font color=white>");
document.write(now.getMonth()+1,"<BR>月<BR>");
document.write(now.getDate(),"<BR>日<BR>");
if(now.getDay()==0){document.write("<BR><font color=pink>日</font><BR>曜<BR>日<BR><BR>");}
if(now.getDay()==1){document.write("<BR>月<BR>曜<BR>日<BR><BR>");}
if(now.getDay()==2){document.write("<BR>火<BR>曜<BR>日<BR><BR>");}
if(now.getDay()==3){document.write("<BR>水<BR>曜<BR>日<BR><BR>");}
if(now.getDay()==4){document.write("<BR>木<BR>曜<BR>日<BR><BR>");}
if(now.getDay()==5){document.write("<BR>金<BR>曜<BR>日<BR><BR>");}
if(now.getDay()==6){document.write("<BR><font color=skyblue>土<BR>曜<BR>日<BR></font><BR>");}
document.write("</font>");
//-->
</script>

</b></font></center></td></tr><tr><td background="l_m.jpg"></td><td background="r_mt.jpg" valign="bottom"><a href="http://www5a.biglobe.ne.jp/~hidehhp/slot/" target="n_w" ><img src="r_md.jpg" border=0></a></td></tr><tr><td><img src="l_d.jpg"></td><td background="c_d.jpg"></td><td><img src="r_d.jpg"></td></tr></table>

◆解説◆
こういった枠はいくつかの画像の組み合わせと<table>タグで出来ています。


分解するとこんな感じ。

ここが本文書く所

java+背

「背」と書かれている所は「背景として使用」してループ表示させてます(そうすれば1ピクセルの画像でOKだし)
「java」の部分にはプログラムを書いて日付を表示させてます。
ここを普通のテキスト等にすれば、それが表示されます。

黄色の部分は「(パス&)ファイル名」
ピンクの部分はそれぞれの色指定。

あとは必要な画像ファイルを持ち帰り、上の黒板内のタグ文章を丸ごとコピペしましょう。

★-- 本文はココ --★

の部分に好きなようにhtml文書を書き込むだけで使用できます。

▼要お持ち帰りパーツ

l_t.jpg , c_t.jpg , r_t.jpg , l_m.jpg , r_mt.jpg , r_md.jpg , l_d.jpg , c_d.jpg , r_d.jpg

上のファイル名にカーソルを合せて右クリックメニューの
【対象をファイルに保存(A)】で持って持ち帰って使用してください。

▼日付表示
javascriptを使って右側に日付を表示しています。
必要なかったり、日記として使用するので日付の固定がしたいって時は、<script>〜</script>までを丸ごと削除しちゃってください。
htmlのタグでコメント <!-- 等を使ってると script との兼ね合いで上手く表示されない場合があります(HHの知識では…)

▼その他
汚いソースで<script>に<style>にと色々使ってますが、html等の知識がある方は自分好みにカスタマイズしちゃってください。
知識の無い人は頑張ってお勉強してね♪

◆ダウンロードして今すぐお勉強♪
◆本を見ながらお勉強♪

◆無料で頑張って学ぶ…

TAG index
みんなのタグ辞書
JAVAスクリプト〜サンプル置き場

▼使用にあたり…
キャラクターなどの著作権はメーカーにあります。(たぶん)
各自の責任においてご使用ください。

画像への直リンクはお断りします。持ち帰ってから使ってください。

自由に使用してもらって構いませんが、使用する際に感想でも何でもいいんで
メールでも掲示板にでも
何かひと言いただけると嬉しいです(*^_^*)
素材屋みたいなのやってみようかな〜なんてちょっとだけ企んでるんで…
他にもこんな素材が欲しいなんてあったら言ってください。(すべて応えられる訳では無いですが…)



サイトの表示が遅い!? 北斗の拳のページが重い!? サミーのサイトが見れない!?
そんなバカな? ひょっとしてあなた、このご時世にナローバンド?→YES
▼▼▼▼▼▼▼▼そんな人はこちら!▼▼▼▼▼▼▼▼

さあ!BB(ブロードバンド)でBB(バトルボーナス)だ!


TOPへ戻る