ブログデザイン

2008年2月16日 (土)

セルが繋がったやつは?

タイトルがあって内容がいくつかに分かれるテーブルが作りたいとの事でいろいろ調べて見ました。

<table border=10>
<tr><th colspan=3 bgcolor="ccffff"><font size=5>液体・個体の世界</font></th></tr>
<tr>
<td width=100 bgcolor="ffcccc">ジュース:<br>限りなく液体に近いが甘い味がする。</td>
<td width=100 bgcolor="99ff99">葛湯:<br>液体に近いが滑っとしている。凝個体。</td>
<td width=100 bgcolor="ffccff">チョコ:<br>個体。硬すぎて歯がかけるかもしれない。</td>
</tr>

</table>
<br>
<br>

<table border=10>
<tr><th rowspan=3 bgcolor="ccffff"><font size=5>液体・個体の世界</font></th>
<td width=100 bgcolor="ffcccc">ジュース:<br>限りなく液体に近いが甘い味がする。</td></tr>

<tr><td width=100 bgcolor="99ff99">葛湯:<br>液体に近いが滑っとしている。凝個体。</td></tr>
<tr><td width=100 bgcolor="ffccff">チョコ:<br>個体。硬すぎて歯がかけるかもしれない。</td>
</tr>

</table>

と適当に作って下の結果となりました。

液体・個体の世界
ジュース:
限りなく液体に近いが甘い味がする。
葛湯:
液体に近いが滑っとしている。凝個体。
チョコ:
個体。硬すぎて歯がかけるかもしれない。


液体・個体の世界ジュース:
限りなく液体に近いが甘い味がする。
葛湯:
液体に近いが滑っとしている。凝個体。
チョコ:
個体。硬すぎて歯がかけるかもしれない。

にほんブログ村 サラリーマン日記ブログへ

近々、日々つけてるブログにて広告でも作ってみます。

| | コメント (1) | トラックバック (0)

2008年2月12日 (火)

Wordアートで簡単ロゴ挿入

Tetukoyarogo_2

Wordでワードアートなるものがある。仕事で使った事がないほど派手だ!

でもブログで使えるかもと思い本も読みちょっと作成してみた。

ポイントはWordで作ったらペイントでファイル拡張子を「jpg」にするくらいか?そのままだとだいたい「bmp」になってしまう。

またブログの運営会社によって画像を予めアップロード必要なとこがあったりする。(記事投稿の途中で出来ない。)

Aiteturogo2_3 ⇒リンクしている筈ですが?どうでしょう!

にほんブログ村 サラリーマン日記ブログへ

 

 お薦め携帯アプリのある会社

業者名マネーパートナーズセントラル短資
バナー
入手経路ここクリックここクリック
最大メリットAS注文可能1秒更新
注文機能ありなし
チャート間隔1/5/30/60/日/週/月1/5/10/30/60/日/週/月

| | コメント (0) | トラックバック (0)

2008年2月10日 (日)

テーブル表示テスト

ちょこっと作って見ました。ココログではどのように見えるでしょう!

愛犬てつが実際に口座開設しお勧めする業者様

特徴社名バナー
情報たっぷり!
初心者お勧め。
ひまわり証券
1,000単位OK
システム多い!
ヒロセ通商
携帯アプリあり。
チャート充実!
マネーパートナーズ
スワップ命!!
携帯は1秒更新
セントラル短資

結構よく見えますね?

にほんブログ村 サラリーマン日記ブログへ

| | コメント (0) | トラックバック (3)

テーブルの使用

テーブルが作れるとなんか儲かりそうな気がする。

実はとっても簡単で<table border>~</table>で枠線を表示しテーブルを書き始めるよ!と宣言し<tr></tr>で行の開始終了を指定し、<td></td>で列の開始と終了を指定するだけです。

<table border>

<tr><td>雨</td><td>液体</td><td>飲もうと思えば飲める</td></tr>
<tr><td>小便</td><td>液体</td><td>飲めるが飲みたくない</td></tr>
<tr><td>うんち</td><td>個体</td><td>食べたくない</td></tr>

