ないブログに表示されています。新しい記事を書く事で広告が消えます。EditSep26200718透過フォト(共有テンプレート)透過画像を用いてきれいな画像を背景いっぱいに表示できるテンプレートです。<09.01.23>透過フォトバージョン2.0を公開しました。071009以前にダウンロードされた皆様へInternetExplorerでコメント投稿が出来ないケースがあるとの報告がありました。現在公開しているものは修正されていますので、再度ダウンロードして頂くか、ご自身で直されるばあいは透過フォトにおけるブログパーツに関しての記事を参照し、CSSを変更後、ブログを開いて「F5」キーを押してチェックしてみてください。初期設定では沖縄県宮古島の珊瑚でいっぱいのビーチを使っていますが、ご自身で撮影したお気に入りの写真に簡単に変更できますので、オリジナルなブログにカスタマイズしてください。コメント・★をいただけると励みになります。背景画像の変更方法1.画像のアップロードはじめに管理画面の「便利ツール」-「ファイルアップロード」を選択し、「アップロードするファイルの選択」にある「ファイルの選択」行の「参照...」から背景画像をアップロードします。横幅が800ピクセル以上の画像を選んだ方が大きく表示されるのできれいです。ちなみに初期設定の画像は1618PX×614PXですが、このくらいの大きさだと22Wディスプレイなどで見ると、とても迫力のある表示になります。(ナローバンドの方には表示が遅くなってしまいますが。)2.画像ファイルのURLをコピーアップロード後、「ファイル一覧」に画像が表示されるので、その右にある「記事を書く」を右クリックし、「新しいウィンドウで開く」を選択してください。href="に続く画像のアドレス(上記青地部分)をドラッグし、ブラウザ(InternetExplorerなど)の「編集」メニューで「コピー」を選んでください。3.CSSの編集コピーが出来たら、今開いているウィンドウ(またはタブ)を終了し、忍者ブログ管理画面上部にある、「テンプレート設定/編集」をクリックしてください。「透過フォト」テンプレートの右にある「編集」をクリックします。画面右下がCSSの編集画面になりますが、その10行目から始まる「body」部分に「background:」という項目があります。(11行目付近)その行の「url(」に続く「http://file.××/beach_bg.jpg」部分をドラッグし、ブラウザの「編集」-「貼り付け」(ペースト)をクリックしてください。アップロードした画像のアドレスに変更されるはずです。最後に画面左上にある「テンプレート保存」をクリックし、「上書き保存」(または新規作成でも可)をすれば終了です。画像変更後、タイトルやサイト説明部分のフォントカラーを調整すると見やすくなります。クマノミ画像の削除方法プラグインの下方にクマノミの画像が出てきます。背景に合わない場合などは次のように削除してください。HTML編集で、321行目前後にある下記の記述を削除してください。元画像のURLが不明になった場合は再度テンプレートをダウンロードすることをおすすめします。削除されたい方はhtml編集で下記1行を削除・変更してください。href="http://file.template100.blog.shinobi.jp/nimo.ico">なお、ファビコンの設置に関しての詳細はこちらをご参照ください。タイトル部分の画像の大きさの変更方法070928移行にテンプレートをダウンロードしていただいた方は、記事および・プラグインが水平線の前後で始まるようになっていると思いますが、この高さを変更する方法です。オリジナルフォトに変更している場合、ここを調整して、写真の一番おいしいところが隠れないようにするといいと思います。CSS編集(管理ページ-テンプレート設定/編集-右下のCSS)で78行目前後に下記記載があります。height;につづく数値を下げると画像表示部分が小さくなり、逆に数値を大きくすると画像がたくさん出てきます。none;}ただし、特にSXGA、ワイドディスプレイなど大きいディスプレイを使っている方は、下げすぎるとA4ノートPCサイズなどの一般的なディスプレイにおいてスクロールしないと記事部分が見えなくなってしまいますのでご留意下さい。画像を全部見られるようにしたい場合CSS編集で#FooterBlockを下記のように変更(1行追加)してみてください。各ページで一番下までスクロールすると画像が画面いっぱいに見られるようになります。600px;}<備考>初期設定でpngの透過画像に対応していないIE6以前のブラウザも表示できます。98ME以前のOSとIE6の組み合わせで表示できない場合があるようですが、解決方法が見つかりましたら修正致します。MAC環境では動作チェックしておりません。2あぶりかいせき111#流JEIKJEILのぐ~たら手記arnis家のくだらない日々・・・きれいな背景画像で作成されたら、是非コメント欄にご報告ください。写真が見られるよう記事・プラグイン部分を水平線レベルまで下げました。プラグイン部分とメイン部分の開始位置をそろえました。SilverメールアドレスURLコメントパスワード18素晴らしいテンプレートありがとうございます素晴らしいテンプレートありがとうございます。ブログが楽しくなりそうです。編集Re:素晴らしいテンプレートありがとうございます喜んで頂けて何よりです。最近テンプレ作る時間が無くてすいません。テンプレの使用&コメントを頂き有り難うございます。ブログのカスタマイズは楽しいですよね。最近は自分のサイト制作に忙しく、テンプレ作りは構想は沢山あってもなかなか公開出来ないのですが、このようなコメントを頂くとテンプレ作りも進めないとという気になります。今後もいいカスタマイズが出来たら教えてください。08:30】16ありがとうございました。コメントいただいたのに、色々いじってたら削除してしまいましたまた遊びに来て下さいね。編集14無題お返事有難うございます。OSはMACのTigerXです。縮小方法は、単純にフォトエディターでファイルのサイズを下げています。デジカメの撮影時のモードによるのだとおもいますが、同じ大きさの写真でもファイルサイズが異なるのです。Photosmartエディットです。お返事が遅くなり申し訳ございません。ここ10年ほどMACから遠ざかっておりまして的確なアドバイスになるか確認していないのですが。サイズ指定して縮小できるソフトがあります。06:33】13透過フォトの拡大はじめまして!やっと自分の写真が背景に使える素敵なテンプレートを発見したと小躍りしています。背景写真サイズが3M以上あり、アップロード出来る大きさにしたところ、とても小さい画像になってしまいました。この画像を、元の大きさではなく、拡大して背景にすることは可能なのでしょうか。可能でしたら、是非その方法を教えてください。はじめまして!まず拡大は画質が落ちるので避けた方がいいと思います。512kbで出来るだけ大きい画像サイズになるよう圧縮するのがいいと思いますが、wacky様はどのように縮小したか教えていただけますか?出来れば、OSも併せて教えていただけると回答しやすいです。20:20】12教えていただきありがとうございました。画面のやり方がいまいちわからず・・・。申し訳ございませんが、変えさせていただきました。編集Re:教えていただきありがとうございました。コメントありがとうございます。お手間を取らせてしまったようですいません。透過画像はどうしてもIEの不具合との戦いになってしまって、自分で使うだけならまだしも、多くの方の様々な環境・設定に対応するのは本当に難しいです。透過を使うとかなり楽しいサイトが作れるのは確かなのですが、テンプレートとして広く配布するのは難しいことが勉強になりました。21:31】11残念ながらブログペットとの相性が悪かったようで、とりあえずはずしたらちゃんと機能しました。丁寧なご指導ありがとうございました。編集Re:残念ながら遅ればせながらIE7でチェックしてみました。いくつか相性の悪いブログツールがあるようです。ブログツールをはずすと問題がないようですので、JavaScriptを利用したブログツールの後、透過画像をIEで利用するためのJavascriptがうまく動作しなくなっているようです。解決方法がないわけではないので、テスト後にお知らせ致します。確認していただきありがとうございます。<最新コメント>より下方にクリックできないのです。←この部分を消してみたら透過にはならないのですが、なぜか?コメント欄には入れるのです。この状態の方が便利だと言われたので、透過できないままで使わせていただきます。OSはXPでブラウザはExplorer7.0です。背景用にあれこれ画像を探すのが楽しくて、大好きなテンプレートなのでなんとか透過して使わせていただきたいのですが・・・これからも素敵なテンプレートをご紹介してくださると嬉しいです。編集Re:ご丁寧に・・・>確認していただきありがとうございます。ご迷惑をお掛けしてしまっているわけですから、私の出来る限りのことはさせて頂きたいと思っています。私の理解している範囲では原因として考えられるのは2つ1.IE7でうまくpngが透過しない2.フリーエリアのブログペットなどとの相性まず、1の対策としてIE7でもJavaScriptが動くように下記の通り変更してみてください。これでだめだとブログツールがじゃまをしている可能性が高いので、ブログツールをはずしてみてください。透過pngに対応出来ないIE6とIE5.5用のJavaScriptですが、IE7で使うことも問題ないようですので、下記変更を試してみてください。初めまして、素敵な透過テンプレートを使わせていただいてます。背景を色々変えられるのが嬉しいです♪CSSを修正してコメント自体は書き込めるのですが・・・コメント欄にどうしても入れません。アドバイスよろしくお願いします。忍者ブログさんが、早く更新してくださればいいんですけど。orange様のブログを確認してみましたが、CSS修正はOKのようですし、異常は確認できませんでした。(XP&IE6、Firefoxでチェック)F5キーを押してもだめでしょうか?>コメント欄にどうしても入れません。私からは修正申請を9/30に忍者ブログに出しているのですが、10/4の14時現在ダウンロードページは更新されていません。プリン様のページはCSSの対応をされているようですので、ブログにコメントさせて頂いたとおり、プラグインのフリーエリアに何か不具合を生じる原因があると思われます。プラグインのhtml編集の部分をご確認下さい。忍者のダウンロードページで、「最終更新日」が現在9/28となっていると思いますが、これが10/4以降になった段階で対応済みのものとお考え下さい。13:59】7オランダチューリップオランダで撮ったお気に入りのチューリップ写真をブログに使いたいとずっと思っていたのですが、今まで叶わずにいました。おかげさまで理想のブログが出来上がりました。ときどき記念の写真に入れ替えていこうと思います。編集Re:オランダチューリップkitty-chan様チューリップきれいですね。オランダは行ったことがないのですが、すてきなところだと聞きます。これからいろいろな背景を見ることを楽しみにしています。元に戻して修正後にアップをし直して見ます。編集5コメントは書けるもう一度新しくダウンロードしたものに下記の変更をしてみたらコメントは書ける様になりましたがやはりページの中央のコメント欄に入ることができません。編集4コメントが書けなくなりました。何度もすみません!教えて頂いたとおりにやってみましたがだめだったので新しくダウンロードをしてみたのですがPの真ん中のコメント欄に入れないしコメントを書くことが出来ません。私も気に入っているので使いたいのですが宜しくお願いいたします。編集3コメント欄はじめまして。素敵なテンプレートお借りしています。お聞きしたいのですがテンプレートを変えてから、コメント欄に入力が出来なくなっています。変える前の記事には出来ます。今、写真と記事の高さを変更していますが試しに、何もいじらず使ってもコメント出来ません。気に入っているので、出来れば使い続けたいのです。編集Re:コメント欄ku-nyan様ご迷惑をおかけし、申し訳ございません。下記プリン様の対処方法をご覧ください。ku-nyan様のブログにもコメントさせていただいたCommentBlockの変更だけでもおそらく直ると思います。昨日はありがとうございました。コメントを残して頂き感動しました。ひとつお聞きしたいのですが、過去のコメント欄や続きの中に入ることが出来ないのですが、どうしたらいいでしょうか。最新記事から3p位は入れるのですがそれから先が入れません。申し訳ありませんが宜しくお願い致します。正常に動作していない部分があるようで、申し訳ありません。私の環境(XP・FIREFOX&IE6.02)でプリンさんのブログをチェックしてみましたが、正常に動いているようです。InternetExplorerにおいてPNGファイルとの相性により、リンクが背景画像に隠れてしまっているものと思われます。(JavaScriptにて対処したつもりでしたが)対処法として、CSSにて下記2点修正をしていただき、ブログを開いて「F5」キーを押してチェックしてみてください。1.CommentBlockを下記のように変更(1行削除).CommentBlock{padding:10px;}2.TrackbackBlock(1行削除).TrackbackBlock{padding:10px;}3.bodyに下記2行追記position:relative;z-index:5;念のため、OSおよびブラウザの種類、バージョンを教えていただけると助かります。綺麗にアップ出来ました。素敵なテンプレートをありがとうございます。編集Re:無題プリンさんはじめまして。レイアウトばっちりですね。数年前から趣味のサイトをいくつか作っていましたが、軽い気持ちで置いたアフィリエイトが結構稼いでくれる。ここ2~3年はブログに夢中。いっても放置しているものが多い。本業は硬い業種のサラリーマン。ninja-blog.com。