●【つなビィ】を囲むフレーム枠を作ろう

このブログのトップページ右上に表示している、ブログパーツの【つなビィ】を囲っている枠・・・。

「つなビィ」さんは、それ自体がすっごくシンプルで、そのシンプルさがとっても好きなのですが、
＜|＞ボタンで画像を行き来した後のトップ画像へ戻る為のリロードボタンと、
編集ページへのリンクボタンが欲しくなったので、フレームをつけて見ようと思った次第です。

そんなこんなで作ってみたところ、
数名のかたから「うちでも使いたい」とのお声を頂きましたので、こちらに置いておきますネ。
気に入ってくださった方はご自由にどうぞ。

実際はこんな感じです。

ダウンロード＞＞　zip形式　or　lzh形式
　　　解凍し、【Readme.txt】をご覧下さい。
　　　設置場所や手順については各ブログサービスの方法に従って下さい。
　　　「わからない」等の初歩的な質問にはお答えできかねますので
　　　ご了承下さい。

■設置方法について
　設置方法は２種類あります。
　ホームページスペースに設置し、アイフレーム<iframe>で表示させる方法と、
　ブログサイドスペースにDIVタグで直接設置する方法です。
　後者の場合、リロードボタンは使えませんのでご了承ください。
　詳しくはダウンロード後のReadme.txtをご覧ください。

■フレームについて
※上記をダウンロードすると、デフォルトで↓のフレームが入っています。

何種類かこちらに用意させて頂きましたので、
▼よりお好みで右クリックで保存し、保存名をtunabe_back.gifに変えてから、
/tunabe/フォルダ内の同画像と入れ替えてくださいネ。
　　　　
　　　　

 自分でつなビィのフレームを作る 

ところで、ご自身の好みでフレームを作ってみたいと思う方へ。
しくみは至って簡単なので、ぜひ自分ごのみで作ってみてはいかがでしょうかヽ(´ー｀)ノ

参考になるかわかりませんが、私の場合まず、
つなビィを表示するのに必要なスペースを把握しておきました。
『つなビィ』さんではUPする画像や動画の縦横サイズによって小さめに表示される事もありますが、
実際は横128px縦160pxのスペースが必要になります。

要は、128×160のスペースを真ん中に用意した背景画像を作ればいいという事になります。

作った背景は、TABLEタグでbackgroundに指定する方法もありますが、
うちの場合はDIVタグで背景にセットしています。
上部の空間には【0.gif】という背景透視の何も無いカラの画像をwidth×height値で調節して配置し、その下につなビィのスクリプトが続くようにしました。
relativeポジションを使って相対配置を無理矢理指定しちゃうのもアリですね。

私の場合は、これらを表示させるためのHTMLページを別途作成し、
アイフレームタグで表示させています。
直接ブログサイドにタグを貼ることもできますが、
アイフレームにすることによって、リロードボタンが活きると思ったからです。

何がなんだかわからない人は、とりあえず上記↑からダウンロードして頂き、
同じサイズで背景画像を自作して、差し替えてくださればいいと思いますｗ

参考にならなかったらすみません。
もっといいアイデアあったらぜひ教えてくださいヽ(´ー｀)ノ

おまけ：
当ブログではブログ用小さなBBSのデザインスキンも配布しております。
こちらも宜しくお願いします(´∀｀*)

【shun's skin.】全サンプル・配布はこちら

* 2005.9. 8

※重複コメント・ＴＢはこちらで削除しておきますので、気にしないでくださいね。
※スパムコメント（宣伝・集客・リンク先への誘導のみを目的とした無関係な内容のもの）
　　と判断したコメントは予告無しで削除させて頂いております。

■u 　:　2008.5.28-08:46 *

おかりします。かわいいです！

■どら♀どら 　:　2008.5.14-17:26 *

はじめまして。フレームお借りしました。
前から気になっていたのですが、ようやく見つけました。
ありがとうございます。

■猫サクラ 　:　2008.3.28-10:35 *

こんにちは。つなビィのフレーム　お借りしました。
ＴＯＰへ戻るボタンや　管理画面ボタン　すごく便利ですね！
ワンポイントの猫ちゃんに　ほれました。
ありがとうございましたっ

■まき 　:　2008.3.23-17:21 *

はじめまして♪
つなビィの囲み枠お借りしました☆
無事設置も完了し、
これからいっぱいUPしていきたいと思います(^^)

ありがとうございました。

■つれづれ 　:　2008.1.12-16:28 *

つなビィに フレーム枠をつけることができました。
ありがとうございましたm(__)m
とっても すてきなフレームなので うれしいです。
ヽ(*^^*)ノ