</table>

を変換してみると



液体 飲もうと思えば飲める
小便 液体 飲めるが飲みたくない
うんち 個体 食べたくない

本当に儲かりそうな表ができたな?



にほんブログ村 サラリーマン日記ブログへ

| | コメント (0) | トラックバック (0)

文字に変化を付ける

ココログにはHTML編集画面と通常の簡単入力画面があるが、HTMLで記述すると変に変化される場合があるようだ。ちょっと残念。独自の変換記述があるようです。

本日2回目は文字に変化を付けてみた。

まず文字サイズを大きくしたり、小さくしたりするのは

<font size=1>マーボウ豆腐は食べ物です</font><br>
<font size=2>マーボウ豆腐は食べ物です</font><br>
<font size=3>マーボウ豆腐は食べ物です</font><br>
<font size=4>マーボウ豆腐は食べ物です</font><br>
<font size=5>マーボウ豆腐は食べ物です</font><br>

マーボウ豆腐は食べ物です
マーボウ豆腐は食べ物です
マーボウ豆腐は食べ物です
マーボウ豆腐は食べ物です
マーボウ豆腐は食べ物です


太くしたい場合は <b>うんこぶりぶり</b>となる。

うんこぶりぶり

続いて斜体は<i>うんちぶりぶり</i>

うんちぶりぶり

続いて「下線付き」が<u>うんちぶりぶり</u>

うんちぶりぶり

文字列に訂正線を入れるには<s>うんちぶりぶり</s>うんこもりもり

うんちぶりぶりうんこもりもり

下付きうんこ<sub>kg</sub>、上付きうんこ<sup>kg</sup>

下付きうんこkg、上付きうんこkg

うんこにもいろいろ種類があるものですね?


にほんブログ村 サラリーマン日記ブログへ

| | コメント (0) | トラックバック (1)

見出し文字と位置

本日は見出し文字のサイズ変更と表現位置を学んだ。

フォントサイズ<font size=n>もあるが<hn>だと文字が見出しと認識され太字で調整されるそうだ。

<h1>愛犬てつは何なんだ!</h1><br>
<h2>愛犬てつは何なんだ!</h2><br>
<h3>愛犬てつは何なんだ!</h3><br>
<h4>愛犬てつは何なんだ!</h4><br>
<h5>愛犬てつは何なんだ!</h5><br>
<h6>愛犬てつは何なんだ!</h6><br>
<h7>愛犬てつは何なんだ!</h7><br>

をHTMLエディタで記述すると


愛犬てつは何なんだ!


愛犬てつは何なんだ!


愛犬てつは何なんだ!


愛犬てつは何なんだ!


愛犬てつは何なんだ!

愛犬てつは何なんだ!

愛犬てつは何なんだ!

上から順に<hn>のnが1が大きい、6が小さい、6までで7はない。そして文字が太字になり上下1行ずつ改行される。

どうでしょう!

そしてその見出し文字の表示位置も調整できる。

通常は左づめだが、センターと右づめにあらかじめ調整可能

<h1 align="center">愛犬てつは人間です</h1>
<h1 align="right">愛犬てつは人間です</h1>



愛犬てつは人間です


愛犬てつは人間です



見た目このように最初からなって見出し表現される。

そうなんだ!便利だの~!


にほんブログ村 サラリーマン日記ブログへ

| | コメント (0) | トラックバック (0)

2008年2月 9日 (土)

そして広告もメモ帳にしとけ

そしてまた広告リンクもメモ帳にしときます。

いくつか実際にアファリエイトプログラムにて作成したテキストをメモ帳に保存、投稿してみましたがいかがでしょう!


セントラル短資オンライントレード



こんな感じで貼ってみました!



にほんブログ村 サラリーマン日記ブログへ

| | コメント (0) | トラックバック (0)

そしてUBSメモリの活用

