Home > スポンサー広告 > フォントサイズを切り替えるJavaScript

スポンサーサイト

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

Comments: -

URL 2007-10-05 Fri 06:25:14

>>marbleさん
わざわざコメありがとうございます。
追加したらもっと幸せになれましたw

marble URL 2007-10-04 Thu 18:20:41

使ってくれてありがとうございます!
しかもCSSまで...はわわ!お恥ずかしい><
でも、そのままだとFirefoxでレイアウトが崩れるので

div#header ul#fontSizeSwitcher {
_height: 1px;
min-height: 1px;
}

div#header ul#fontSizeSwitcher:after {
display: block;
visibility: hidden;
clear: both;
height: 0;
content: ".";
}

これを追加してあげるともっと幸せになれるかもしれません。
(スマートに書くならcrystal.cssの2-6-7の部分にセレクタをたすだけでもOKでふ)

Comment Form
Only inform the site author.

Trackback+Pingback: -

TrackBack URL for this entry
http://wintosh.blog109.fc2.com/tb.php/35-461e39d7
Listed below are links to weblogs that reference
スポンサーサイト from 電脳化空間

Home > スポンサー広告 > フォントサイズを切り替えるJavaScript

Home > Script > フォントサイズを切り替えるJavaScript

フォントサイズを切り替えるJavaScript

  • Posted by:
  • 2007-10-03 Wed 23:59:00
  • Script
Vicunaのテンプレート・Crystal使っていたら
なんかいいもの発見wwwwwww
その名も「フォントサイズを切り替えるJS:改」w
簡単にいうとブログのフォントサイズを切り替えられるらすぃw
しかもクッキー保存して、90日間くらいはそのまま見れるらすぃw
そんな訳で取り入れてみましたwwwwwwwww
このブログは私がちょこっとカスタムしてしまったので切り替えると
ちょっとデザインがくずれますwwwwww
まーフォントサイズ切り替えられるからなんだって訳ではないけど
右上にあるからポチっとおしてみてください。
製作者は10coin.comのmarbleさんです。
詳しくは10coin.com - フォントサイズを切り替えるJS:改を見れば幸せになれるはず。
ちょこっとわかる人がいじれば、Vicunaテンプレートだけでなく他でも使えると思います。
Vicunaテンプレートで使いたい人は取り入れてみてください。
尚、使用するにあたり、CSSの中身を少し書き加えなければなりませんのであしからずw
わからない人のために、CSSをちょっと拝借させていただいて載せておきます。
これはdiv#header内に出したいとき用ね。
/*--------------------------------------
Font Size Switcher
http://10coin.com/memo/2007/09/04/102154/
---------------------------------------*/

div#header ul#fontSizeSwitcher {
float: right;
margin: 13px 0 0;
list-style: none;
}

div#header ul#fontSizeSwitcher li {
margin: 0 0 0 10px;
padding: 0.2em 5px;
border: 1px solid white;
float: left;
width: 1em;
background-color: #aaa;
color: white;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
cursor: pointer;
}

div#header ul#fontSizeSwitcher li.current {
color: #666;
background-color: white;

}

上記スタイルをCSSの適当な場所にコピー&ペーストして、
色とか設定等を好みに調整すればできるはずです。

Comments: 2

URL 2007-10-05 Fri 06:25:14

>>marbleさん
わざわざコメありがとうございます。
追加したらもっと幸せになれましたw

marble URL 2007-10-04 Thu 18:20:41

使ってくれてありがとうございます!
しかもCSSまで...はわわ!お恥ずかしい><
でも、そのままだとFirefoxでレイアウトが崩れるので

div#header ul#fontSizeSwitcher {
_height: 1px;
min-height: 1px;
}

div#header ul#fontSizeSwitcher:after {
display: block;
visibility: hidden;
clear: both;
height: 0;
content: ".";
}

これを追加してあげるともっと幸せになれるかもしれません。
(スマートに書くならcrystal.cssの2-6-7の部分にセレクタをたすだけでもOKでふ)

Comment Form
Only inform the site author.

Trackback+Pingback: 0

TrackBack URL for this entry
http://wintosh.blog109.fc2.com/tb.php/35-461e39d7
Listed below are links to weblogs that reference
フォントサイズを切り替えるJavaScript from 電脳化空間

Home > Script > フォントサイズを切り替えるJavaScript

My Tweet
Links
RSS Feeds
Banner Links
電脳化空間 DL用バナー↓

群馬県渋川市の山車まつり「辰組」

ryooooo32 「勝手なブログ!」

Amazon×Reference

SEO Cheker

Return to page top

- Copyright © 電脳化空間 All Rights Reserved. -
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。