×
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
文字色を七色に変化させるスクリプトを使って何かできないかな～と思案したもの。
文字色サンプル▼
このように色が変化します
実際のスクリプト▼
<script language="JavaScript" type="text/javascript">
// 変化させる文字を指定しています。独自タグ使用可。
myChengeFont= "ここに入力された文字が虹色に変化します。"
// 変化する色コードを指定しています。数の増減も可。
myColor = new Array("#ff9999", "#ffcc99" , "#ffff99" , "#ccff99" , "#99ff99" , "#99ccff" , "#cc99ff");
for (i=0; i < myChengeFont.length; i++) {
myStyle = myChengeFont.charAt(i);
myNum = i % myColor.length ;
document.write(myStyle.fontcolor(myColor[myNum]));
}
</script>
赤い字で表示されたところに入力された文字が虹色に変化します。
とまぁこれはどこにでもある文字色の虹色表示のスクリプトなのですが、これを利用すると画像を使わなくてもカラフルなテンプレができるかな～と思いまして
たとえば赤い文字のところを<!--$g_title-->として、テンプレートの<!--$g_title-->を探してjavascriptごと置き換えればブログタイトルが虹色になります。
リンクの関係上ブログタイトルで使うのはちょっと難しいかもですが(^^;)
お勧めはプラグインのタイトル。赤い文字のところを<!--$plugin_title-->としてjavascriptを作ります。
実際に入れてみたのが▼
<script language="JavaScript" type="text/javascript">これをテンプレートのHTMLから<!--$plugin_title-->という部分を探して上のソース全部と置き換えます。
myChengeFont= "<!--$plugin_title-->"
myColor = new Array("#ff9999", "#ffcc99" , "#ffff99" , "#ccff99" , "#99ff99" , "#99ccff" , "#cc99ff");
for (i=0; i < myChengeFont.length; i++) {
myStyle = myChengeFont.charAt(i);
myNum = i % myColor.length ;
document.write(myStyle.fontcolor(myColor[myNum]));
}
</script>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">私が使っているのはこれ▼
<?xml version="1.0" encoding="UTF-8"?>前は、<?xml version="1.0" encoding="UTF-8"?>の部分がブログ上に表示されてしまうというアクシデントがあったりしたので▼のような宣言を使ってたときもありました。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">こちらはいわゆるURL付きというもの。
）
●このブログについて
忍者ブログを使いこなそうと始めたカスタマイズサイト。分からないことばかりで四苦八苦しています。
変なところあったらぜひ言ってくださいませ(*- -)(*_ _)ペコリ
なお、このブログで実験もしています。
常に実験しているので、崩れとかありましたら教えてくださるとうれしいです。⇒BBS
●姉妹サイト・その他
徒然倶楽部
→こちらは記事の内容を下に移転＆閉鎖しました。
Alphaの小部屋･･･BOOKLOGで作った本棚
現在は十六夜's Blogがメインブログになってます。
Mixi･･･参加中のSNS
十六夜-the sixteeth night-･･･現在作成中のメインHP
●リンクについて
このブログはリンクフリーです。こんなブログでよろしければぜひリンクしてやってください♪
●RSS
このブログのRSSはこちら▼
RSS 0.91
RSS 1.0
RSS 2.0
●環境推奨
動作状況：Windows XP SP2
ブラウザ：主にFirefox 他IE、Opera等
解像度：1024*768
●FireFox
私が普段利用しているブラウザ。
拡張機能のWeb Developerをいれるとテンプレ作成にとても便利なブラウザになります。自分の使いたい機能をいろいろインストールしてアレンジしてます♪
ダウンロードは▼からどうぞ
●Pingoo!
忍者ブログのPing送信先は10件まで。
それでもいろいろなところにPingを送りたいという場合にオススメなPing一括送信サイトです。ここ１件に送るだけでいろいろなところに送ってもらえます♪
●クリックで救える命がある
| 10 | 12 |
| 日 | 月 | 火 | 水 | 木 | 金 | 土 |
|---|---|---|---|---|---|---|
| 1 | 2 | |||||
| 3 | 4 | 5 | 6 | 7 | 8 | 9 |
| 10 | 11 | 12 | 13 | 14 | 15 | 16 |
| 17 | 18 | 19 | 20 | 21 | 22 | 23 |
| 24 | 25 | 26 | 27 | 28 | 29 | 30 |
| *1*2* | ≫ |
