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 
選択 降順 昇順 年別

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

 最近の記事+コメント 
 Links 



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