スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
web拍手 by FC2

Mr.ポンバシのブログ改造術 part6

こんばんは!Mr.ポンバシです(‐^▽^‐)


やっとバイトが終わりましたよ!γ(▽´ )ツヾ( `▽)ゞ


この4日だけで先月の給料越してますwww


その代償として地獄をみましたが・・・orz


でもこれで心おきなくエロゲに打ち込めますよwww


明日の忘年会は本来なら楽しみのはずだけど、あまりに働き過ぎたため休息>忘年会になってきましたwww


さて、今回紹介するのは、"画像(バナー)の配列表示"です


なんのことは分からない方もいらっしゃる方もいるかもしれないので、僕のブログの画像で説明してみようかと思います↓

Mr.ポンバシのブログ


このように、バナーを縦1列に並べるだけでなく、2列以上にしたいときがありませんか?


そのようなときは<table>タグを使うことで、好きな行・列で配列することができます(*^▽^*)


上の画像のように2列にしたい場合、次の記述をルームのフリースペースに張り付けてください!


<table border="0"width="650" style="table-layout: fixed;" cellpadding="0" cellspacing="0" style="border: 2px #ffcccc outset; word-break: normal; float: left;">

<tr><td>1行1列目のバナー</td>

<td>1行2列目のバナー</td></tr>

<tr><td>2行1列目のバナー</td>

<td>2行2列目のバナー</td></tr>

</table>


といった感じでくり返していけば、行列のように配列することができます。


<td></td>は横に配列する記述なので、この間にバナーのHDMLを記述することで、バナーを上の画像のように2列以上に配列することができます。


<tr></tr>は縦に配列する記述なので、この間に<td></td>を記述することで、一つの行に複数のバナーを張り付けることが可能です!

<tr></tr>で囲まれたところは、一つの行の中の操作をしていることになります


上のwidthはこのテーブル全体の幅ですので、ルームの右のエリアの幅を同じにしてください

バナーを張り付ける際に注意してほしいことがあります。


上の僕の画像を見ていただいたら分かる通り、この<table>タグは左右のタグの大きさが違うと、とても不格好になってしまいます


なので同じ大きさのバナーにするか、バナーのコード

<a href="リンク先のURL" target="_blank"><img src="画像のURL" alt="マウスオーバー時の表示" border="0" /></a>

のborderの前にwidth="○○" height="○○"という風に画像の大きさを調整するコードを入れれば、バナーを同じ大きさに統一することができます。


もしくはwidth="99%"を入れると(この場合はheight不要)、ブログの幅に合わせてバナーの大きさを自動調整してくれます。

細かい設定のことは随時この記事に更新していきますので、気になる方はときどきチェックしてください!


まだまだ未熟ですので、改善の余地はまだまだあります!

その点はご了承ください!


今後は過去のブログ改造術の記事を更新しましたらつぶやきに書かせてもらいますので、よろしくお願いしますm(u_u)m







スポンサーサイト
web拍手 by FC2

コメントの投稿

非公開コメント

1 ■無題

凄いですね~(感心

為になりますゝ

2 ■無題

ふむ、ふむ、勉強になります

多謝です♪

3 ■無題

バイトお疲れさまです(^^!

エロゲ、楽しんでくだされ~♪

4 ■コメントありがとう御座います

初めまして
ちょっと遅いですがお疲れ様でした♪
なんのエロゲやっているのですか?

それにしてもすごいですね^^;
自分も改造してみたいので参考にさせていただきます

5 ■無題

バイトお疲れ様です。
ハードスケジュールでしたが実りも大きかったようですね^^
エロゲライフを堪能してくださいw
ブログ改造術勉強になりました!

6 ■無題

お酒はほどほどにww俺みたいになっちゃうのでww

そういうのどうやるのか気になってたんですよ!

ありがとです!明日改造を試みますwww

7 ■Re:無題

>柊鈴さん
いえいえまだまだ未熟ですよ(`・ω・´)ゞ
もっと勉強して、どんどん改造していきます!

8 ■Re:無題

>ピュア紳士さん
どうもです(-^□^-)

9 ■Re:無題

>アクアさん
ありがとうございます!

待ちに待った休暇なんで、全力でエロゲを楽しんでいきますよ!www

10 ■Re:コメントありがとう御座います

>あすたーさん
こちらこそコメントありがとうございます!

エロゲは18作積んでるんで、その消化に努めておりますwww

現在は「恋神」ですね

どうぞ参考にしてみてください!

11 ■Re:無題

>スイジョウさん
ありがとうございます(*^▽^*)

エロゲのプレイ時間は少なくなってしまいましたが、かわりにエロゲを買うための資金は稼ぐことができましたγ(▽´ )ツヾ( `▽)ゞ

しっかり堪能していこうと思いますwww

12 ■Re:無題

>アスラ・K・ピース(ぶるくすプレイ中)さん
せっかく忠告を頂いたのに、飲み過ぎてしまいましたwww
今日は二日酔いです・・・(w_-;
やっぱり酒はセーブすべきでした・・・

少しバランスが難しいですが、頑張ってみてください!
プロフィール

ポンバシ

はじめまして!Mr.ポンバシです。
呼び名は「ポンバシ」「ポンさん」などなどです ^ ^
2次元をこよなく愛しており、エロゲ、ギャルゲ、アニメ、ラノベなんでも話を振ってください。
コメントしてくれると天に昇る勢いで喜びますww


アクセスランキング
[ジャンルランキング]
ゲーム
4454位
アクセスランキングを見る>>

[サブジャンルランキング]
PCゲーム
621位
アクセスランキングを見る>>

アクセスカウンター

カテゴリ

最新コメント

全記事表示リンク

全ての記事を表示する


月別アーカイブ

OHPバナー
紅い瞳に映るセカイ 応援中!!

「魔女こいにっき」応援中

恋がさくころ桜どき

すたじお緑茶『南十字星恋歌』応援中!

検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QR
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。