Opus-i.plus

映画+音楽+FC2ブログテンプレート

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
--.--.-- --. | スポンサー広告 | トラックバック(-) | コメント(-) |
FC2BLOGの共有テンプレート「air」と「atmosphere」をアップデートしました。ヘッダー以外同じで申し訳なかったので画像変更+MacIEの不具合回避タグを追加しています。よろしければ「共有テンプレート」→「A」からどうぞ。
atmosphereでメニューを左にするカスタマイズ方法。
まずHTMLの編集で、最後の<!-- ▼ ページ移動フッター ▼ -->の中の<div class="navi" style="clear:both">の clear:both を float:right に変えます。
次にスタイルシートを下記のものに丸ごと書き換えて下さい。

Air ダウンさせて頂きました。
メニューを左に変えて、画像をオリジナルに変更させて頂きました。
有り難うございます。
今後とも頑張って下さい。

2005.05.26 Thu. URL | ボストン初心者 #- [ 編集 ]

こんにちは!ボストン初心者さん。
トップの画像、ステキですね!カッコよく使って下さって嬉しい限りです、こちらこそありがとうございます。ボストンって住みやすそうな街ってイメージなんですが色々あるんですね(笑)

2005.05.29 Sun. URL | Enif #TluyS4YI [ 編集 ]

初めまして☆
atmosphereをDLさせてもらい、いろいろとカスタマイズさせていただきました。ありがとうございました。
いきなりで申し訳ないのですが、メニューをできれば左に変えたいのですが、どうすればいいのか教えていただけませんか??
今のままでもとてもいい感じなのですが、できればもう少しカスタマイズしたいなと思っています。よろしくお願いします。

2005.06.19 Sun. URL | きりん #- [ 編集 ]

こんにちは!きりんさん。はじめまして。
テンプレートのDL、本当にありがとうございます!可愛く使っていただいて嬉しい限りです。
さっそくご質問の件ですが、メニューを左にするにはかなりいろんな箇所を変更しなくてはいけませんので(テンプレートの作りが悪いせいです、申し訳ありません)、この記事↑に追加で方法を書いてみました。よろしければ参考にしてみてください。

2005.06.19 Sun. URL | Enif #TluyS4YI [ 編集 ]

さっそく質問に答えていただき、ありがとうございます。教えていただいた方法を参考にさせていただきました。
私の思い通りのテンプレートにできて、本当に嬉しいです。ありがとうございました☆
また、分からないことがあったら質問することがあるかと思いますが、そのときにはよろしくお願いします。

2005.06.20 Mon. URL | きりん #- [ 編集 ]

こちらこそありがとうございました!
良い機会ですので、これからは右→左などは簡単に変えられるようなテンプレート作りを心がけたいと思います。また何かありましたらいつでもどうぞ。

2005.06.21 Tue. URL | Enif #TluyS4YI [ 編集 ]

こんにちは!きりんさん
ねこねこと申します。

見やすいテンプレはないかなー?と探していて、
atmosphereをDLさせていただきました。
シンプルでセンスあるベースなので、
少し私のBLOGも落ち着いたかな??
ありがとうございます^^

自己流で変えた部分があるのはいいのですが、
ヘッダーと記事がくっついちゃいました。。。(;;)まだまだ勉強不足ですね。
左に変更する改造はボチボチやっていくつもりです。

これからもステキなテンプレート創りがんばってください~!



2005.06.23 Thu. URL | ねこねこ #- [ 編集 ]

はじめまして。
airをDLして使わせていただきました。とても色使いがキレイで気に入りました。
また、私のブログ名に「月」が入っているのでピッタリです!

まだブログ初心者なのでカスタマイズはしていないのですが、これからちょっとずつやってみようと思います。

これからもテンプレート作り頑張ってください!応援しています(^-^)

2005.06.29 Wed. URL | 紫苑 #qJAJ0cX2 [ 編集 ]

このコメントは管理人のみ閲覧できます

