スポンサーサイト  -  --------(--)  --:-- 
上記の広告は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月 | 2017年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 

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

 最近の記事+コメント 
 Links 



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

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