十六分四十一秒物語

カレンダー

お気に入りブログ

おしけんブログ おしけんさん
さかなおやじのひと… machimaさん
LUCKY BELLのブログ LUCKY BELLさん

カテゴリ

２０１３

キーワードサーチ

▼キーワード検索

< 新しい記事

新着記事一覧(全2492件)

過去の記事 >

2011.01.02

縦書き

(7)

テーマ：ＨＴＭＬを使って楽天で何ができるのか．(160)

カテゴリ：ブログ

昨日のおしけんさんのコメントに
「縦書き」が出たので
その方法のご紹介です。

まず原文です。

謹　賀　新　年

本年も頑張って更新してゆきますので
宜しくお願いいたします。
本年が皆様にとって益々のご繁栄される年となりますよう
心からお祈り申し上げます。

　　　　　　平成二十三年元日

文字の大きさ・太さを変えて

謹　賀　新　年

旧年中はブログにご訪問いただき有難う御座いました。
本年も頑張って更新してゆきますので
宜しくお願いいたします。
本年が皆様にとって益々のご繁栄される年となりますよう
心からお祈り申し上げます。

　　　　　　平成二十三年元日

次に

縦書きタグ
＜DIV style="WRITING-MODE: tb-rl"＞縦書きにしたい文章＜/DIV＞
を使います。
「＜・＞」は半角に直してください。

次に

「謹賀新年」の文字が変な所で
自動改行されていたので
改行無効化タグ
＜NOBR＞改行したくない文章＜/NOBR＞
を使いました。
（今は改行されていませんが・・・）
「＜・＞」は半角に直してください。

最後に

正月なので華やかさを出すため
シャドータグ
＜DIV style="FILTER: shadow(color=影にしたい色, direction=120); WIDTH: 100%"＞影を付けたい文章＜/DIV＞
を使って金色の影を作り
完成です。
「＜・＞」は半角に直してください。
影にしたい色はこのサイトとかから選んでください。

最終的にはこんな感じに
なっていると思います。
「＜・＞」は半角に直してください。

＜DIV style="FILTER: shadow(color=gold, direction=180); WIDTH: 100%"＞＜DIV style="WRITING-MODE: tb-rl"＞＜FONT size=12 face=IMPACT＞
＜B＞＜NOBR＞謹　賀　新　年＜/NOBR＞＜/B＞
＜/FONT＞
＜FONT size=3 face=IMPACT＞旧年中はブログにご訪問いただき有難う御座いました。
本年も頑張って更新してゆきますので
宜しくお願いいたします。
本年が皆様にとって益々のご繁栄される年となりますよう
心からお祈り申し上げます。

　　　　　　平成二十三年元日＜/FONT＞
＜/DIV＞＜/DIV＞

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