■かえる。 　:　2007.6.18-16:43 *

はじめまして！
つなビィの囲み枠お借りしましたｗ

無事に設置もできました♪

ありがとうございました。

■乃人 　:　2007.1.13-23:57 *

はじめまして。
枠をお借りし、設置できたのですが枠と画像が上手く表示されず空洞(？)みたいなのになってしまいます。（説明下手ですいません･･･）
何度かやり直してみたのですがうまくいかなくて･･･；
どのようにすればいいのか教えていただけませんでしょうか。お願いします。

■ガッキー 　:　2007.1. 7-11:53 *

初めてお邪魔しました！
つなビィの囲み枠、お借りします！
ありがとございます。

■908 　:　2006.11.30-14:06 *

はじめまして。
つなビィのフレームをお借りしました。
ブログがもっと可愛くなりました。

■Jey 　:　2006.9.23-15:10 *

初めまして！
この度はつなビィの囲み枠を戴きました。
どうもありがとうございました！
あと素敵なサイトデザインで、これからもブログカスタマイズを目指す者としてリンクもさせていただいちゃってよろしいですか？

■rakiss 　:　2006.8.23-08:05 *

はじめまして。
つなビィのフレームをお借りしました。
まだ登録したばかりですが、更新がしやすくなりそうでとてもお気に入りです♪
どうもありがとうございました。

■珠姫遊雅 　:　2006.8.17-22:45 *

はじめまして。
前々からこの猫さんのフレームが気になっていたので使わせていただきました。
有難う御座います。
では。

■めぐ 　:　2006.8.16-01:37 *

はじめまして。
フレームがとてもかわいかったので使用させていただきました。
事後報告になってしまいすみません。
どうもありがとうございました。
また遊びに来ます！

■さかな 　:　2006.8.13-14:38 *

はじめまして♪
つなビィのフレームをお借りしましたｖ。
shun様のフレーム画像を自分用にアレンジさせて頂きました。
ちゃんとブログに設置できるか…少々不安ですが、これから設置してきますｗ。
素敵な素材をどうもありがとうございますｖｖ。

■itorin 　:　2006.7.31-12:22 *

はじめましてこんにちは☆
やっとつなビィに登録したので、
ずっと気になっていたこちらのフレームをおかりしました♪
どうもありがとうございます(*^-^*)

■annzu 　:　2006.7.21-00:48 *

つなビィ枠可愛くってDLしました。
今設置完了です。
めっちゃ可愛くってお借りして設置ができるか心配でしたがうまくいきました。
ありがとうございます。

■月城麗華 　:　2006.7.14-20:15 *

(◎´∀｀)y-・oO(。.゜+:ｺﾝﾊﾞﾝﾜ.:゜+。)
はじめまして♪
つなビィのフレーム可愛いのでダウンロードさせて頂きましたｗ
そしてshunさんのフレームを元に、自分でも作ってみました(*'ｰ'*)ﾉ
すっきりまとまってお気に入りです♪
★тндйк уoц(*′艸`*)vёгу мцсн☆

■月城麗華 　:　2006.7.14-20:14 *

(◎´∀｀)y-・oO(。.゜+:ｺﾝﾊﾞﾝﾜ.:゜+。)
はじめまして♪
つなビィのフレームに一目惚れしたので、ダウンロードさせて頂きましたｗ
そしてshunさんのフレームを元に、自分でも作ってみました(*'ｰ'*)ﾉ
すっきりまとまってお気に入りです♪
★тндйк уoц(*′艸`*)vёгу мцсн☆

■さくら 　:　2006.6.14-12:25 *

はじめまして。
とてもかわいいスキンなのですっごく気に入りました♪
つなビィのフレームお借りします～。

　　さくらさんはじめまして♪
　　フレームのご利用ありがとうございます。
　　無事に設置していただけるよう祈っております。

■blue 　:　2006.6. 8-01:30 *

はじめまして。
とってもおしゃれな枠で、すっかりひとめぼれしました。
さっそくお借りしていきます。
ありがとうございました。＾＾

