スポンサーサイト  -  --------(--)  --:-- 
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
COM (-)   TB (-)   【CAT=スポンサー広告▽OPEN   
 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 
選択 降順 昇順 年別

05月 | 2018年06月 | 07月
- - - - - 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




 CssTagCloud 

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

 最近の記事+コメント 
 Links 



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

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