2005.11.12 Sat.  | # [ 編集 ]

こんにちは!
テンプレートのご利用、どうもありがとうございます。
さっそくトップ画像の差し替えの件ですが、わかりづらくて本当に申し訳ないです ...
スタイルシートの編集で、/*ヘッダー設定*/の部分を、

.top{
width:770px;
height:260px;
text-align:left;
background-color:#75b5c5;
background-image:url("お好きな画像へのパス")}

こんなふうに変えてみてください。

なお、background-color は背景色になりますので、画像に似た色に設定しておくと画像が表示される前でも上にある文字などが読みやすくなります。

また何かありましたらいつでもご連絡下さいね。

2005.11.14 Mon. URL | Enif #TluyS4YI [ 編集 ]

どうもご丁寧に教えてくださってありがとうございました。

こちらで画像変更方法をお伺いしてから、テンプレートを使おうと思っていたのですが、早く使いたくて「ウズウズ」して、画像を変更しないまま使い始めております。

写真が多いブログなので、このまま初期設定状態で使うのもいいな~なんて思い始めています(笑)。

でもまた変更したいと思った時に教えてくださった方法で変更したいと思います。

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

2005.11.15 Tue. URL | どり #- [ 編集 ]

写真が素晴らしく綺麗で、美味しそうでたまりません。ご馳走様です。

よかったら是非変えてみてくださいね。一番初めに作ったテンプレートだけあって、なんとなくトップ画像と記事部分がミスマッチでブサイクなので ...
こちらこそありがとうございました!

2005.11.17 Thu. URL | Enif #TluyS4YI [ 編集 ]

はじめまして。
「atmosphere」をダウンロードさせていただき、ブログを更新しています。
カスタマイズというか、自分の使いやすいように配置などを変えて
先日、公開できる状態にしたので、ダウンロードさせていただいたお礼のコメントです。
ステキなテンプレートなので、画像などは変更せず、大事に使わせていただきます。
どうもありがとうございました。

2005.12.08 Thu. URL | いつき #- [ 編集 ]

はじめまして!こんにちは、いつきさん。
素敵なコメントをいただけて嬉しいです。カスタマイズもけっこう楽しいので、大事にと言わずその日の気分に合わせてガシガシ変えてやってください。わたしの書いた汚いソースなので、配置換えだけでも一苦労だったと思います ... 可愛く使ってくださってこちらこそありがとうございます。

2005.12.09 Fri. URL | Enif #TluyS4YI [ 編集 ]

こんばんは。
icon_xmasに続いてatmosphereをお借りしました。
こちらのすっきりしたデザインが好きです。徐々にカスタマイズにも慣れてきました。いつもお世話になってありがとうございます。

2006.01.29 Sun. URL | KEIKO #WJVMNpKg [ 編集 ]

こんばんは!KEIKOさん。
わっ!名護の海、綺麗ですね。夏に名護に行ってきたので何だかちょっと懐かしいです。素敵にカスタマイズしてくださって、こちらこそありがとうございます!

2006.02.04 Sat. URL | Enif #TluyS4YI [ 編集 ]

こんばんは、はじめまして。
airの方をダウンロードさせていただきました。

タイトル画像の部分を自分の撮った写真を加工したものと変えさせていただきましたが、後はほぼそのまんま使っております。

はじめプラグイン対応でなくて苦労するかな、と思っていたのですが、案外簡単にできました。
テンプレートの編集の部分が大変わかりやすく、助かりました。ありがとうございました。

2006.02.18 Sat. URL | 鮎 #WOq6nlhY [ 編集 ]

鮎さん、はじめまして!こんばんは。
プラグインは何だか苦手なので未だに対応させてなくて申し訳ないです。
お手数をおかけしちゃってすみません。
鮎さんが撮られた写真なんですか?深呼吸したくなるような、とても綺麗な空ですね。素敵にカスタマイズしてくださって、こちらこそありがとうございました。