　　blueさんはじめまして！
　　フレームのご利用ありがとうございます。
　　そう言って頂けて嬉しいです(・´з`・)
　　無事に設置していただけるよう祈っております。

■朋 　:　2006.6. 3-15:22 *

初めまして！枠、すごく可愛いです(´・艸・｀)
ぜひぜひ、お借りします○┓ﾍﾟｺﾘ

　　朋さんはじめまして♪
　　フレームのご利用ありがとうございます。
　　無事に設置していただけるよう祈っております。

■yumi 　:　2006.6. 1-19:29 *

shunさん、おひさしぶりです。
先日つなビィに登録してので、さっそくかわゆいフレームを使わせて頂きました(ﾉ´∀｀*)
これからガンガン撮って動くみゅうを載せるぞ～♪

　　yumiさんこんにちわ♪
　　フレームのご利用ありがとうございます。
　　最近はつなびぃも安定運営されていらっしゃるようですネ♪
　　無事に設置していただけるよう祈っております。

■RiyoCandypop 　:　2006.5.26-17:05 *

HP内のブログに貼り付けていたPOQUEが５月いっぱいでサービス停止という事で、ショックを受けて代用出来るものを探した所、つなビィを見つけました。
が、デザインがシンプルすぎて物足りないと思っていたら、かわゆいフレームをココで発見！！
早速使わせていただいてます♪
ニャンコちゃん好きな私にはたまりません♪

　　RiyoCandypopさんこんにちわ♪
　　POQUE停止ですか（；’□’）！！
　　あんな便利で多機能だったのに・・・残念ですね。
　　うちのしょぼフレームでよかったら是非是非お使いくださいｗ

■あでぃ 　:　2006.5.25-02:41 *

shunさん、おひさしぶり～。
つなビィが新規登録を再開したので、早速登録してみました。
で、以前から憧れていたshunさんのフレームを遣わさせていただきました。

みゅうみゅさん、おひさしぶり～。
なかなかその可愛いお顔が拝見できなくて、ちょっと寂しいです。
shunさんに「写真撮ってよぉ～」ってお願いしてみましょうか。
きっとまた素敵な写真を公開してくれますよ。

　　あでぃさんこんにちわ♪
　　あでぃさんに使っていただけるなんてshunちゃんもきっと喜んでいますよ。
　　それはそうと、そうなんです。最近めっきり私を撮ってくれなくなりました。
　　今まではしつこい程に追っかけまわされ撮られ続けていたので、
　　周囲が静かになって眠りやすくなったのはよいけれど、
　　でも少し寂しいです('A`;)

■swallow 　:　2006.5.22-23:55 *

こんばんは！
出来ました！出来ました！
枠をアップしたときの一覧表は少し縮小されていたようで、そちらのURLを使用していたんですね。
一覧から引っ張り出していた画像はちゃんとした大きさで、そちらのURLに変更したら見事！
分かりにくい説明かもしれませんが、あんまりの凡ミスに恥ずかしいくらいです。。。
お手間を取らせてすみませんでした。
今後も使用させて頂きますので、よろしくお願いします♪

　　よかった～～～～♪
　　一安心ですねヽ(´ー｀)ノ
　　こちらこそ、これからもどうぞよろしくお願いします。

■swallow 　:　2006.5.14-06:52 *

こんにちは。
フレームお借りしました。
シンプルでいてやわらかい雰囲気がとても好きです♪

しかしながら、完成していません。。。
どうしても枠が小さくなってしまうのです。
頂いたタグのまま利用させて頂いてるつもりなのですが。
お手すきのときにご指南頂けましたら幸いです。
よろしくお願いしますっ。
ありがとうございました。

　　swallowさんこんにちわ。
　　さっそくそちらにお邪魔したいと思います。
　　返事はそちらのブログに書かせて頂きますネ。

■ぷーこ 　:　2006.4.21-14:52 *

こんにちは。
つなビィのフレーム枠をお借りしました。
とても可愛くて気に入っています！
ありがとうございます。

　　ぷーこさんこんにちわ♪
　　フレームのご利用ありがとうございます。そう言って頂けて何よりです♪
　　無事に設置していただけるよう祈っております。

■☆*:いちご:*☆ 　:　2006.4.11-19:47 *

出来ました！！度々失礼しました。

　　☆*:いちご:*☆さんこんにちわ♪
　　フレームのご利用ありがとうございます。
　　なんどもコメントくださっていたのに、仕事の都合でレスが大変おそくなりごめんなさい！
　　無事に設置していただけたようでよかったです。
　　これからもご愛顧よろしくお願いします。
　　遅くなりまして本当に申し訳ございませんでした。

■☆*:いちご:*☆ 　:　2006.4.11-18:19 *

度々すみません。

adminやcopyにマウスカーソルを合わせると文字化けもしてることを今発見しました…。
こちらも原因がわかりますでしょうか？

■☆*:いちご:*☆ 　:　2006.4.11-18:11 *

こんばんゎ。

