Opus-i.plus

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

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
--.--.-- --. | スポンサー広告 | トラックバック(-) | コメント(-) |
ご要望をいただいたので、FC2BLOGの共有テンプレート「air」を左メニューに変更するカスタマイズ方法を紹介したいと思います(ニナさん、どうもありがとうございます)。
ずっと以前、atmosphereでメニューを左にするカスタマイズする方法を掲載しましたが、基本的な流れは同じです。ただ、画像などの指定はairのものに修正する必要があります。詳しいカスタマイズ方法は記事の続きからどうぞ。
まずHTMLの編集で、最後の<!-- ▼ ページ移動フッター ▼ -->の中の<div class="navi" style="clear:both">の clear:both を float:right に変えます。
次にスタイルシートを下記のものに丸ごと書き換えて下さい。

俺はなんとなく右メニューが好きなんで変えないですかね。。。
これはカスタマイズで変えられるのかわかんないですけど、最近機能追加されたFC2ブックマークのアイコンだけを右寄せにすることってできますか??
あと前から気になってたんですけど、画像を右寄せで貼り付けられないのも↑関係してるんですかね??

2006.09.04 Mon. URL | kou #DTv9nbpU [ 編集 ]

あぁっ!kouさん、その節はお世話になりました。
わたしもどちらかと言えば右メニューのほうが好きです!右利きなので何となくクリックする場所が右のほうが落ち着く気がします ...
FC2ブックマークのボタンの位置と画像を右寄せに出来ないのは仰る通りテンプレートのスタイルシートのせいです、ごめんなさい。/*エントリー部分*/の中にあります、

.msg img{
border:3px double #c0c0c0;
margin:4px 10px 10px 0px;
display:inline;
float:left}

が記事中の画像の設定になりますので、この一番下の float:left を削除してみてください。画像の強制左寄せ&文章の回りこみが解除されます。

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

左メニューをお願いしたニナです。
こんなに早くお返事が来るとは思ってなかったのでビックリしました。
早速、カスタマイズして自分好みにすることが出来ました♪

わたしも右利きですが、なぜかブログのメニューバーは左にあるほうが画面がスッキリしているように感じます。人によってこんなに違うのが不思議。

ところで、FC2ブックマークの画像ですが、わたし(WinXP&IE)も強制左寄せになっていました。今は消しちゃっていますが。

それではこの辺で。
美しいテンプレート&丁寧で素早い回答をどうもありがとうございました!

2006.09.05 Tue. URL | ニナ #- [ 編集 ]

ニナさんこんにちは!
今月からは心を入れ替えて(笑)、毎日更新と早めのレスを心掛けてます。カスタマイズ、うまくいったみたいで何よりです♪

メニュー位置は個人的な感覚なんですが、右メニューだとちょっとくだけてる、左メニューは整ってるといったイメージがあるので、たとえば企業サイトで右メニューだと少し違和感を覚えます。ほんと人によって色々で面白いですよね。

それからスミマセン、ブックマーク画像ですが、ぁゎゎ、RSSリーダーにあわせてこのブログの画像左寄せの仕組みを変えたことをすっかり忘れてしまってました ... ニナさんのコメントを読んで、やっと思い出しました。ご指摘本当にありがとうございます、さっそくコメントを修正させていただきました。感謝!

こちらこそとっても助かりました。どうもありがとうございました!

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

あっ確かに企業のサイトとか左メニューってきっちりしてる気がしますね。
俺はくだけた右でいいや(笑)
あともう関係ないですけど、うちもWinXP&IEです。

Enifさんのおっしゃった通りに試してみたんですけど、以前に画像を貼った記事が変形してかなり違和感があったんで結局戻しちゃいました。
あとCSSを↑に変更するとEnifさんのブログはなってないみたいですけど、俺のブログではリンク付き画像の下にリンクの点線が残っちゃうんですよね。。。
変更前(強制左寄せと文章回り込み有り)は大丈夫だったんですけど、記事内のタグの使い方が間違ってるんでしょうかね(汗)

強制左寄せと文章回り込みを解除しないで、FC2ブックマークだけ動かせないかCSSとにらめっこしましたが、、、む、難しい(_ _;)

2006.09.05 Tue. URL | kou #DTv9nbpU [ 編集 ]

うちもくだけた右のままでいいや(笑)
OSとブラウザ、ありがとうございます。わたしもWinXP+IEです。あとはFirefoxとかSafariとか色々です。最近チェックさぼり気味で恥ずかしいです。

リンクの点線が記事内の全てのリンクに付くのはkouさんのせいじゃないですよ!ほんとは付いて当たり前なのですが、なぜか左寄せや右寄せすると点線が消えてくれるんです。

FC2ブックマークだけ右寄せにしたい場合はスタイルシートの設定で、以下の記述を追加してみてください。

.fc2_footer{
clear:both}
.fc2_footer img{
float:right}