2006.02.21 Tue. URL | Enif #TluyS4YI [ 編集 ]

ありがたく使わせてもらってます。せっかくの空のイメージをぶち壊して申し訳ないです。

2006.03.22 Wed. URL | 幸福あたる #- [ 編集 ]

とんでもないです!「ぼくおこ」可愛すぎです。素敵カスタマイズに感謝!

2006.03.22 Wed. URL | Enif #TluyS4YI [ 編集 ]

atmosphereをお借りしました。
といっても、すぐにカスタマイズしてしまったのでEnifさまのデザインセンスを潰しております・・・(ノ_・。)すみません。

2006.08.30 Wed. URL | mono(mononelly) #grtKToh2 [ 編集 ]

わ!ブログタイトルにピッタリのとても素敵なデザインですね。潰してるだなんてとんでもない、可愛くカスタマイズしてくださって嬉しいです。どうもありがとうございます!

2006.09.01 Fri. URL | Enif #TluyS4YI [ 編集 ]

Airの幻想的な雰囲気が気に入ってお借りしました。
メニューが左にあるのが好きなので、記事のとおりにカスタマイズしたらAirじゃなくなってしまって、途方に暮れています。
もしよかったらAir版左メニューも教えてくださると嬉しいです。
どうぞよろしくお願いいたします!

2006.09.04 Mon. URL | ニナ #- [ 編集 ]

テンプレートのDLありがとうございます!
説明が長くなってしまいそうですので、新しい記事に手順を掲載いたしました。
http://opusi.blog6.fc2.com/blog-entry-115.html
簡単に左メニューに直せるテンプレートじゃなくて本当に申し訳ないのですが、よろしければ試してみてくださいね。

2006.09.04 Mon. URL | Enif #TluyS4YI [ 編集 ]

atmosphereをお借りしています。
MacIEでメニューが落ちるというバグです。日付で言うと回避後のをDLをしているのですが、カスタマイズ以前に既に落ちています。「共有テンプレート」→「A」からDLしたのは本日です。宜しくお願いします。

2006.09.29 Fri. URL | えみ #Vw3fgwu. [ 編集 ]

こんにちは!えみさん。
テンプレートのご利用ありがとうございます。

さっそくご質問の件ですが、MacIEにてカラム落ちしてしまうのは、MacIEのCSSバグとFC2ブックマークボタンのタグが原因です。ただし、ボタンのタグは自動で挿入されてしまうことと、ボタンの表示位置設定によって記述するスタイルシートが違ってくるため、テンプレート制作側では完全に対応することができません。(/* MacIE回避 */ の部分はカレンダーによる表示の崩れを防いでいるだけなんです、申し訳ないです)

対応策は2通りありますのでお好みのほうをどうぞ。

1. スタイルシートで記事内画像の左寄せを解除
/*エントリー部分*/ の .msg img の中にある float:left を削除してください。

2. スタイルシートとHTMLを編集して対応
スタイルシートに以下の記述を追加:
※/* MacIE回避 */より前にお願いいたします。
.fc2_footer{
clear:both}
.fc2_footer a{
border:0px}
.fc2_footer img{
margin-bottom:0px;
float:left}

それからHTMLの編集で、<!-- ▼ メイン&記事 ▼ --> の中の <%topentry_body> と <%topentry_more> の直後にそれぞれ、

<br clear="all" />

を入れてみてください。

MacOS9+IE5.1で確認済みですが、うまくいかない場合は、お手数ですがまたご連絡くださいね。

2006.09.29 Fri. URL | Enif #TluyS4YI [ 編集 ]

はじめまして。

「atmosphere」をダウンロードさせていただいたのですが、お聞きしたい事がありますのでコメントさせていただきます。

共有プラグインのカレンダーを使用したいと思い、プラグインを有効にしたのですが、カレンダーが表示されません。

共有プラグインからダウンロードしたものは使えないのでしょうか。

よろしくお願いいたします。

2006.09.30 Sat. URL | せーたく #0kteuInE [ 編集 ]

