スポンサーサイト  -  --------(--)  --:-- 
上記の広告は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 
選択 降順 昇順 年別

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

 最近の記事+コメント 
 Links 



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

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