FC2ブログ
         
 HighSlide  -  2008-04-29(火)  14:35 
連休中ということで、ブログのテンプレートに新しいワザを導入してみました。

「HighSlide」と言うもので、サムネイル画像をクリックすると、カッチョ良く拡大表示され、再クリックで元に戻ります。

このテクニックは、TOMOMIX BLOG を運営しているTomoMiXさんの「Highslide JS実装手順」記事を参照にして導入させていただきました。

最初はうまく行かなかったのですが、それは予め用意してあるサムネイル画像をクリックすると本体画像を呼出す仕組みになっているのに気が付かなかったから(-_-#)

今回は元々が小さいサイズの画像を使ったのですが、これなら少し大きめサイズの画像もブログが重くならずに載せられそうです。何と言っても別窓表示されないのがGood Jobです(o^-')b

<追記です>

ふと、思った(o^-')b
別にサムネイル画像ではなく、文中のテキストにも適用させたらいいかも!

散歩していたら道端に綺麗な花が咲いていました。
そろそろ暖かくなってきたんですね。 by ぽよん

とか・・・。

<更に>
拡大表示された画像はマウスドラッグで移動できるんですねヽ(`▽´)/
それに矢印キーでページ内の前後の画像が表示される!
スポンサーサイト



COM (0)   TB (0)   【CAT=Blog&PCの技▽OPEN   
 ファビコン  -  2008-03-25(火)  06:00 
ファビコン(ブラウザのアドレス欄の先頭に表示される画像のこと)を設定してみました。

  1. ペイントなどで画像ファイルを作成する
  2. それが面倒な場合は、適当な画像を用意し、変換する(*1)
  3. ファイル名を「favicon.ico」とする(それ以外でも可)
  4. それも面倒な場合はフリー素材を使う
  5. 用意したファビコンのファイルをサーバーにアップロードする
  6. テンプレートのHTML内の<heead>~</head>の間に下記を記述する
<link rel="shortcut icon" type="image/x-icon" href="ファビコンのパス/favicon.ico" />
ウチの場合は、コレで出来ましたヽ(`▽´)/
  ↓
 

(*1)「ファビコンメーカー」という画像を変換してくれるサービスを行っているサイトがあります。
COM (2)   TB (0)   【CAT=Blog&PCの技▽OPEN   
 切替スクリプト(2)  -  2007-07-29(日)  15:02 
先のエントリでブログペットの切替スクリプトのことを書きましたが、そこで紹介した「KOROPPYさんがブログで書かれている記事」内容を参考にして、簡単にスクリプトを出力してくれるソフトをさるさる氏が開発されました
脚好きさんのブログ2:『切替えるッス』公開
 (↑の情報は、あき♪さんに教えてもらいました(o^-')b)

このソフトの最大の利点は、プラグイン等の
「ランダム切替スクリプトが簡単に作れてしまう」
ことです。したがって、省スペース!にもなります。

ただ、ランダム表示で複数IDのBlogPetを表示させた場合にメインのペットが表示されないと、アクセス解析が正常に行われない可能性があります。
そこで、ランダム表示ではなくデフォルトを設定したい場合は、
出力されたスクリプトの下部の部分を
kb_bpc0changePet(pno);
  ↓
kb_bpc0changePet(0);
のようにすれば、先頭に書いたスクリプトのものが初期表示されるようになりました。

オプションボタン方式もコンボボックス方式も、それぞれメリットがあるので好みに合わせて選んだり併用したりするといいと思います。

当ブログでは、KOROPPYさんが紹介されているのをBlogPet用に、さるさる氏作のものをブログパーツのランダム切替用に使わせていただいています。

沢山のブログパーツを設置すると、少しうざったくなりがちですが、これらを利用することによりスッキリとした感じになりました(自己満足)。


なお、これらを使用する際には、それぞれのブログに記載されている内容や注意書きを良く読むようにしてください。
COM (4)   TB (0)   【CAT=Blog&PCの技▽OPEN   
 スクロールバー  -  2007-07-22(日)  19:04 
当館で使用しているテンプレートでは、サイドバーの幅が固定になっています。その為に幅の広いブログパーツを設置した場合に不具合が起きてしまいます。

ブラウザがFirefoxの場合はハミ出し表示になるので、まだしもですが、IEだとサイドバーが落ちてしまうのです。
そんな時に、ちょっとカッコ悪いけれども下記のように書くといいみたい。
<div style="height:○○px; width:△△px; overflow:auto;">
ブログパーツのスクリプト
</div>
○○や△△で指定した高さや幅を超えるとスクロールバーが表示される。

CSSで書くって手もあるのかもしれないけど、
取り敢えずの(自分メモ)
COM (0)   TB (0)   【CAT=Blog&PCの技▽OPEN   
 切替スクリプト  -  2007-07-22(日)  18:48 
KOROPPYの本棚「ブログペット切り替え表示スクリプト~リニューアル対応版~」の記事を以前に見ていて、やってみたいけど難しそうだし・・・と二の足を踏んでいたのですが、BlogPetリニューアルでペットが増えたのを機に、この記事を参考に挑戦してみました。

あらま、その通りにやったら簡単に出来ちゃいました。

困ったのがチャイルドンにした時には俳句を詠まないので、1つのIDで切り替えると、例のメッセージが出てしまうのが気に入らない。それとボタン横の名前が・・・。

仕方がないので、プラグインを2つ作ってペット切替時にはプラグインも切り替えることにしましたが、手動で切替ってかなり面倒(>o<")

何かいいアイデアはないものでしょうか?

しかしながら、ともすればブログパーツであふれがちなサイドバーをスッキリさせるのには有用な方法なので、これから応用していきたいと思っています。
COM (4)   TB (1)   【CAT=Blog&PCの技▽OPEN   
 ロールオーバーリンク  -  2007-03-22(木)  00:10 
自分メモ

マウスを乗せた時に別画像を表示させる方法
<a href="クリック時のリンクアドレス"><img src="元の画像" border="0" onMouseOver="this .src='マウス・ホバー時の画像'"onMouseOut="this .src='元の画像'"></a> 
↓で実際にやってみました。画像にマウスを乗せてみると・・・


ちょっと前に、BlogPetの背景ファイルを保存してあるSeesaaブログのサーバーがダウンしていた時の画像、それと今(^ ^)

やっぱり、BlogPetは素敵な背景やフレームがないと寂しいと再確認しました。
▽続きを読む
COM (0)   TB (0)   【CAT=Blog&PCの技▽OPEN   

| BLOG TOP |
 §魔法の館§ Guide 
選択 降順 昇順 年別

09月 | 2019年10月 | 11月
- - 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 31 - -




 CssTagCloud 

模型 雷句誠 手塚治虫 FC2 自分メモ ちびパン 花札 不具合 動画 桃鉄 ブログ技 メンタル 携帯 アニメ 貫通 N-02A 環境 カップ 錯覚 ウチワ ドコモ 期間限定 博打 ブラック 検索 カード ブログパーツ BlogPet背景 ゲーム クイズ ライト ロールオーバーリンク サウンド バイシクル 手作り マニア向け 昆虫 スクロールバー プラグイン 花火 フラリッシュ バーネット マジックグッズ 輪ゴム シンブル ぽよん発言集 PC用語 新機種 ゴースト シール グッズ 宅急便 裁判 ファンカード サイバークローン 年賀状 ジョーク Tips デック マジック 夏の風物詩 リング ミスト セブンスター ブログサービス カップ&ボール マウス ブーメラン N-01A マジックの本 DVD クリック 皮肉 入浴剤 お絵描き サムチップ 煙草 ジョーク・グッズ ミニ知識 ミカメクラフト コイン 奇妙な現象 FC2ブログ 切替 アウトドア ガッシュ 裏ワザ 携帯電話 ライター ロープ Flash 野島伸幸 ギミック ユニフレーム PC用品 絵文字 ペン・スピニング プーさん ミニ バタフライ 地図ソフト 携帯ゲーム 蝶 カード・マジック ヒートアイランド LiveDoor ペンまわし ペンスピニング 充電器 面白 玩具 限定品 小学館 アマゾン マグネット ニコニコ動画 タグ スクリプト ファビコン 

 最近の記事+コメント 
 Links 



CopyRight 2006 §魔法の館§ All rights reserved.