はじめまして!せーたくさん。
テンプレートのダウンロード、どうもありがとうございます。
さっそくご質問の件なのですが、申し訳ありません、「atmosphere」はFC2ブログにプラグイン機能が導入される以前に作ったテンプレートですので、プラグインには対応しておりません。プラグイン未対応のテンプレートをプラグイン対応にカスタマイズする方法につきましては、管理者用お知らせブログに掲載されていますので、よろしければ参考になさってみてください。
http://blog.blog2.fc2.com/blog-entry-17.html

2006.10.01 Sun. URL | Enif #/7Ml4DH. [ 編集 ]

>Enifさん

ありがとうございました。何とか、変更できました。

今後とも、よろしくお願いいたします。

2006.10.04 Wed. URL | せーたく #0kteuInE [ 編集 ]

わたしの怠慢のせいで、お手数をおかけしてしまって本当にすみません!
こちらこそありがとうございました、どうぞよろしくお願い致します!

2006.10.06 Fri. URL | Enif #TluyS4YI [ 編集 ]

このコメントは管理人のみ閲覧できます

2006.11.21 Tue.  | # [ 編集 ]

はじめまして、こんにちは!
ご質問の件ですが、画像を左寄せまたは右寄せにしているとなぜか点線が消えてくれるんです。解除してしまった場合は、ブラウザの仕様でどうしてもリンク画像に点線が残ってしまいます。幸いまだお引越し前ということなので、スタイルシートの編集で例えば

.noborder{
border:0px}

という記述を追加しておき、リンクのある画像のタグには

<img src="***" class="noborder" />

このような感じでクラス名を追加しておけば、点線が表示されなくなります。ただ、この方法ですとリンク画像があるたびに毎回クラス名を追加しなくてはなりませんのでちょっと面倒です。

もっと簡単な方法は全てのリンクの点線も含めて削除してしまう方法です。この場合はスタイルシートの編集で /*エントリー*/ の中の .msg a の部分を

.msg a{
color:#5696a6}

こんなふうに変更して頂ければ大丈夫です。

わたしも色々と試したのですが、結局自分でクラス名を挿入する以外に良い方法が見つかりませんでした。せっかくお問い合わせくださったのに、あまりお役に立てなくてすみません。

2006.11.21 Tue. URL | Enif #TluyS4YI [ 編集 ]

このコメントは管理人のみ閲覧できます

2006.11.22 Wed.  | # [ 編集 ]

大変申し訳ありません!こちらの説明が一部間違っておりました。
上記のレスにて「 /*エントリー*/ の中の .msg img の部分を」とありましたが、正しくは「.msg a」の間違いでした ... かえって混乱させてしまってすみません(これから閲覧する方のために、レスは修正させて頂きました)。
ご指摘の通り、1px → 0px への変更でも大丈夫です!何だかもうほんとにグダグダですみません ... また何かありましたらいつでもご連絡くださいね。暖かいお言葉、どうもありがとうございます!

2006.11.22 Wed. URL | Enif #TluyS4YI [ 編集 ]

このコメントは管理人のみ閲覧できます

2006.11.23 Thu.  | # [ 編集 ]

お気遣い、本当に感謝です。
電話するほどじゃないけど、でも元気でやってますよー!安心してね~!っていうのを遠方の家族や友人たちに伝えるにはブログってとても適してますよね。
海外にお住まいとのことで、○○様もどうぞご自愛くださいませ。

2006.11.24 Fri. URL | Enif #TluyS4YI [ 編集 ]

こんにちは。
報告が2ヶ月遅れてますが、airのテンプレートを色や文字の大きさ、行間などをカスタマイズして利用させてもらっています。

スッキリしたデザインで使いやすいです。

2008.01.01 Tue. URL | はやて #hwET37us [ 編集 ]












管理者にだけ表示

トラックバックURL↓

テンプレートの変更

2005.06.19 23:05 | Jeetje

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