楽天ブログで使えるタグ

2010.05.14

カテゴリ：よしなに日記

楽天ブログの記事を書くとき、文字の色や大きさを変えて表現力を増すことは簡単に出来ます。
でもちょっと人と違う表現をしたいと思ったら、実際のところ何ができるんでしょうかね。

１．<marquee>タグを使ってみる

htmlのタグを使ってページに動きをつける代表格と言えば、<marquee>タグです。
最近、見なくなりましたけど^^;

こんなソースを書いてみる

<marquee bgcolor="beige" width="200" behavior="alternate">

ガンプラって面白いね！

</marquee>

こうなります。

ガンプラって面白いね！

手っ取り早くページに動きがつけられて便利ですね。

２．スタイルシートを使ってみるＡ

楽天ブログでは<head>タグ内をカスタマイズする事ができないので、
大したことは出来なさそうですけど、htmlのタグに埋め込む形なら何かできそうです。

これは普通のハイパーリンク。

<a href="http://gundam.yangotonaki.com/" target="new">

ガンダムワールド2010 in 札幌

</a>

文字の下にアンダーバーがつく普通のリンクになります。

ガンダムワールド2010 in 札幌

このソースにスタイルシートのコードをつけで、アンダーバーを消してみます。
こんなソースです。赤い部分がスタイルシート記述。

<a href="http://gundam.yangotonaki.com/"

target="new" style="text-decoration:none;">

ガンダムワールド2010 in 札幌

</a>

文字の下にアンダーバーが無くてもちゃんとハイパーリンクになってます。

ガンダムワールド2010 in 札幌

地味ですけど、スタイルシートが機能することがわかります。

３．スタイルシートを使ってみるＢ

こういう使い方ができるならば、スタイルシートを使って縦書きのページも書けるはず。

そこでこんなソースを用意してみる。赤い部分がスタイルシート記述。

<code><p style="writing-mode:tb-rl;">

このコロニー、スウィート・ウォーターは密閉型とオープン型をつなぎあわせて建造された極めて不安定なものである！

</p></code>

IEだと縦書きになってるはずです。



このコロニー、スウィート・ウォーターは密閉型とオープン型をつなぎあわせて建造された極めて不安定なものである！

こんな風に、楽天ブログでもいろいろ出来そうな感じはあります。
もっと試してみましょうかね。

お気に入りの記事を「いいね！」で応援しよう

Last updated 2010.05.14 12:41:44

ガンプラだってば！

楽天ブログで使えるタグ

よしなに日記

ガンプラで遊ぶ人

1/200 ガンダム（完成）

1/144 Vガンダム（完成）

1/144 ボール（完成）

1/144 ジム（完成）

1/144 ジムII（完成）

1/144 プロトタイプガンダム（完成）

1/144 G3ガンダム（完成）

1/144 ジョニー・ライデン少佐機（完成）

1/144 マゼラアタック（完成）

1/144 ゾゴック

1/144 ガザD

1/144 グフ試作実験機

1/550 エルメス３号機（完成）

1/72 竜の羽衣（完成）

塗装ブース

ホームベーカリー

機動戦士ガンダム

RX-78 ガンダム

スタジオジブリ

紅の豚

自作バナー倉庫