※「タイポ!スクリプト」第2版を使ってください。
「タイポ!」のウェブページ組み込み用スクリプトです。
ページを開くと、任意のテキストがタイポグラフィックっぽくアレンジされます。
▲こんな感じ。
▲こんな見せ方も。
スタイルシート次第で色んな見せ方が考えられます。
使ってみたいという方は、まず
設置方法Aか
設置方法Bを実行の上、
設置方法(共通)を実行してください。
<設置方法A>
1.
スクリプトファイルをウェブサイトへアップロードする。
2.ウェブページに下記コードをペーストする。
<script src="(.jsファイルへのパス)/oi_typo.js" type="text/javascript"></script>
<設置方法B>
1.この記事の続きからソースコードをコピーする。
2.ウェブページにペーストする。
<設置方法(共通)>
3.エフェクトを適用したいテキストを含むタグにclass属性を設定する。
属性値は「typo」で始まること。また、spanタグは避けた方が良いかも。
例:「class="typo_special"」「class="title typo"」
4.ウェブページとにらめっこしながらスタイルシートを調節する。
「margin:1px;」や「padding:1px;」を設定すると良い。
<注意事項>
・OperaとMacintoshのIE・NN以外で正常に動作します。
・アクセスカウンターを設置しているページでは、「window.onload」部分を展開した方が良いかもしれません。
詳しくはこのブログのソースコードを参照のこと。