アフィリエイト広告を利用しています

広告

posted by fanblog



昨日の縦書きを説明します〜(^^♪



こちらから訪問もせず、いつもコメント頂いちゃって申し訳ないです。。。
ありがとうございます〜
いっつも皆さんのことが気になって仕事が・・・ (笑)
なんてことはないですよ。コメントはすっごく私の力と元気になってます (喜)
本日も縦書きで始まりましたが、やっぱりなんか読みやすいですよね?そんなことはない?
でも顔文字使えないのがちょっときついですね。。。
気持ちを表すのが難しいです (泣)
で、、、今コメント見て気づいたのですが、eyesPowerさんが縦書きやってましたね〜
自作でやるところがすごい (驚)
私のは人の力を借りて楽にやって。。。



さてでは、私の縦書きのやり方です〜(^O^)/
で、、、説明は横書きかい・・・(^_^;)

管理画面から「デザインの変更」を選択して
フリースキンの編集から以下のHTMLをちょっと変更!


メイン
ポータル
アーカイブ
1記事
プロフィール



個別に開くと上の方にこのように書いてあるかと。
(少し違いがあるかもしれませんが、気にしなくて大丈夫です)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />

でこの下あたり(<body>の手前ならOK)に以下のタグを貼り付けです(^O^)/

<script charset="utf-8" type="text/javascript" src="http://nehan.googlecode.com/hg/example2/nehan2.js"></script>
<script type="text/javascript">
window.onload = function(){
Nehan.LayoutMapper.start();
};
</script>

メイン・ポータル・アーカイブ・1記事・プロフィール全てですよ〜(^^ゞ
終わったら普通に記事を書いてもらえれば・・・

そして記事を書き時にいつもと少しだけ違うことをやります。

<div align="right"><pre class="lp-vertical lp-width-550 lp-height-300 lp-font-size-12">
ここに記事を書く!!</pre></div>

とこのようにタグで記事を囲ってください。
そうすると囲まれた部分が縦書きになります〜(^O^)/

で、少し設定の説明を、、、
「lp-width-550」は縦書き記事の幅を設定します。
550という数字を変えてください。
「lp-height-300」は縦書き記事の高さを設定します。
300という数字を変えてください。
「lp-font-size-12」は縦書き記事の文字の大きさを設定します。
12という数字を変えてください。

あとは小技です。
他にもありますが、これは多分一番使うものですので説明します。
<pack>(笑)</pack>
このタグで囲まれたものはそこだけ横書きにしてくれます。
たとえば「?!」と入力したら通常は


となります。
しかし<pack>?!</pack>とすれば
?!
と表示されるんですね。

とこんな感じです。
むずかしく感じるかもしれませんが設定はほとんどありません。
やってみればわかるとお思います。

実をいうと縦書きって今のWEBは標準でサポートされて
いないのが現状なんですね。。。

だからほとんど見ることはありません。
あっても基本的に画像で書いてあることでしょう(^_^;)

ほんと作ったくれた人に感謝感謝です(^^♪
詳しくは以下のページに書いてあります(作者のページです)
http://code.google.com/p/nehan/

是非チャレンジしてみてくださいね〜(^O^)/



携帯で物まねすると採点って?!
新ボイスサービス「まね1-GP」


この記事へのコメント

×

この広告は30日以上新しい記事の更新がないブログに表示されております。

Build a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: