文字の大きさを変えるスクリプト|無料ソフト・無料サービスで安いパソコンを120%楽しむ方法
最新記事更新記録はこちら↓

お名前コムで独自ドメインが安い (06/17)

Firefoxのアドオンを停止する・Firefoxフリーズ対策 (06/14)

いずれレンタルサーバーへお引越しするかも知れない (06/10)

また、IEに問題発? (05/23)

iPhoneをスキャナとして利用できるライトスタンドがあるんだって (05/21)

リロードとスーパーリロードってどう違う? (05/17)

Google検索の上位サイトが専門家が書いた難しいページだらけになる日がくるかも (05/15)

歩行中のスマートフォンの利用を法律や条令で規制すべきか? (05/11)

ワードパットはどこにある? (05/08)

会社のWordが使いにくいと感じたらワードパットを使ってみよう (05/06)

IEって何?InternetExplorer?ブラウザって何? (05/02)

IE使っては駄目!国土安全保障省のコンピュータ緊急対応チームから (04/30)

黒いパソコンは重い? (04/27)

携帯電話の絵文字が共通化されるらしい (04/26)

シーサーブログの投稿記事の下に広告を自動表示させる (04/20)

Windows7、8、8.1のサポート期限 (04/13)

GoogleのAndroidOS用オフィスアプリQuickofficeでできること (04/12)

WindowsXPのサポートが終わってしまいましたがな (04/10)

Windows7のスタートメニューによく使うソフトやフォルダのショートカットを登録してみよう (04/08)

Windows7になったらタスクマネージャーはどうやって出す? (04/02)

WindowsXPにWindows Live メールをインストールしておくとWindows7・8への移行が楽らしい (03/27)

Windows7のスタートメニューにショートカットアイコンをおいて、ソフトの起動を簡単に (03/23)

WindowsPCのシャットダウン (03/21)

複数のテキストを比較する無料ソフト (03/14)

入力しにくい文字をローマ字入力する (03/13)

災害時インターネットは強い (03/11)

ノートパソコンのタッチパットをOFFにする方法 (03/09)

wordの自動箇条書きをOFFにしよう (03/07)

Windows7以降のWindowsOSに標準で付属している電卓が便利だ (03/04)

「半角/全角」キーを押すとひらがなの「ろ」が入力される (03/01)

総記事数:
Top Page >スポンサー広告 > 文字の大きさを変えるスクリプトブログカスタマイズ > FC2ブログカスタマイズ全般 > 文字の大きさを変えるスクリプト

スポンサーサイト

サイトの文字の大きさを変える場合はクリック⇒ 文字を大きくする 文字を小さくする

カテゴリ:スポンサー広告 
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

 --.--.-- / コメント:: - / トラックバック:: - / PageTop↑


文字の大きさを変えるスクリプト

サイトの文字の大きさを変える場合はクリック⇒ 文字を大きくする 文字を小さくする

カテゴリ:ブログカスタマイズFC2ブログカスタマイズ全般 
テーマ:ホームページ・ブログ制作 / ジャンル:コンピュータ

 FC2ブログの文字の大きさを変えるプラグイン、『文字を大きく・小さく 』はalt属性がついていないので、画像が何なのか読み上げソフトなどでは判らないのが難点。

 利用者の利便性を考えてつける機能が読み上げソフトに対応しないってのもなんだし。

 

 え、目の見えない人に文字の大きさは関係ない?

 いや、でも、何の画像かわからないのは問題だろう。

 

 で、alt属性を付けたスクリプトが↓


文字を変えるボタンのスクリプト

<!--文字サイズ変更-->
<p align="right">サイトの文字の大きさを変える場合はクリック⇒<a href="JavaScript:BiggerFont()">
<img id="off_img" name="barosan_img"  src="http://blog-imgs-45.fc2.com/y/u/k/yukiyonihitori/20120530184943edb.jpg
" width="32" height="32" alt='文字を大きくする' >
</a>
<a href="JavaScript:SmallerFont()">
<img id="off_img" name="barosan_img"  src="http://blog-imgs-45.fc2.com/y/u/k/yukiyonihitori/20120530185111aff.jpg
" width="32" height="32"alt='文字を小さくする' >
</a>
<script type="text/javascript">
//文字を大きくする
var TempFontSize = 100;
function BiggerFont(){
 TempFontSize += TempFontSize * 0.2;
 document.body.style.fontSize = TempFontSize  + '%';
}
//文字を小さくする
function SmallerFont(){
 TempFontSize -= TempFontSize * 0.2;
 document.body.style.fontSize = TempFontSize  + '%';
}

// 文字列を追加する
function appendText( oj , text )
{
  return oj.appendChild( document.createTextNode(text) )
}


//ルーレット選択
function roulette(list){
 //
 //list ={"e1":100,"e2":100};
 var total_weight =0;
 var select =0;
 for(i=0;i<list.length;i++){
  total_weight += list[i].weight;
 }
 var rand = Math.floor( Math.random() * total_weight ) + 1;

 var arrow =0;
 for(i=0;i<list.length;i++){
  arrow += list[i].weight;
  if(rand < arrow){
   select = i;
   break;
  }
 }
 return list[select];
}

//デバッグ用
function debugwrite(_str){
 //document.getElementById("debug").getElementsByTagName("textarea")[0];
 var ta = document.getElementById("debug");
 var str = ta.value;
 document.getElementById("debug").value = str + _str + "\r\n";

}

</script></p>

<!--/文字サイズ変更-->
 

 src="以下のURLは画像のURLなので、自分の画像を使うこともできる。
 このまま、使っても多分大丈夫。

 

 プラグインに貼り付けても、テンプレートに貼り付けても使うことができる。


文字の大きさが変わらない場合は? 

 文字の大きさを変えるプラグイン、このブログでは、ちゃんと機能するのだが、他のテンプレートでは機能しないのもあるようだ。

 文字の大きさが変わらないブログのテンプレートを見てみると、スタイルシートのフォントサイズ指定がpxになっている。

 

 多分、このスタイルシートのフォントサイズ指定の仕方に原因があるのではないかと思う。

 

 これから、中高年の閲覧者も増えることだし、ブログの運営をする場合は、スタイルシートのフォントサイズの指定は、%とかの指定にしていったほうがいいと思う。

 

 ちょっと面倒だけど・・・。


気に入ったら、押してね⇒FC2 Blog Ranking

ホームに戻る.ダイヤル0

関連記事

サイト内の記事へのタグリンク↓
FC2 ブログ テンプレート スタイルシート フォントサイズ 

FC2ブログ内同タグ へのリンク↓
FC2 ブログ テンプレート スタイルシート フォントサイズ

 2012.05.31 / コメント:: 0 / トラックバック:: 0 / PageTop↑


コメント:
Title

Secret


Pagetop↑
トラックバック:
Pagetop↑
無料ウイルスソフト
管理人も使用中
キングソフトインターネットセキュリティU

最新記事
ようこそ


サイト内外の検索ができます。キーワードを入力してください。
サイト内検索↓

カスタム検索

サイト外検索↓

設置日時 2008・02・17

マカフィー・ストア

全記事表示リンク
カテゴリ
タグリスト 改

ドメイン独自ドメインブログFirefoxブラウザフリーズアドオンIEIE8PhoneスマートフォンスキャナリロードスーパーリロードGoogleSEO検索検索結果上位サイトワードパットWindowsフリーソフトWord無料ソフトワープロInternetExplorer脆弱性セキュリティパソコン携帯電話絵文字シーサーブログカスタマイズテンプレートWindows8.1Windows8メインストリームサポート延長サポートWindows7サポートAndroidOfficeQuickofficeWindowsXP起動アイコンフォルダショートカットスタートメニューCtrl+Alt+DelタスクマネージャーWindowsLiveメールデータ移行メール連絡先OutlookExpressシャットダウンテキスト比較ローマ字入力入力キーボード東日本大震災インターネット災害タッチパットポインティングデバイスノートパソコンword箇条書き電卓OS入力できない半角排紙トレーが開いています印刷プリンターエラーYahoo!ヘッドクリーニングプリンターヘッド目詰まりExifGPSクリーニングインク染料顔料パスワードOpenOffice.orgLibreOfficeApacheOpenOffice百度ShimejiアプリBaidu日本語入力hao123IMEクラウドスケジュールPCalphaEDIT32ビット64ビットアップグレード電源の管理日本ヒューレット・パッカード3万円台赤ロム白ロムUSBメモリーフォーマットtranscendUSBメモリー再生書き込み禁止になっていますリカバリーツールGooアップデート更新プログラムオリンピックコメントニュースLinuxブートパーティションInter7フリーメールメールアドレス2ちゃんねる流出個人情報ID2チャンネルインストールWubiUbuntu日本語版USBハブ転送速度セルフパワーバスパワープライバシーGmail侵害マウスホイールマウスIDManager管理作成ハードディスク買い替え文字化け改行コード文字コードサイズ起動できないブートローダーLANポートデバイスマネージャーデュアルブートメモリメニューバーSilverlightFlashPlayerAdobeOSLinuxUbunt12.04.2インターネット接続言語の設定日本語化UnetBootinメモリー光学式右クリックXPKeePassGoogle+アドセンススコアボードインポートIDmanegerトラブルMicrosoftKB2839229Linuxで更新復元セーフモードシステムvCalendarvcsスマホジョルテThunderbirdOutlookサンダーバードPIMエクスポートFC2手書き入力Yahoo!IDツール確認GooglePlay詐欺カレンダーアウトルック同期オフラインジョルデCSVガラゲーSIMカードフィーチャーフォン7スポットスポットタッチペン金属繊維ペンスタイラスデーター赤外線通信共有GoogleアカウントMoborobo2.0iOS無線LANYahoo!スマホマネージャーアンドロイドOS日時表計算ソフト自動更新関数表示アンドロイドカメラシャッター音DoNotTrackIE10デスクトップExplorerIntrenet8ウインドウズ732ビット64偽サイト偽装サイトスタイラスペンMZK-RP150NポータブルWi-Fiポケットルータ無料無線LANスポット無線LANスポットドコモルーター有線LANタブレットアダプタ有線BlueStacksパスワード管理ソフト注意点サイトショットノートヌーボードショットノートヌーボードコード閲覧SafariInternetLunascapeChromeキャッシュクッキー一時ファイル削除履歴証明書取り消し情報ルート証明インターネットオプションアップロード情報違法開示ゴミ箱設定容量ファイルクラッシャーKingsoftAntiSpywareLunascape6キャッシュバックFC2コンテンツキャンペーンマーケット反映OpenOffice.orgCalcシートExcel列幅セル表計算移動入力欄テンキー数字ツイッターTwitterYahoo!カレンダーメールソフトネクサス7無料メールgooショートカットキープリンタ詰替プルンターノズルチェックカートリッジジャンル私製はがき年賀状フォント手書き手書き風フォント素材日本郵政はがきデザインキットOpenOfficeCalcオフィスソフトOpenOfficeカテゴリNexus7iPadminiスペックHiMakeDocWeb自動巡回用ファイルコンバートソフトカテゴリーリストタイトルテーマGoogleアドセンスストレージYahoo!ファイル関連記事シーサー株式会社JavaScriptウインドウズXPサポート終了カウントダウンJavascriptゲームCalcWi-Fi接続フリースポットFC2ブログ登録Writer宛名ワープロソフト制作レンタルトラックバック迷惑URL

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。