同じ文章を使うとか、一回使ったタグを活用するとか、バックアップの意味でもメモ帳をメモリに保存しようと思います。

ついでにIEのブックマークも保存できるはずですので持ち運べば外出先のパソコンでもIE経由で自分の仕事&お遊び環境に出来るハズ!

先週研修に行ってちょっと講習中に思いました。

どうでしょう!

| | コメント (0) | トラックバック (0)

<><><><><><><><>を一杯とりあえず入力

ほんとうに久しぶりです。

もうちょっとブログの投稿をシステムマチックにしたく日々考えていました。
そうしないと長続きしないかな?

そしてHTMLで本日よりなるべく記述することにしました。

なので<><><><><><><><>一歩間違えるとすごく怒ってるマークを一杯とりあえず打ったメモ帳を準備することを考えました。

| | コメント (0) | トラックバック (0)

2007年9月 5日 (水)

罫で囲む

会社名

カイシャメイ

スプレット

手数料

テスウリョウ

レバレッジ
アルファ 3

無料

ムリョウ

100

バイ

ベーター 5 100

エン

20

バイ

シーター 4

無料

ムリョウ

50

バイ

テストです。内容は無いよう!

今後の注意としてHTML編集後⇒通常のエディタへ戻らない!そして確認後⇒即保存しましょう!

| | コメント (0) | トラックバック (1)

2007年9月 4日 (火)

ブログデザインの開始

前に凝ったことがあるが既に親父なのでやり方忘れた。でも改行のHTMLを知りたくて、地元の公共施設「図書館」にて専門書を借りてきた。

今度こそ忘れないようにカテゴリを設けたので書き記す。

まずは改行=(<br>)を文末に付けるだけ!

なお、実際には<>で囲って記述となるが表示上HTML文だとわかるように(****)の様()で括ることとする。

「ちなみに<br>こんな<br>感じに<br>出来ちゃうよ!<br>」とブログのHTMLを直接入力出来る場所に入力すれば下のようになる。(だいたいのブログが簡単に見た目で出来ちゃうのと、HTMLを直接入力出来る入力方式があるようだ。)

なお、HTMLの大前提として「Hyper Text Markup Language」の略なので文章の構成はあくまで<br>のようなテキストファイルにて指定する。よって一行で記述しようが、見た目改行されていようが関係ないようだ!!!

ちなみに
こんな
感じに
出来ちゃうよ!

もうひとつおまけに見出しなどをセンターに持っていく場合は(<center>~</center>)で囲む。~に文章(見出し)を入れる。

「<center>愛犬てつ</center>」とHTML編集で入力すれば

愛犬てつ

文字サイズを大きくしたければブログの編集機能で行っても良いし文字サイズを指定しても良い。

(<font size="1~7">~</font>)で"1~7"は1が小さく7が大きくなる。

なお、文字フォントは奥が深そうなので後日多くを語りたい。ちなみに「愛犬てつを1から7までセンタリングしてみたのが下の結果である。

愛犬てつ

愛犬てつ

愛犬てつ

愛犬てつ

愛犬てつ

愛犬てつ

愛犬てつ

”6”、”7”が認識できないようです。研究しなくては!一時的に表示して次回から標準=”3”になってしまいますし、表現が変わってしまいます。

また、私のバイブルは図書館で借りてきたので古く、HTML4.01です。ココログでHTML4.01を入力すると自動で適切なテキストファイルに変換してくれているようです。


両建証拠金無料!【ヒロセ通商】

実はこの広告は上がバーナーで下がテキストで両方ともリンクするのですが、今までテキストが先でないとバーナーに続いてテキストが来てしまい体裁がとても悪かったのですが(<br>)を使うことによって上記のように表示できました。

またブログランキングも今朝まで一列したが(<br>)を使うことによって下記のように表示できました。

またまた空白行は(<p></p>)の様です。

にほんブログ村 為替ブログ FX初心者へ

にほんブログ村 サラリーマン日記ブログへ

人気blogランキングへ

| | コメント (0) | トラックバック (1)