それから /*エントリー部分*/ の下から2番目、

.last{
width:502px;
height:84px;
background-color:#ffffff;
background-image:url("http://blog6.fc2.com/o/opusi/file/06_b03.gif");
clear:left}

の中の「clear:left」を「clear:both」に変えてください。

殆どの現行ブラウザでOKでしたが、MacIEですとCSSのバグでどうしてもclearが効きません。MacIEでも綺麗に表示するにはやっぱり左寄せを解除するしかなさそうです。

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

ありがとうございます!
モヤモヤしてたのがすごくすっきりして嬉しいです(笑)
とりあえずWinしか使ってないんで俺は困らないですかね(爆)

MacIEですとCSSのバグでどうしてもclearが効かない>>ちなみにこれってWinのときとどのくらい変わるんですかね?
ブックマークの位置以外も変化しちゃいますか??

2006.09.06 Wed. URL | kou #DTv9nbpU [ 編集 ]

MacIEの場合、ブックマークの位置はきちんと右になるのですが、clearによる回り込み解除が効かず、日付部分まで回り込もうとして記事の幅が拡大、メニューがカラム落ちという悲惨なことになります(´o`;) ... ちなみに通常の左寄せのままでも同様です、すみません。もしMacIEにも対応される場合は、以下の方法を試してみて下さい(MacOS9.2+IE5.2で確認済みです)。

スタイルシートに以下の記述を追加:

.fc2_footer{
clear:both}
.fc2_footer a{
border:0px}
.fc2_footer img{
margin-bottom:0px;
float:right}

それからHTMLの編集で、<!-- ▼ エントリー ▼ --> の中の <%topentry_body> と <%topentry_more> の直後にそれぞれ、

<br clear="all" />

を入れてみてください。

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

やってみました~
MacIE使う機会がないんで確かめることはできないんですけどね(汗)
記事の趣旨からはずれちゃった上にこんな丁寧に回答していただいて本当にありがとうございます!

P.S.メロメロパーク始めてみました(笑)

2006.09.08 Fri. URL | kou #DTv9nbpU [ 編集 ]

いえいえ!何度もお手数をおかけして申し訳ありませんでした、こちらこそありがとうございした!バシッと1発で回答ができるようになりたいです ...

メロメロパークへいらっしゃいませ!(笑)

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

はじめまして。まだ始めたばかりなのですが
テンプレートの「air」をお借りしております。
初歩的な質問になってしまうかと思いますが、突然記事や、その他の部分が太字になってしましました。
前のページに戻ると直っているのですが・・・
これはいったいどうゆう現象なのでしょうか?本当に知識不足で申し訳ないのですが、解決柵がありましたら教えて頂けませんでしょうか?

2006.10.08 Sun. URL | Ten #- [ 編集 ]

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

2006.10.08 Sun.  | # [ 編集 ]

Tenさんはじめまして、こんにちは!
テンプレートのご利用どうもありがとうございます。

さっそくご質問の件なのですが、10月7日の記事、

消えたil||li _| ̄|○ il||li

の直後の閉じタグ、 </strong が原因みたいです。
最後のカギカッコが足りなくてちゃんと閉じられてないため、あとの文章が全て太字になっちゃってるんだと思います。
</strong> に直してみてください。
うまくいかない場合はお手数ですがまたご連絡くださいね。

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

Enifさま、お手数お掛けしました。
無事解決しました。
こんなに早く対応頂き、本当にありがとうございました。
お恥ずかしい程、初歩な質問で申し訳ないです。。。
今後も、綺麗素材が出来た際には応援させていただきます!ありがとうございました。

2006.10.10 Tue. URL | Ten #8iCOsRG2 [ 編集 ]

はじめまして。FC2でEnifさんのテンプレートを見つけ、「air」をお借りしております。素敵なテンプレートを提供してくださって、ありがとうございます!
ところで、「atmosphere」のタイトルの背景が気にいったので、差し替えてしまいました。その他ちょこちょこカスタマイズしておりますが、もし不都合があれば仰って下さい。宜しくお願いいたします。


2006.10.11 Wed. URL | mayu #- [ 編集 ]

はじめまして。こんばんは。
Enifさんのテンプレートに一目惚れしてしまい、現在「air」をお借りしております。とても見やすく気に入っています!

私のブログでは記事によく画像を使っているのですが、サイトのバナーなどの小さい画像にも枠がついてしまっています。小さい画像の時にだけ枠をはずすことは可能でしょうか?プロフィールの画像などにも付いてしまっているので;
教えていただけると嬉しいです。

2006.10.11 Wed. URL | ちこ #IpsFpWPo [ 編集 ]

e-78Tenさん
よかったです!
回答をハズしてて、ほんとはテンプレートのせいとかだったらどうしようとドキドキでしたが、無事解決とのことで安心しました。
こちらこそありがとうございました!

e-78mayuさん
はじめまして!テンプレのご利用ありがとうございます。
不都合なんてとんでもないです、気に入って頂けて何よりです!airとatmosphereの背景をとりかえッコしてくださってるのは他の方のブログでも時々見ます、ほんとはかっちりした黒い線よりairとのほうが相性が良さそうですよね。

e-78ちこさん
はじめまして!こんばんは。
テンプレご利用、本当にありがとうございます。
ご質問の件なのですが、自動的に小さい画像だけ枠を外す、ということができませんので、枠を外したい画像のときだけその都度クラス名を指定、という形になってしまいますがそれでもよろしければ ...

まずテンプレート編集画面で、スタイルシートに以下の記述を追加しておきます。(airの場合でしたら、/*MacIE回避*/より前にお願い致します。)

/*枠なし画像*/
img.nb{
border:0px}

それから記事の編集で、枠を表示したくない画像のタグに class="nb" を追加してください。
例:<img src="***.jpg" width="100" height="100" class="nb" />

プロフィール画像なども、同じように class="nb" を追加することで枠を削除できます。

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

はじめまして。先日、とある所からFC2に移ってきました。
テンプレートをどうしようかと思っていたのですが、Enifさんのサイトに辿りついてホント一目ぼれでした!早速ダウンロードさせていただき、お言葉に甘えてカスタマイズさせていただいています!(オリジナルの写真に変えてしまっていたり…)
いくつか壁にもぶつかりましたが、こちらのブログのコメント欄を拝見して解決いたしました。ただ、もう少し気になっている所があるのですが、ご存知でしたら教えてください。

・記事欄の横幅を可変にすることは可能でしょうか?(3カラムにすると、少し小さいディスプレイになると、スクロールしてしまいまして…)

・広告部分を、プラグインのフリーゾーンへ移動するにはどうすればよいでしょうか?(何度か試してみたのですが、既存の部分が消えてくれず、既存と追加二重表示なってしまいます…。Enifさんのような表示がすっきりして、いいな~と思いまして。)

突然質問ばかりですみません。。

2006.10.15 Sun. URL | とも #JCQSQX3g [ 編集 ]

ともさん、はじめまして!こんにちは。
わざわざコメント欄まで目を通してくださったんですね、どうもありがとうございます。
ヘッダーの写真はともさんが撮られたんですか?すごくカッコイイですね。羨ましい!

さっそくご質問の件なのですが ... ここで配布しているテンプレートは画像でガチガチに固めてしまっていますので、全てのブラウザに対応させつつ可変にするというのはわたしのスキルでは不可能みたいです、ごめんなさい。
ちょっと幅が狭くなりますが、800×600でも横スクロールが出ないレイアウトのものが、↓のページにありますのでよろしければ参考にしてみてください(ちょっと不細工ですが)。
http://opusi.blog6.fc2.com/blog-entry-95.html

広告の件ですが、もしプラグインを使用されているのでしたら、フリーエリアに広告を入れた後に、<!-- ▼ RSS&管理モード&FC2 ▼ --> の中の

<li><span class="rpro"><%ad><%ad2></span></li>

の部分を <!-- ▼ プラグイン無効時 ▼--> ~ <!-- △ プラグイン無効時ここまで △ --> のどこか適当なところへ入れておけば大丈夫だと思います。

うまくいかないようでしたらお手数ですがまたご連絡くださいね。

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

Enifさん、早速のコメントありがとうございます。

ヘッダの写真は、私が撮りました。先日の旅行のベストショットだったもので、ブログに載せたくて…(^^;

質問の件、どうもありがとうございます!
そうですよね、横幅の小さい画像を指定すれば…。やってみます!広告の件は、うまくいきました!自分でいろいろやってみたのですが、知識不足で及びませんでした。。助かりました。ただ、どうしても中身がセンター配置になってしまいました…。

<div style="text-align:left;">

を始めに指定しているのですが、なぜでしょうか?度々すみません。。

2006.10.18 Wed. URL | とも #JCQSQX3g [ 編集 ]

ともさん、こんにちは!
ヘッダー画像、本当に素晴らしいですね。
写真が上手な方ってすごくすごく羨ましいです。

前回の広告表示についてなのですが、こちらの言葉が足りなくてすみません、広告は移動させるだけではなくて、どこかもう1箇所、フリーエリアなどにも <%ad> と <%ad2> を入れておいてください。わたしのせいで万が一、FC2に広告を故意に非表示にしているとみなされてしまうと申し訳ないので ... 。

それから、センター配置になってしまうというご相談の件ですが、これはセンター配置になっているわけではなく、プラグインに設定している余白に、元々のメニュータグに設定されている余白が足されて、右に寄ってしまっています。
フリーエリアに入れるHTMLタグは

<!-- &freeareaの中にHTMLが代入されます。 -->
<p class="plugin-freearea" &align>
<ul>
<li><span class="rpro"><a href="http://northernlights77.blog79.fc2.com/?xml"><font size="2">RSS1.0</a> | <a href="http://northernlights77.blog79.fc2.com/?admin">管理モード</font></a></span></li>
<li><a href="http://fc2.com" target="_blank"><font size="2">Powered by FC2</font></a></li>
<li><a href="http://opus-i.biz" target="_blank"><font size="2">Template by opus-i</font></a></li></ul>
</p>

だけにしてみてください。
お手数ですがよろしくお願いいたします。

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

お褒めいただいて、なんだか恥ずかしいです(笑)ありがとうございます。
早速試してみましたところ、少し見え方が変わったのですが、まだセンタリング状態でございます…(^^;
きっとどこかおかしいのですよね…。「プラグインの設定」→「HTMLの変更」に上記のコードを丸ごと入れ、「設定の変更」は空です。(逆も試してみました)
すみません。。けど、なんだかこれはこれで見慣れてきました(^^;
ご丁寧に教えていただいてありがとうございます。

2006.10.19 Thu. URL | とも #JCQSQX3g [ 編集 ]

いえいえ!度々お手数をおかけしてすみません。
全体を見直してみたところ、スタイルシートで #container の text-align:left; を text-align:center; に変えてらっしゃるのが原因のようです。このためブログ全体の初期設定が真中寄せになってしまっています。
この場合、フリーエリア内のPタグを左寄せにしても効果はありませんので、もうひとつ上のDIV要素で左寄せを設定してあげる必要があります。スタイルシートのどこか、/*MacIE回避*/ より前に、次の記述を追加してみてください。

div#pg-freearea{
text-align:left}

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

Enifさん、ありがとうございました!
おかげさまで、左寄せになりました!いろいろ教えていただいているうちに、少しだけですが、分かってきたような気がします。これからも少しずつ勉強して、Enifさんみたいな素敵なサイトが作れるように頑張ります(笑)

2006.10.19 Thu. URL | とも #JCQSQX3g [ 編集 ]

とんでもないです!
わたしのように、訳のわからないサイトを作ってはダメですよ(笑)
無事、左寄せになってみたいでよかったです。こちらこそありがとうございました!

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

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

2006.11.05 Sun.  | # [ 編集 ]

こんにちは、はじめまして!
テンプレートのご利用ありがとうございます♪

さっそくご質問の件なのですが、ソースが汚いためにご迷惑をおかけしちゃって申し訳ないです。記事とコメント・トラックバックの間に表示させたいとのことで、ちょうどこのブログでバナーを表示している位置でも大丈夫でしょうか?

HTMLの編集で、<!-- ▼ コメント表示 ▼ --> のすぐ直前に、

<div class="navi">☆ランキングバナーのタグ☆</div>

こんな感じでバナーのタグを入れてみてください。
それから、スタイルシートの編集で /*ページ移動*/ の中の

.navi{
padding:0px 0px 20px 0px;
width:354px;
background-color:#fff;
background-image:url("http://blog6.fc2.com/o/opusi/file/06_white.gif");
text-align:center}

の部分の width:354px; を width:502px; に変更して下さい。もともと真中寄せになっていますので、<center> タグなどは入れなくても大丈夫です。

で、ここからはお詫びなのですが ... この354pxというのはわたしのミスで、本来なら最初から502pxにしておくべきでした。354pxにしてしまっていたせいで、表示がすこしおかしくなっていました。でも、○○さんのおかげで間違いに気づいて修正することが出来ました。匿名希望とのことでお名前を出せないのが残念ですが ... 本当に本当にありがとうございました!

バナーの表示位置ですが、もし違うご希望がありましたらまたご連絡くださいね。

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

Enifサマ

ありがとぉござぃま――――ッす!!!!
こんなにお早いレスなんて、、
感謝感激でございます!!!(T▽T)〃
早速、設定してみました☆
ヲタブログで恥ずかしいです・・

ランクリ前面っていうのがイヤだったので、ココに置きたかったのですが、これでクールにランキング参加できそうです(笑)
といっても、上位希望ですけどww

お忙しい中、くだらない質問で恐縮です。。
失礼ながらもぅ1つ質問よろしいでしょうか・・
Enifさんのブログのような記事の文字色は、
どのように設定するのでしょうか。
もし、重複している質問でしたら、申し訳ありません。
よろしくお願いします。
(urlをつけてませんが、匿名希望でバナーの設定の質問をさせていただいたものです。)

2006.11.06 Mon. URL | mimi #- [ 編集 ]

mimiさん、こちらこそありがとうございます!!
バナー、さりげない感じでいいですね。カゲながら応援させていただきますね~!

記事の文字色ですが、スタイルシートの編集で /*エントリー部分*/ の箇所をこんなふうに変えています。

.msg,.write{
padding:14px 20px 0px 20px;
color:#666;
line-height:1.7}

※ピンクのところが変更部分です。

このくらい薄いほうが読みやすいような気がしてきたので、近いうちに共有テンプレートも変更するかもしれません ...
また何かありましたら、いつでもご連絡くださいね!

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

Enifサマ~☆

あぁ、ネ申です!!ホントにありがとぅござぃます!!!!!!!
なんてレスが早いのでしょう!
大ファンになりそぅです。・・アッ!既に前から大ファンでしたww

これからも、こちらにお邪魔させて下さい。
urlを表示できない不審者ですが(笑)、どぅぞよろしくお願いしマス!!

2006.11.08 Wed. URL | mimi #- [ 編集 ]

mimiサマ~☆

こんなところでよろしければいつでも遊びに来てください♪
ひどいときは1ヶ月くらい平気でブログを放置しちゃってますが、これからはコマメな更新とレスを心掛けますので、どうぞよろしくお願いしマス!!

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

初めまして。
2カラムのスッキリしたテンプレートを探していたらこちらにたどり着きairに一目ぼれしてしまいました。
只今ダウンロードさせてもらい、あれこれ作業中です。
そこでリンクの設定で質問なのですが、プラグインの追加でフリーエリアを追加し、その中にリンク設定すると、その部分だけ色が違ってしまいます。(青や紫)
これを他のリンクと同じ設定にするには、どうしたらよいのかお分かりであれば教えて頂きたいと思います。
追加しただけ、CSSに何か手を加えなきゃいけないのでしょうか・・・。

お手数おかけしますが、よろしくお願い致します。


2006.11.16 Thu. URL | 海 #zyfI4hQo [ 編集 ]

はじめまして!海さん。
テンプレートのDL、どうもありがとうございます。

さっそくご質問の件なのですが、追加した分だけ記述する必要はありません。一括で指定が可能です。

スタイルシートのどこかに

.rmain a{
color:好きな色(16進数);
}

こんな感じの記述を追加するだけで大丈夫です。
airをプラグインに対応させたときは共有プラグインも無く、まさかこんなにプラグインの種類が続々と増えていくとは思わなくて、その時点で存在してたプラグインしかスタイルシートを設定していませんでした。airも再更新が必要かもしれませんね ...

こちらこそお手数をおかけしてしまって申し訳ないです。

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

迅速な対応ありがとうございます!
教えて頂いた通り設定したら、思い通り出来ました。
また何かありましたらよろしくお願いします。
このような初心者の質問に答えていただきありがとうございました。

2006.11.17 Fri. URL | 海 #zyfI4hQo [ 編集 ]

始めから設定しておくべき部分なのに本当にすみません。
こちらこそありがとうございました。
汚いソースなので申し訳ないのですが、
カスタマイズ頑張ってくださいね!

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

再び質問です。
すっかり頼り切ってしまっていることお許し下さい・・・^^;
次なるカスタマイズで、
http://bisco.blog2.fc2.com/blog-entry-6.html
の追記の展開に挑戦しているのですが、展開はするものの、more...が表示される場所が左ギリギリに寄ってしまい、追記の文章全部がすべて左ギチギチになってしまいます・・・。
そしてまたもやリンクの色も青・紫になってしまい。
これもまたスタイルシートを直す必要があるんでしょうか。
今現在は前のテンプレのままで、上手に質問できなくてすみません。

よろしくお願いします。

2006.11.18 Sat. URL | 海 #zyfI4hQo [ 編集 ]

こんばんは。はじめまして。
airにしたいな~なんて検討しているんですが、ちょっそ質問があります。
引用の「Q」っていうのかな、それを四角いきっちりした「枠」で囲むような仕様にならないでしょうか?
いきなりきていきなりの質問で申し訳ありません。よろしければお答えくださると嬉しいです。お願いします!^^

2006.11.18 Sat. URL | ココロ #mQop/nM. [ 編集 ]

e-78海さんへ
ごめんなさい!せっかく頼ってくださったのに本当に申し訳ないのですが、レイアウトの崩れについては様々な原因が考えられますので、実際にソースを拝見してみないことには適切なアドバイスができません。

尚、ブログテンプレートの記事に書いておりますように、基本的にカスタマイズ後の不具合については対応していません(もちろんお力になりたいのですが、ここでお答えしてしまうと他のお断りしてきた方達にも申し訳ないので ... )

折りたたみについてはスクリプトの作者の方、又はサポートフォーラムへご質問いただくと、わかりやすい回答が得られると思います。本当にすみません!

e-78ココロさんへ
こんばんは、はじめまして!
テンプレートのご利用ありがとうございます。

ご質問の件ですが、スタイルシートの編集で以下の記述を追加してみてください。(この場合ですと灰色の線で四角に囲まれます)

blockquote{
clear:both;
border:1px solid #ccc;}
blockquote p{
padding:9px}

即席なのでうまくいかないブラウザがあったら申し訳ないです。
(IEとFirefoxで確認済みです)

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

了解しました!
ちゃんと読んでいなく申し訳ありませんでした。
ちょっと頑張ってみますね。
完成した際にはまたご報告にあがれたらと思っています!

よろしくお願いします!

2006.11.20 Mon. URL | 海 #zyfI4hQo [ 編集 ]

いえいえ!とんでもないです。
ちゃんとわかりやすい場所に書いていないわたしが悪いんです。
テンプレートを作ったときは、まさかこんな沢山の方達にダウンロードしていただけるとは思っていなくて、利用規約もFAQも何もまとめてなく、近いうちにきちんとしようと思いながらもそのままになってました ...
お手数をおかけしてしまってすみません!

左寄せやリンクが初期設定の色になってしまうのは、タグの閉じ忘れ等でなければ、海さんの仰るとおりスタイルシートの変更が必要になってくると思います。追記部分等を全て書き換えるスクリプトのようですので、最初にあったクラス名も忘れずに記述すれば大丈夫だと思います。

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

試行錯誤しつつも、なんとか成功していってます^^
全くの初心者ですが、あ、なるほどね♪と少しずつhtml、スタイルシートが分かり始めて来た所です。

上の件は、やはりすべて入れ替える用に書かれていたところを、クラス名を残して入れ替えた所成功しました。
これでまたひとつ勉強になりました。

あとは、Enifさんの今お使いのテンプレのように横カレンダーを入れたい所ですが、これはどうも難しそうで断念しそうです^^;
それでも大分理想に近づいて来ました^^
いつも早いコメントレスありがとうございます!

2006.11.20 Mon. URL | 海 #zyfI4hQo [ 編集 ]

「air」を使わせていただいております。左メニューへの変更をこちらを参考にしてカスタマイズすることができました。
ありがとうございました。

2006.11.20 Mon. URL | crosswalker #wH5N6uVY [ 編集 ]

e-78海さんへ
成功しましたか!すごいです!
おめでとうございます♪

カスタマイズ後の不具合にお答えできないのは、わたしが勉強不足なので、他の方によって書かれたソースを解読できる自信がないからなんです(海さんのように他人のわたしが書いた、汚いソースを元にカスタマイズできる方って本当に尊敬してしまいます) ... なので、テンプレートの中で特に変更していない箇所や、新規の部分のカスタマイズでわからないことがありましたら遠慮なくお聞きくださいね。

横カレンダーですが以前にも同じ質問をいただいていますので、回答コメントのURLを載せておきます(ほんと早くFAQ等にまとめなくちゃダメですね)。
よろしければ参考までにご覧下さい。
http://opusi.blog6.fc2.com/blog-entry-101.html#comment506

e-78crosswalkerさんへ
季節感たっぷりの雪だるまのヘッダー画像がとても素敵ですね!
こんなわかりにくいすみっこに載せてしまいましたが、わざわざ目を通して頂いたみたいで嬉しいです。こちらこそありがとうございます!

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

おはようございます。
横カレンダー教えていただきありがとうございました!
おかげで出来ましたー。
朝からニコニコです^^

Enifさん大ファンになりました^^
これからも応援させて頂きますね!

2006.11.21 Tue. URL | 海 #zyfI4hQo [ 編集 ]

おはようございます!
うまくいきましたか、よかったです♪
色々お手数をおかけしちゃって本当にすみません。
海さんの撮られる写真はお料理がとっても美味しそうで、すごく羨ましいです。テンプレートがうまく引き立て役になってくれることを祈ってます!

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

こんばんは。
まだairに替えてないんですが、ダウンロードしているairのスタイルシート部分を恐る恐る替えてみましたら出来ました~♪本当にありがとうございました!^^
微妙~に凹んでるような引用枠も素敵なのでこれからそんな仕様も考えてみてください。な~んてずうずうしいですね。(苦笑)

airは、すっごくセンスのいいテンプレートで人気が高いのは当然かと思います。これからもシンプルなものを心待ちにしています。
これから、プラグインが左サイドにできるかもやってみます。でもこんなに多い要望や質問に答えて頂けてとても感激です。実は期待してなかったんです。ファンが多いので。(笑)また寄せていただきます。

2006.11.22 Wed. URL | ココロ #mQop/nM. [ 編集 ]

うまくいったみたいでホッといたしました!
そういえば引用枠とかは全然装飾してないんですよね。インデントされてるだけじゃ味気ないので、ココロさんの仰る通り、少し飾ったほうがよいかもしれませんね。今度作るテンプレートには盛り込んでみようかと思います。ご要望、ありがとうございます!

airなんかより人気のテンプレートはたくさんあるんです、でも配布元が閉鎖されたり、共有から削除されたりしてしまって。それで古くからあるせいでDL数の多いairが目立って見えるだけなんです。いつでもヒマしてますので、何かありましたらお気軽にどうぞ!

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

やっとご報告に上がれました。
なんとかカスタマイズも終わり、無事公開までこぎつけました。
いろいろいじってしまったので、もし何かひっかかる点があればご指摘下さい。
最後の最後で、コメント投稿欄がまた崩れてしまいFC2フォーラムに駆け込みました。
やはり私のケアレスミスでした^^;

Enifさんにも本当にお世話になりました。
ってこれからもお世話になります!

2006.11.22 Wed. URL | 海 #zyfI4hQo [ 編集 ]

こんにちは。左もできましたが、なんとなくairは右のほうがいいような気もして右のairに今日替えてみました。主のテキストを少しグレーぎみにしました。っていうか危なくてこれしかいじれなかったんですが。でも、リンクの色だけは替えることができました。1個目.msg a:hover(これがリンクの色が替わるところかと)のところを替えたらできました。もう一つ.more a:hoverがありますが、こっちはまだ何かが判らないです。(苦笑)

同じものを使っている親しいかたがいるのでマネしたみたいになっちゃうし、まだ判りませんが、取りあえずairにしてみました。とにかくずっと大切にしていこうかと思っています。
引用の枠のこと‥考えてくださるとのこと嬉しいです。「微妙な凹みの薄い水色やグレーのバックグラウンド」など‥airもまたそんなバージョンがでたら嬉しいです。(笑)
ホントにありがとうございました。

2006.11.22 Wed. URL | ココロ #mQop/nM. [ 編集 ]

e-78海さん
カスタマイズ完了、おめでとうございます♪♪
ヘッダー写真といい、見易さ、可愛さといい本当に素敵ですね!わたし、海さんには個人的に是非テンプレ作りをオススメしたいです。それにしてもFC2フォーラムの方の迅速・的確なコメントはすごいですよね。頭が下がります ...
こちらこそ色々とお世話になり、ありがとうございます!これからもよろしくお願いいたします。

e-78ココロさん
こんにちは!
わかりにくいソースで申し訳ないです、「.more a:hover」は追記部分へのリンク文字「More ..」のマウスオーバー時の設定です。ココロさんのブログは追記を使われていないようですので、無くてもいいかもしれませんね。
凹みですが、airは記事の背景が白いのであまり凹んでるっぽく見えないんですが(背景が中間色のほうがもっと凹んで見えます)、この前追加していただいたスタイルシートの部分の blockquote を、

blockquote{
clear:both;
border-top:1px solid #aaa;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
border-left:1px solid #aaa;
background-color:#eee}

こんなふうに変えてみてはいかがでしょうか。
色が気に入らない場合はいろいろ変えて試してみてくださいね。

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

こんばんは~♪^^
うわ~~~♪作ってくださったんですね。嬉しいです~♪まさか‥と思っていたのでお礼が遅くなっちゃってすみません!^^;

凹んでなくても色があるとまた気分が変わりますので本当にアリガタイです。さっそく替えてみました。良かったらみてください。タマに色もいろいろと変えてみますね~。本当に何と言ったらいいのか‥言葉がみつかりませんが、ありがとうございました♪^^ますますのご活躍を期待しています。(笑)

2006.12.01 Fri. URL | ココロ #mQop/nM. [ 編集 ]

こんにちは。昨日は気付かなかったんですが、ちょっぴり凹んでみえますね。(笑)
前の線だけのソースと見合わせて少しだけ自分なりに応用してみました。枠の内側のスペースを足してみました。色も少しだけ替えました。私がこんなことできるなんて画期的です。すっごく嬉しいです♪これはairが素敵だからだと思います。だってそうじゃないかったら、他の枠ありに替えればいいんですから。(笑)
Enifさんのお蔭です。本当に感謝します♪^^

2006.12.02 Sat. URL | ココロ #mQop/nM. [ 編集 ]

そうなんです、背景が白だと枠の光ってる部分が表現できないので、凹凸がわかりにくくてあまり凹んでるように見えないんです。申し訳ない ...
でも色々素敵にカスタマイズしてくださって本当にありがとうございます!
また何かありましたらいつでもご連絡くださいね。

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

こんばんは。
すみません。また質問しにまいりました。
airを左メニューでカスタマイズしてみたのですが、
コメント投稿欄や編集欄の入力フォームが、
左に寄り過ぎてしまうんです。
こちらをもう少し右よりにしたいのですが、
何か方法はありますでしょうか?
重複の質問となりましたらお許しください。

2007.03.12 Mon. URL | mimio #X7f0W6P. [ 編集 ]

こんばんは!mimioさん。
テンプレートのご利用、どうもありがとうございます。
写真やアイコンを可愛くカスタマイズして下さってて感激です!

ご質問の件ですが、大変申し訳ありません。テンプレートの「air」は昨年12月に少し編集してHTMLが変更になったのですが、その際にこちらのカスタマイズ記事のCSSのほうも変更しておくのを忘れてしまっておりました。

お手数ですが、スタイルシートの編集で /*エントリー部分*/ の中の .msg の部分へ

.msg,.write{
padding:14px 20px 0px 20px;
color:#313131;
line-height:1.7}

こんなふうに「,」と「.write」を追加して頂いてもよろしいでしょうか。これでコメント投稿、及びコメント編集欄が左に寄りすぎずレイアウトされると思います。

mimioさんのおかげでミスに気づくことができました、本当にどうもありがとうございました。記事のほうもさっそく修正させて頂きました。ご迷惑をおかけしてしまってすみません、よろしくお願いいたします。

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

Enifさん
どうもありがとうございます!!
教えていただいた方法で修正することができました^^
お手数おかけいたしました~!

2007.03.15 Thu. URL | mimio #X7f0W6P. [ 編集 ]

いえいえ、こちらこそお手数をおかけしました。
どうもありがとうございました!

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

お世話になっています。
以前、HN「まーちゃん」でサイドバー折りたたみ方法を質問いたしました。
今はHN変えまして、まぁとしております。
お忙しい中、わがままな質問へのご回答有難うございました。
コメントを拝見し、皆様へのご丁寧なご回答に本当に頭が下がります。
初心者のわたしでも分かるヒントがあり、とても為になっております。

今、夏らしくということで、airを利用させて頂いています。
Enif様のように上部にAdSenseと検索を入れたく、勝手で恐縮ですが、
真似させて頂きました。
当然、不愉快に思われると思いますので、ダメでしたら外します。
お忙しい中、また下らない質問で恐縮ですが、ご回答頂けますでしょうか?
宜しくお願い申し上げます。

2008.06.28 Sat. URL | まぁ #- [ 編集 ]

まぁさん、こんにちは!
こちらこそお世話になっております。
折りたたみの件では本当に申し訳ありませんでした。
Javascriptはいつも配布されているものをそのまま使っているだけですので、解説も何もできず情けない限りです。

ご質問の件ですが、もちろんかまいません。
不愉快だなんてとんでもないです、HTMLソースやスタイルシートでわたしに許可等を求める必要はありませんので、何か参考になるものがありましたら遠慮なくお持ち帰りください。
やはり検索フォームは上部右側にあるのが使いやすいですよね。
また何かありましたらいつでもご連絡くださいね。

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

早速のご快諾、有難うございました!
上部を有効活用されてるのがさすがだな、と思いまして。

また、質問コメントの時、結構、緊張するんです。
先の問い合わせも、緊張していたせいか、固い文章だなと思いました;
それに対して、いつもお優しい回答を下さるのでほっとします。

Enif様のテンプレは大好きです。
お忙しいと思いますが、また楽しみにしています♪
有難うございました。

2008.06.28 Sat. URL | まぁ #- [ 編集 ]

まぁさん、こんばんは!
最近は特にヘッダーやフッターをうまく活用しているブログが増えてきていますね。
まだまだうちも改善の余地があるなぁと勉強になります。

わたしもコメントするときはすごく緊張してしまいます。
日常で文章を書く機会が少ないので、あれこれ考えているうちに返信に1時間近くかかることもザラです ...
まぁさんの文章はちっとも固くないですよ。
丁寧で読みやすい、綺麗な文章でとっても羨ましいです。
こちらこそありがとうございました♪

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

ハ琥蒡 ト? ??! ヌ瑾頸  <a href=http://tatarplanet.ru>メ瑣瑩?韜 ?鶯</a>.

2010.05.10 Mon. URL | 呀鰰韵褂 #IwBE9GbY [ 編集 ]

?萵纈 碌繻! 寰 闔粤謌鴆? 退跏 蓁鱚鞳骰鉗 轢粨鉗?摩艾 ? 笂? 闔 驟鱶 蔡袱 韲 閠頸辮蕈 銜 碌繻 釶鈕璢踵 跏韲碼 褌跫琿蓍 轢關蓐辮 TRUSSARDI , DAVIDOFF 蓚 ESTEE LAUDER 粳? 驍鈬 譫瘉跪?代舮 逶 關鉐鴈 褌骭鉐 , 邇 ? 辣 鉐鰰轢硅萵琺?, 矼糶 邃 鴈 粮諞逶 癪鴾 鴾 跏辷赭譛逶 逶? 碆 轢 26 髓鞐辷 闔蔡褌礦袱 ? 轢 鴈  蔡袱? 礦粫跪 銜 赭窶艾 骼碌繻 辣籥硴? 邇 逶 鰰 2-3 鞐艢 跂逵  鉐鰰譛逶?
<a href=http://www.mixmir.net/magazin/834.html>www.mixmir.net/magazin/834.html</a>

2010.05.20 Thu. URL | toha_dnepr #7d0klI8U [ 編集 ]












管理者にだけ表示

トラックバックURL↓

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