なんとか枠を設置することが出来てうれしいです！でも、
■サーバースペース（ホームページスペース）をお持ちの方向け
という方法で設置したのですがリロードボタンだけが表示されませんでした。
ブログでココログでは表示できないのでしょうか？

■モモぞう 　:　2006.4. 7-17:23 *

こんにちわ。
つなビィのフレームお借りしました。
あと、リンクもさせていただきましたので、
報告させていただきます。
これからもよろしくお願いします♪

　　モモぞうさんこんにちわ♪
　　フレームのご利用ありがとうございます。
　　あとリンクまで！ほんとうにありがとうございました（'''´д｀'''）ゝ

■poco 　:　2006.4. 4-19:22 *

ようやくつなビィデビューです。
つなビィのフレームをお借りしました。
ありがとうございます。

　　pocoさんこんにちわ♪
　　フレームのご利用ありがとうございます。
　　無事に設置していただけるよう祈っております。

■komoko 　:　2006.3.20-18:09 *

何度もコメントを入れてしまってご迷惑おかけいたしました。。
すみません。。

ほぼ解決いたしましたので、以下のコメントは削除していただいてかまいませんので、どうぞ宜しくお願いいたします。

大変失礼いたしました。

　　kotomoさんこんにちわ♪
　　対応遅くなってしまいごめんなさい！
　　解決されたということで一安心ですが何かあったらまた声かけてくださいね。
　　レス遅くなって本当にごめんなさいでした=3

■komoko 　:　2006.3.15-15:53 *

度々失礼します。。

見えなくなってしまったタグですが

最初のは

ＩＭＧ　タグです。
大変失礼いたしました！

■komoko 　:　2006.3.15-12:04 *

はじめまして。
初歩的な質問ですみません、何度かトライしているのですが、なかなかうまくいかずいくつか確認させていただきたかったのですが、よろしいでしょうか。

なるべく分かりやすく説明するため疑問に思っている事を抜粋して書きますのでいいまわしが分からないようでしたら質問していただいてよろしいでしょうか。

ブログで利用いたします。
1.ＤＬした<div>の部分のみ設置するのでしょうか？それとも<HTML>から貼り付けて<div>の中身を変えて貼り付けるのでしょうか。

2.差し替える<img>タグについて
例えば”copy.gif”についてですが

アップデートするとファイルの中に以下のとおりになったのですが、
<img src="http://ryo●.up.seesaa.net/image/copy.gif" alt="copy.gif" width="6" height="12" />
貼り付ける箇所は↓
"http://ryo●.up.seesaa.net/image/copy.gif"だけでよいのでしょうか？
それとも、altやサイズも一緒に貼り付けたほうがよろしかったでしょうか？

初歩的な事ですみません、確認していただいてよろしいですか？
desktop上ではうまくいくのですがブログにupするととたんにダメになってしまうんです。。

■komoko 　:　2006.3.12-20:57 *

はじめまして、つなびぃのフレームお借りします。＾＾

どうぞヨロシクお願いいたします。

■由比子 　:　2006.3. 8-21:00 *

こんばんは。
つなビィのフレーム枠お借りしました♪
思ったよりも設置が簡単で助かりました。
TBもさせていただきました☆

　　由比子さんこんにちわ♪
　　ご利用ありがとうございます。
　　無事に設置していただけてよかったですヽ(´ー｀)ノ

■あんず 　:　2006.3. 5-08:37 *

こんにちは。

フレームお借りしました。
ちょっと変更もしました。
が、リロードが出ないのはなぜなんでしょうか・・・。
コピペしたタグにもリロードらしき物がなかったんですが・・・。
ブログだから・・・？

　　あんずさんこんにちわ。枠のご利用ありがとうございます。
　　リロードボタンについてですが、記事中の説明にあるとおり、
　　ブログサイドスペースにDIVタグで設置する場合はリロードボタンが使えません。
　　アイフレーム設置の場合のみお使いいただけます。
　　あんずさんが利用されているfc2ブログはhtmlファイルもアップロードできるようですので、
　　ダウンロードフォルダ内のReadme.txtの前者の設置方法である、
　　■サーバースペース（ホームページスペース）をお持ちの方向け
　　で、設置することが可能です。その方法だとリローボボタンがお使いいただけます。

■にじまま 　:　2006.2.22-16:00 *

こんにちは。遅くなってしまいましたが、枠の設置ができたご報告にまいりました。（ぺこり）
お言葉に甘えて、全体の色を変えるだけでなく、枠の上部のアイコンと文字も、自分の都合に合わせて変えてしまいましたので、もしご心配でしたら、お時間のある時にでもご確認頂いて、もし、ご不快でしたらオリジナル（こちらで配布中のもの）に差し替えますので、お申し付けくださいませ。
お陰さまでとっても素敵な感じにつなびぃを飾ることができました。心からお礼申し上げますvvv
それから稚拙ながら、こちらの枠の事を今日の内のBlogにて紹介しましたので、この記事にトラックバックを送らさて頂きました。
どうか宜しくお願いいたします。

