TEMTEM★倶楽部
FC2・テンプレート制作用ブログ♪
PCテンプレ【anzu-tp2_02】
［No.30］ 2007/09/29 (Sat) 09：26
【anzu-tp2_02】*ピンク・オレンジ系 *２カラム
*右メニュー(変更可)
*別館テンプレ「02」のリメイク版
［見本］
［動作確認］
IE6.0。FireFox2.0。Netscape 7.1。
［杏から一言］
別館［TENTEN★くらぶ］のテンプレート『ayu-tp2_02』のリメイク版です。
使ってた素材をバラして使ったり、新しい素材を使ったり……で、見た目、まったく違ってしまったかも…(^^ゞ
前のテンプレは、今見ると、タグがめちゃくちゃで、我ながら、「よくこんなんで皆様に使って頂こうと、登録できたもんだわぁ〜////」と恥ずかしい限りの作品です。
なので、リメイクしようと思ったんですけどねf(^ー^;
プラグイン１と２はサイドメニューに、プラグイン３は、トップページのみ記事上に来るように設定してあります。
記事上表示が必要ない場合は、管理ページからカテゴリーの設定にて、プラグイン１or２にカテゴリーを移してください。
［サイドメニュー位置変更可能］
サイドメ二ューの左右位置を変更することもできます。
詳しい変更箇所は、[続きを読む]に書いてありますので、参考にしてください。
［画像アップ］
記事横幅は「500px」です（内部幅はこれ以下）。
この範囲に収まる画像横幅でお願いします。
大きい画像を使う方は、サムネイルを活用ください。
［お願い］
ダウンロードされた方で、使用に不具合があった方は、この記事下に書き込んでください。
お尋ね頂いた内容＋解決法は、今後のために、内容のみブログに記載させて頂きますので、ご了承ください。
原因究明に時間がかかることもあり、お返事が遅れたり、後の書き込みの方の返事が先になったりすることもあると思います。
《9月30日17時40分：再登録済み》
［不具合］
Ｍａｃ/Safariでの表示の不具合があり、修正しました。
以前のテンプレでは、表示されないとの指摘があり、修正登録しました。
修正箇所詳細は、コチラをご覧ください。
［サイドメニュー左右変更方法］
「スタイルシートの編集」内の下記の赤太文字を変更してください。
このままコピペしてもＯＫです。
/* 本文部分ブロック */
div#primary-column {
float : right;
width : 500px;
voice-family : ""}"";
voice-family : inherit;
}
/* アーカイブ関連ブロック */
div#secondary-column {
float : left;
width : 250px;
}
コメント
anzu-tp2_02を使わせていただきたいのですが...
anzu-tp2_02のかわいさに一目惚れして、ぜひお借りしようと思ったのですが....表示されません（涙）。
Mac OS10でブラウザはSafariです。
見えるのはタイトル部分のみで、横カレンダー以下がまったく出ません。全面に背景画像があるだけです。
ちなみにこちらのブログも同じようにタイトルしか表示されません。
今はFirefoxでコメントさせていただいています。
とても素敵なテンプレなので使えると嬉しいのですが、私のブログを読んでくださる方にもMacユーザが少なくないので、問題を解消してから切り替えたいと思っています。
すでにDLはさせていただきました。HTMLかCSSに手を加えて直せるようなら、お手数ですが方法をご紹介ください。
よろしくお願い申し上げます。
お借りいたしました。ありがとうございます。♪
可愛らしいテンプレートお借りいたしました。
ありがとうございました。
PCは「ど」のつく素人なので、うまく使いこなせるといいのですが・・・。
また新作お待ちしています。
suiさんへ
うちはＭａｃではないし、Safariもインストールしてないので、『たぶん』でしかお答えできないのですが…。
「いろんなブラウザでテンプレートを確認できるサイト」で確認しただけなので、ｓｕｉさんの方で試して、できた・できないを教えてくださいm(__)m
「HTMLの編集」内の、“<div id="wrapper"><!-- wrapper -->”のタグを下記の太青文字の位置から、太赤文字の位置に変更してください。
<!-- ブログタイトル＆説明文：ここから -->
<div id="branding"><!-- branding -->
<h1><a href="<%url>" accesskey="0" title="<%blog_name>"><%blog_name></a></h1>
<p><%introduction></p>
</div><!-- /branding -->
<!-- ブログタイトル＆説明文：ここまで -->
<div id="wrapper"><!-- wrapper -->
<!-- 横カレンダー：ここから -->
<div class="line-calender">
<a href="<%prev_month_link>"><%prev_month>月≪</a>
<b><%now_month>月</b>/<!--calender2-->
<span class="day"><%days></span>
<!--/calender2-->
<a href="<%next_month_link>">≫<%next_month>月</a>
</div>
<!-- 横カレンダー：ここまで -->
<div id="wrapper"><!-- wrapper -->
<div id="primary-column" class="column"><!-- primary-column -->
<!-- プラグイン３（記事TOP）：ここから -->
ちゃんと表示されますか？
コットンマアムさんへ
気に入って頂いて、嬉しいです♪
ピンクを多用し過ぎかな？との思いもあるんですけどねぇ。
使って頂けたら幸いです(*^^)v
できました！
修正した結果、ちゃんと表示されるようになりました！
思った通りの素敵なテンプレです。
ありがとうございました。
このお菓子箱みたいなテンプレもかわいいですね。
教えてください。
明日から１０月。テンプレートも衣替えしようと思い、可愛いテンプレートを発見！！
ＤＬさせて頂いて、編集しているところです。
・・・でも、どうしても分からないところあります。
教えてください。宜しくお願いします。
�．螢鵐�、検索、ＲＳＳを見本のように、サイドメニューにしたい変更したい。
suiさんへ
ちゃんと表示されて良かったです。
Ｍａｃの方にもみえるように、「01」「02」の方も修正して、登録しなおしますね。
教えて頂いて、良かったです。
じゃなかったら、ずっとそのままでしたし…。
これからのテンプレートも、その辺、気をつけて作成していきますね。
ありがとうございました。
☆花花紅葉☆さんへ
質問のことですが、今のブログを拝見させていただくと、ちゃんと、リンク・検索・ＲＳＳともに表示されてますが、杏のテンプレートに変更すると、表示されないってことでしょうか？
現在お使いのテンプレートは、プラグイン対応でしょうか？
（確かめ方は、管理画面→プラグインの設定の画面で「プラグインに対応しています」と出てれば、プラグイン対応テンプレートです）
もし非対応なら、プラグインでリンク、検索、ＲＳＳを追加して頂くと、表示されると思います。
どうでしょう？
すいません
分かりづらい質問の書き方をしてしまったようで・・・すいません。
杏さんのテンプレートにすると、リンク・検索・ＲＳＳは表示されるのですが、
編集前のテンプレートでは、記事が表示される場所の一番最初にきています。
記事の一番は、新しい記事にしたいと思っています。
杏さんの見本をみると、サイドに表示されているようなので、
私も同じように変更したいと思っているのですが、
編集画面で色々試していますが、出来ません。。。
どのようにしたらいいのでしょうか？
☆花花紅葉☆さんへ
記事上に表示される「リンク・検索・ＲＳＳ」を、サイドにってことですね。
あの記事上は、プラグイン「3」が入ります。
☆花花紅葉☆さんのブログのプラグインの設定で、リンク・検索・ＲＳＳの３つが、そのプラグイン「3」に設定されているのだと思います。
なので、管理ページ→プラグインの設定→プラグインカテゴリ３に入っているメニューをプラグイン１か２に移してください。
それで解決すると思います。
解決しました！！
カテゴリーを変更してみたら解決しました！！
ご丁寧に教えて頂き、ありがとうございました。
記事タイトルのNEWマーク
とっても使いやすくて見やすいです。ありがとうございます。
記事タイトル横のNEWマークなのですが、２４時間を過ぎても消えません。
なにが原因なのかよくわかりません。分かれば教えて戴ければと思います。
よろしくお願いします。
解決しました！
var today=new Date(); と function nw(u1,u2,u3,u4) { の
順序を入れ替えてみたら消えました。
お騒がせしました。ペコリ(o_ _)ｏ))
がるぼさんへ
でもすごいですね〜。
杏はスクリプトはまったく判らないので、そういう試し方も思いつきません。
勉強になりました。
でも、何が原因なのでしょうね(?_?)
こんにちは♪
テンプレートのことはまったくの素人です。宜しくおねがいします。
こちらのプレートがかわいらしいのでダウンロードさせて頂きました。
でもサイドにいろんなものを付属しているため２カラムだと
とっても長くなってしまうので現在使用していません
そこでお聞きしたいのですが使用せて頂きたいので
３カラムにすることは可能なのでしょうか
おい森ママさんへ
３カラムにするには、３カラムタグを入れる必要があります。
これがなかなかに複雑で、面倒なの…(^^ゞ
サイドメニュ−幅や、記事幅も小さくしないとダメなので、使ってる画像なども変更しないと。
なので、お時間を頂ければ、３カラムに作成しなおし、杏のブログ内記事で、「HTMLの編集」と「スタイルシートの編集」の中身を表示して、おい森ママさんの方で、コピペして頂く事になりますけど、よろしいですか？
ありがとうございます♪
本当にこんなことをお願いしても良いのですか
３カラムにして頂けるのはとってもうれしいです
杏さんの都合もありますでしょうから
空いている暇な時間にのんびりとやってください。
楽しみに待っています
お手数をおかけしますが宜しくお願いします
＞ちなみにパソコンも基礎を知らない初心者です
おい森ママさんへ
２カラムの基盤がある訳だし。
３カラム版が出来上がりましたので、記事として、上げました。
コピペしてくださいね。
こんばんは♪
ありがとうございます
とってもうれしいです。さっそくお借りしたいと思います。
こんばんわ♪
テンプレート使用させていただいてます。
かわいい感じがとっても気に入ってます。
ありがとうございます。
美雄さんへ
「かわいい」と言ってくださると嬉しいです。
只今、テンプレート作成は小休止状態ですが、１月には新しいのが登録できたらいいな、と考えてます。
これからもよろしくお願いします♪
あけましておめでとうございます。
コメントを頂いた方の名前の後ろに暗号のようなものが付くのですが・・・
どうも文字化けしているようで、同一人物は同じ文字が並ぶので
表示された名前と、同じものが文字化けして表示されているのでは・・・
言葉で説明しにくい・・・
何か変更しちゃったのかしら・・・
美雄さんへ
今年もよろしくデス。
コメントの名前横のアルファベットと数字は、コメントを書く時にパスワードを入れた方だけに表示されます。
他人が見てもわからないように暗号化されているんだ、と。
(本人が見ても解らないけどね…)
ＦＣ２さんのＱ&Ａには、
『A．一般的にトリップと言われています。投稿者を特定するためのIDと考えてください。管理人がトリップを表示させないようにするには、テンプレートの修正で、HTMLの編集から＜%comment_trip＞を削除してください。 』
と載ってました。
ありがとうございます。
早速お返事ありがとうございます。
自分なりに解決策が無いか探してみたつもりだったのですが・・・
消す事が出来ました。
ありがとうございました。
今年もよろしくお願いします。
管理人のみ閲覧できます
ラフ母しゃん さんへ
可愛いとおっしゃって頂くと嬉しいです♪
> サンプルでは行間が広く思われないんですが
> 何故か広くなるようです。
> 少し狭くしたいのですが。
お尋ねの件ですが。
こちらからもちょっと質問させてください。
ブログを拝見させて頂くと、4日5日の記事は「左寄り」表示、7日以降の記事は「中央」表示になってますよね？
杏の設定では「left」なので、4日5日は設定通りで、記事幅も普通なのですが、7日以降のが中央になってるのが、わからなくて…。
ご自身で、書き込み時にタグとか入れてますか？
私も左寄せの時はちょうどいい行間なのに、中央表示の時だけおかしい？と感じていました。
中央表示の時は高機能テキストエディタで中央設定をしましたが
自分でタグは入れていないです。超初心者なもので・・・
中央表示にこだわっていませんが、それで行間が狭くなる方法があれば教えていただけると嬉しいです。
画像の枠
何度もすみません。
画像に間に余白の入った枠線を作りたいのですが教えて下さい。
お忙しいところ、よろしくお願いいたします。
ラフ母しゃんさんへ
杏はそれを使ったことがないので、解決方法はまったく判りませんY(>_<、)Y
(と言うか、テンプレート本体のことではないので、こちらでは返答できません)
お役に立てず、申し訳ないです。
ユーザーフォーラムで検索すると、いろいろ出てきますので、参考にされると良いかと思います。
http://blog.fc2.com/forum/viewtopic.php?t=7975
などはどうかしら？
ラフ母しゃんさんへ
杏のブログの一番上の「テンプレート関連」の中の『Q&A一覧』をクリックして、「Ｑ1.記事内の画像の枠を写真風にするにはどうすれば良いですか？」をご覧になってください。
それでない時は、またお知らせくださいね(^-^)/
ありがとうございました
ご親切にご返答ありがとうございました。
行間は左寄せでも、中央寄せで行間が多少広くなっても、
テンプレートが気に入っているので、問題ないです。
画像の枠は教えて頂いたとおり、ぼちぼち挑戦してみます。
いろいろお世話になりました。
又何かありましたらよろしくお願いいたします。
ＮＥＷアイコンについて
質問なのですが・・・ＮＥＷアイコンについて、
・同じものをサイドバーの「最近の記事」にも表示させることは可能でしょうか？
・表示期間を48時間に変更するにはどうしたらよいでしょうか？
質問の域を超えている気もするので、もし教えていただければで結構です。
もちろん急ぎません。よろしくお願いいたします。
※文字の大きさなどは、変更させていただいていますm(_ _)m。
ミリィさんへ
ご質問ですが。
そうですね、一番目の質問は、テンプレート関係ではないのですが、お答えしちゃいますね〜。
「プラグインの設定」→「プラグインカテゴリ−の最新の記事の詳細」をクリック→「プラグインの改造のHTMLの編集」をクリックすると、下にタグ画面が出るので、その中の、
</a>ココ</li>
の「ココ」の部分に、以下のタグを入れてください。
<script type="text/javascript">
nw(<%recent_year>,<%recent_month>,<%recent_day>,<%recent_hour>)
</script>
テンプレートに入っているNEWマークのタグは画像表示タグなので、サイドメニューに表示されるNEWマークも画像で表示されます。
杏制作のNEWマークは、サイドメニューの行幅には合わせてませんので、上下スペースがおかしくなると思います。
NEW画像は、行幅に合った画像に変更して頂いても構いません（下のタグの青文字IMGを変更）。
文字表示方法もありますが、その場合、記事タイトル横のNEWマークも文字表示となります。
NEWマークの表示時間変更は、テンプレートのHTML編集内の以下の赤太文字の数字を変更してください（24＝24時間）。
<!--記事タイトルのNEWアイコン：ここから-->
<script type="text/javascript"><!--
var today=new Date();
function nw(u1,u2,u3,u4) {
var nt=24; var c=new Date(u1,u2-1,u3,u4);
if (today-c<3600000*nt) {
document.write('<img src="http://blog-imgs-12.fc2.com/t/e/m/temtemclub/newicon4.gif">')}
}
--></script>
<!--記事タイトルのNEWアイコン：ここまで-->
できなかったら、またお知らせくださいね。
ありがとうございます！
上下スペースの問題は、アイコンを「７」にして、
サイドメニューのフォントを１２にしたら、解決しました。
お世話になりました。教えて頂いて、ありがとうございました！
コメントの投稿