　　にじままさんこんにちわ♪
　　確認させていただきました。
　　事前にご連絡いただいたので、この程度なら全然問題ないです。
　　むしろ、より可愛くなってて素敵ですね♪
　　トラックバックありがとうございました。どうぞ宜しくお願いしますヽ(´ー｀)ノ

■七海 　:　2006.2.13-23:56 *

つなビィのフレーム枠お借りしました。
シンプルで素敵な素材ですね。
機会がありましたら、設置挑戦してみたいとおもいます。
ありがとうございました。

　　七海さんこんにちわ♪
　　ご利用ありがとうございます。
　　無事に設置していただけますよう祈っておりますヽ(´ー｀)ノ

■セイコ 　:　2006.2.10-14:25 *

はじめまして！
つなビィの枠をダウンロードさせて頂きました。
猫ちゃんがいたりしてとてもかわいいですね♪
また、ブログの楽しみが増えました！有難うございます♪

　　セイコさんはじめまして♪
　　枠のご利用ありがとうございました。
　　そう言っていただけて嬉しいです。どうぞ宜しくお願いします(っ´∀｀)っ

■し～ちゃん 　:　2006.2. 9-12:29 *

こんにちわぁ♪ご無沙汰してます。
以前からつけたいなぁってずっと思っていたんですけれど、なかなか時間がなくてつけられなくて。
よーやく今日つけることが出来ました。
これでやっとつなビィかわいくなったかな？(￣ｍ￣〃)ぷぷっ!
ありがとうございました。
また遊びにきますね～♪

　　し～ちゃんさんこんにちわ♪
　　ご利用ありがとうございます。トラックバックもありがとう(^-^)
　　BBSに引き続き、ご愛顧宜しくお願いします♪

■にじまま 　:　2006.2. 9-10:50 *

はじめまして。私も教えて頂いて、こちらのつなビィの枠のことを知れました。使わせていただきます。とっても素敵な機能で、とても有り難いです。有難うございます。
ところで、配布されているこちらのつなビィの枠の為の画像を、少し加工して使わせて頂くことは可能でしょうか？
できればグレイではなく、青系の色が希望なんです。それから、ムービーは自分のつなビィには入れないので、カメラのアイコンに、photoの文字だけ入った枠にしたいのです。我侭言って申し訳ありませんが、お返事、宜しくお願いいたします。

　　にじままさんはじめまして♪
　　ご利用ありがとうございます。
　　ご丁寧に報告ありがとうございます。了解いたしました♪
　　にじままさんのお好みのデザインにカスタマイズなさってみてくださいね(´∀｀*)

■ａｍａｍｉ 　:　2006.2. 7-17:27 *

とってもかわいいフレームですね。
DLして早速使わせていただいています。
ありがとうございました。

　　ａｍａｍｉさんこんにちわ♪
　　ありがとうございます、そう言っていただけるとうれしいです(^、^*)
　　ご利用ありがとうございました♪

■aYo 　:　2006.2. 2-00:01 *

ふたたび。またお世話になりました。
フレーム枠最高！

冬バージョンのBLOGデザインがステキなので、春のデザインも楽しみです。
内容もデザインもファンを飽きさせないところがステキです。

そんなBLOGオーナーにおいらもいつかなりたいっす。

　　aYoさんこんにちわ♪
　　BBSに引き続き、つなびぃ枠のご利用までありがとうございます。
　　それとＴＢもありがとう(´∀｀*)
　　誉められ慣れてないのでこそばいです（＾＾；）
　　年明けから更新停滞してるしょーもないブログですが
　　また遊びに来ていただけるよう頑張ろうと思います♪

■ぴか 　:　2006.1.31-18:44 *

はじめまして。
フレーム素材をDLさせて頂きました。
シンプルでとでも素敵です。
ありがとうございました。

　　ぴかさんはじめまして♪
　　枠のご利用＆ご連絡コメントありがとうございました(´∀｀*)

■hana 　:　2006.1.30-23:57 *

初めまして。
DLさせていただきました。
ありがとうございます。

　　hanaさんはじめまして♪
　　ご利用＆ご連絡コメントありがとうございます。
　　どうぞ宜しくお願いします♪

■へいちゃん 　:　2006.1.30-22:21