2008.06 «  - - 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 - - » 2008.08
TOP > tw_3col_1_plg テンプレート公開
 ← 今日はマッチ三昧 | TOP | 久々にBL15HでHIO

tw_3col_1_plg テンプレート公開 

2006年04月14日 ()
先日公開申請した「tw_3col_1_plg」が公開されました^^

20060414 tw_3col_1_plg SS


【特徴】
・3カラムテンプレート
・プラグイン対応
・パンくずリスト
・追記の折りたたみ表示対応
・INDEXページでのコメント折りたたみ対応
・新着マーク対応(※)
・新着エントリー、最近のコメント、最近のトラックバックのツリー化対応(※)
※新着マーク、ツリー化についてはプラグインの修正が必要です。
詳しくは、下記URLをご参照ください。
スクリプトの導入、CSSは対応済みです。
ツリー化について:http://hiyokokun.blog2.fc2.com/blog-entry-106.html
新着マークについて:http://tigerwoos.blog36.fc2.com/blog-entry-50.html

【TOP画像の入れ替えについて】
トップページの画像はダミーですので、900*230pxでお好みの画像と差し替えてください。
そのままお使い頂いても結構です。
画像はスタイルシートで定義しています。
お好みの画像をファイルアップロードしたら、
そのURLをスタイルシートの以下の赤字部分を差し替えてください。

div#header {
padding:4px 10px;
height:230px;
background-image:url(http://blog36.fc2.com/t/tigerwoos/file/blue_sky_bg_900px.jpg);
text-align:right;
color:#0000ff;
font-size:12px;
background-repeat:no-repeat;
}


一応W3C XHTML1.0に準拠してますが、記事、プラグインの記述が準拠していることが前提です。
カラーリングなどはCSSにてお好みに合わせて変更して下さいませ。

よろしかったら、ご使用くださいませ(ぺこ)
すでに、新條ぴかるさん、その他数名の方からダウンロードして頂いています。
不具合点、疑問点がございましたら、お申し付けください。

第2弾として、2カラムテンプレ、メニュー折りたたみ実装のテンプレ、パンヤ絵文字対応テンプレも検討しております。

追記
1箇所、不具合を見つけました><
<!--comment_area-->の直下に記述されている下記部分は本BLOG「こそっとゴルフ・パンヤ」用の記述です。
テンプレートの上書き登録を致しましたので再ダウンロードして頂くか、
下記青字部分を削除してお使いください。
ご迷惑をおかけいたします(ぺこ)

青字部分を削除

<!--comment_area-->

<div class="entry">
<div class="entry_text">
この記事を検索したキーワード<br />
<script type="text/javascript">jp_blogdb_swc_OE='EUC';jp_blogdb_swc_baseurl='tigerwoos.blog36.fc2.com/';</script>
<script type="text/javascript" src="http://swc.blogdb.jp/js/swc_init.js"></script>
</div>
</div>
<br />

<div class="entry_navi">
 ・
 ・
 ・


追記その2
INDEXページでのコメント折りたたみ表示を行うには、環境設定の変更が必要です。
管理者ページ>環境設定の変更>ブログの設定ページを開き、
一番下「アドバンス設定(上級者用)」の「<%topentry_comment_list>を有効にする」を”無効にする”から”有効にする”に変更します。
Time20:54 Category[BLOGいじり]テンプレート Trackback(1) コメント欄へ(55) コメントする  Topへ


COMMENT

こんにちわ^^ by かんな
テンプレ作成ご苦労様でした。素敵に仕上がっていますね♪
折りたたみやマークなどに対応していて見やすいです。
ご質問頂いた件ですが、問題ありませんので^^
これからもテンプレ作り頑張ってくださいませ〜。
あたしはデザインが浮かばず、しばらく休止です…^^;

>かんなさん by Tigerうっす
どうもありがとう[ぺこあにめ]
デザイン的に凝った作りはできないので、
シンプル&機能性&カスタマイズ前提を目指しておりますww
ご回答、わざわざお越しいただきありがとうございます。
(人-)謝謝(-人)謝謝
かんなさんは休止中ですかー。
素敵なテンプレ、待ってます〜。

こんなテンプレートが欲しかった by kobayashi
そろそろテンプレートを変えたいと思って、たまたま探したら、たまたま「tw_3col_1_plg」が目に付いてしまいました。こんなテンプレートが欲しかったので、早速使ってます。感謝です。

プラグインの「プラグインエリア」と「前につける説明」の間の改行ができてしまうのを、無しにはできないでしょうか?

>kobayashi様 by Tigerうっす
テンプレートご利用頂き、誠にありがとうございます[ぺこあにめ]
この様なコメントを頂くと励みになりますw

ご質問の件ですが、
プラグインのフリーエリアを追加した時に設定する”上部に記載するプラグインの説明文”と、”フリーエリア内容の変更”で設定した内容との間に空白行ができてしまうということでしょうか?
”フリーエリア内容の変更”で設定した内容はpタグ(段落指定)で囲まれているので、どうしても空白行ができてしまいます。
この空白行を詰めたい場合は、
[ フリーエリア ] のHTMLの編集を開き、
<p class="plugin-freearea" &align style="margin-top:0px">
の様に赤字部分を追加すればいいと思います。

また、サイドメニューに追加したフリーエリアで全体的にこの空白行を詰めたければ、
フリーエリアのpタグは”plugin-freearea”クラスで指定されていますので、
スタイルシートに、
p.plugin-freearea{margin-top:0px;}
を追加してもよいと思います。
お好きな方をお試し下さい。

それではよろしくお願いいたします。

テンプレート解説のお礼 by kobayashi
kobayashiです。ちょっとした要望に、早速解説いただいて有難うございます。
「上部に記載するプラグインの説明文」にコンテンツを全部書いちゃってもいいんですけど、入力フォームが狭くって。←FC2ブログの問題。
さて、「こんなテンプレートが欲しかった」の追記をしておきます。
○3カラムが欲しかった。サイドに色々配置できるから。
○小さめの字が欲しかった。読みやすい。他のは字が小さすぎたり。テンプレートの修正は最小限にしたい。
○本文記事の幅が、420ピクセル以上。200ピクセルの画層を2枚並べている記事が多かったので。
○白地にブルー線を基調。イメージがさわやかだから。このテンプレートを見た瞬間にパノラマ写真入れようと思いました。

どなたの作品かなと思って、クレジットをたたいたら、公開してまもなくって、、、コメント入れさせてもらいました。宜しくお願いします。

>kobayashiさん by Tigerうっす
お返事ありがとうございます。
なかなか自分のイメージ通りのテンプレって見つからないですよね。
それで今回自分で自作して、
ついでによかったら使っていただこうと公開したのですが、
お気に召して頂いてよかったです^^
フォントサイズは、ピクセル固定にしていますが、
本当はブラウザの文字サイズ変更で自由に変えられるようにしたほうがいいのでしょうねぇ。
今度からそうしようかな。
ご意見ありがとうございました[ぺこあにめ]

質問です[ぐらさん] by Black Tear
今Tigerうっすさんのテンプレートを使わせていただいているのですが、背景色のほうの変え方が分かりません。お手数をおかけしますが、返答お願いします

>Black Tearさん by Tigerうっす
はじめまして。
テンプレのご利用、ありがとうございます。
背景色の変更の方法ですが、スタイルシートで指定します。
画面全体を変えたければ、
bodyを定義しているところに、

body {
text-align : center;
color:#000000;
font-family:Verdana,'MS Pゴシック',Serif;
background-color:色指定;
}

の赤字の様に追加します。
枠の中だけ変えたければ、
div#containerを定義しているところに、同様に追加してください。
よろしくお願いいたします。

初めまして by 龍ZERO
初めまして、このテンプレを利用させてもらっている者の一人です。

早速質問なんですが、ツリー化が出来ません。
トップに表示される新着記事の部分が。
新着記事の方は、記事開いているときはちゃんとツリーになるんですが……。
あ、一度出来たんですが、日付の表示がおかしくなりました。


どうか返答お願いします。

>龍ZEROさん by Tigerうっす
はじめまして。
テンプレートのご利用、ありがとうございます。
おっしゃっていることがよく分からないのですが、
ページナビの部分もツリー化したいということでしょか?
記事エントリーをツリー化するにはid属性は「entrylist」固定ですので、
<!--ページトップの記事リスト ここから-->〜<!--ページトップの記事リスト ここまで-->の間にある該当部分を下記の様に書き直してみてください。

<!--permanent_area-->
<div class="menubody">
<div id="navi_entrylist">
<ul>
<!--recent-->
<li>
[<%recent_month>/<%recent_day>] <a href="<%recent_link>" title="<%recent_title>"><%recent_title></a>
<script type="text/javascript">
<!--
nw(<%recent_year>,<%recent_month>,<%recent_day>,<%recent_hour>) //-->
</script>
</li>
<!--/recent-->
</ul>
</div>
</div>
<!--/permanent_area-->
 ↓
<!--permanent_area-->
<div class="menubody">
<div id="entrylist">
<ul>
<!--recent-->
<li>
<a href="<%recent_link>"><%recent_title>
<script type="text/javascript">
<!--
nw(<%recent_year>,<%recent_month>,<%recent_day>,<%recent_hour>) //-->
</script></a>
(<%recent_month>/<%recent_day>)
</li>
<!--/recent-->
</ul>
</div>
</div>
<!--/permanent_area-->


<!--not_permanent_area-->
<div class="menubody">
<div id="navi_entrylist">
<ul>
<!--topentry-->
<li>
[<%topentry_month>/<%topentry_day>] <a href="#entry<%topentry_no>" title="<%topentry_discription>"><%topentry_title></a>
<script type="text/javascript">
<!--
nw(<%topentry_year>,<%topentry_month>,<%topentry_day>,<%topentry_hour>) //-->
</script>
</li>
<!--/topentry-->
</ul>
 〜
 ↓
<!--not_permanent_area-->
<div class="menubody">
<div id="entrylist">
<ul>
<!--topentry-->
<li>
<a href="<%topentry_link>"><%topentry_title>
<script type="text/javascript">
<!--
nw(<%topentry_year>,<%topentry_month>,<%topentry_day>,<%topentry_hour>) //-->
</script></a>
(<%topentry_month>/<%topentry_day>)
</li>
<!--/topentry-->
</ul>


サイドメニューにも新着記事リストを出したい場合は、
この”entrylist”id属性は使えなくなるので、スクリプトの改造が必要になります。
スクリプトの中身についてはサポート外ですので、自己責任で行ってください。

by 龍ZERO
はい、そういうことでした!
ありがとうございます。
無事、ツリー化完了。

判りにくい文、すみませんでした。
そしてもう一度、ありがとうございました。

>龍ZEROさん by Tigerうっす
うまく行ったようですね。
よかったです^^

by けんけんママ
はじめまして!!こちらのテンプレを使用させて頂いておりますm(_ _)m
今、わからないながらも色を変えたり、画像を変えたりと悪戦苦闘しているのですが(^^; 
ブログタイトルの色の変更はどこを弄ればいいのでしょうか?
アレコレ弄ってみてもさっぱりだったので教えて頂けると助かります(>_<)
宜しくお願いいたします!


>けんけんママさん by Tigerうっす
はじめまして。
テンプレートのご利用、ありがとうございます。
けんけんママさんのブログライフのお役に立てれば、幸いです。

ブログタイトルの色の変更はスタイルシートの下記の2ヶ所(赤字)を変更して下さい。

h1 a:link {
color:#ffffff;
text-decoration:none;
}

h1 a:visited {
color:#ffffff;
text-decoration:none;
}

後、ブログタイトルの下の「ブログの説明」の色は、
下記の赤字部分を変更して下さい。

div#header {
padding:4px 10px;
height:230px;
background-image:url(http://blog18.fc2.com/k/kenmama/file/20060510020515.jpg);
text-align:right;
color:#FFFFFF;
font-size:12px;
background-repeat:no-repeat;
}

それでは楽しいブログライフを!

by けんけんママ
素早いお返事ありがとうございますm(_ _)m
無事変更する事ができました!!
本当にありがとうございます!
また質問する事が出てくると思いますが、
その時も宜しくお願いします(^^;
ランキングクリックして帰りますっ凸

>けんけんママさん by Tigerうっす
できたようで、よかったです^^
ランキングクリック、ありがとう[ぺこあにめ]

最新の記事のツリー化 by kotetsu552005
はじめまして。このテンプレートにほれ込んでしまいました。とても気に入っています。

ところで、今いろいろと手を加えている最中ですが、最新の記事のツリー化のところで、表示が
<%recent_etitle>
胃カメラを飲む(08/15)
になり、ツリー化できません。

よろしくお願いします。

>最新の記事のツリー化 by Tigerうっす
>kotetsu552005さん

テンプレートのご利用ありがとうございます。
最新記事のツリー化ですが、テンプレート変数が間違っているようですね。
<%recent_etitle>ではなくて、<%recent_title>ですね。
これでお試しください。

ありがとうございます。しかし by kotetsu552005
早々のご解答ありがとうございました。
なるほど!そういうことかと思い、テンプレートのHTML編集で<%recent_eitle>を探しましたが、
見つかりませんでした。下記の部分が該当すると
思うのですが。HTML編集のどのあたりをチェックしたらよいか、再度教えていただければ助かります。
よろしくお願いします。

<ul>
<!--recent-->
<li>
[<%recent_month>/<%recent_day>] <a href="<%recent_link>" title="<%recent_title>"><%recent_title></a>
<script type="text/javascript">
<!--
nw(<%recent_year>,<%recent_month>,<%recent_day>,<%recent_hour>) //-->
</script>
</li>
<!--/recent-->
</ul>
</div>

>kotetsu552005さん by Tigerうっす
本テンプレートはプラグインに対応しています。
左メニューの「最新の記事」表示はテンプレート内ではなく、プラグインで行っていますので、
プラグインの「最新の記事」のHTMLの編集を参照して下さい。
<%recent_title>と書くべきところが、<%recent_etitle>となっていませんでしょうか?

何度もお手数を掛けてすみません by kotetsu552005
プラグインをコピペします。

<!--plugin-->

<!--plugin_first-->
<h3><%plugin_first_title></h3>
<div class="menubody">
<%plugin_first_description>
<div class="plugin_content">
<%plugin_first_content>
</div>
<%plugin_first_description2>
</div>
<!--/plugin_first-->

<!--/plugin-->

</div> <!-- leftmenu ここまで -->

</div> <!-- wrapper ここまで -->

<div id="rightmenu">

*************************

<!--plugin-->
<!--plugin_second-->
<h3><%plugin_second_title></h3>
<div class="menubody">
<%plugin_second_description>
<div class="plugin_content">
<%plugin_second_content>
</div>
<%plugin_second_description2>
</div>
<!--/plugin_second-->

<!--plugin_third-->
<h3><%plugin_third_title></h3>
<div class="menubody">
<%plugin_third_description>
<div class="plugin_content">
<%plugin_third_content>
</div>
<%plugin_third_description2>
</div>
<!--/plugin_third-->

<!--/plugin-->

</div> <!-- rightmenu ここまで -->

プラグインの中にも、recentという単語が見つからないんです。本当に、申し訳ありませんが、どうぞよろしくお願いします。

>kotetsu552005さん by Tigerうっす
上のコピペはテンプレート内のプラグインを呼び出す記述ですよね。
テンプレートのHTML編集ではなく、プラグインのHTML編集です。

「管理者ページの環境設定」-「プラグインの設定 」で「最近の記事」のHTMLの変更を選択して下さい。
テンプレートのHTMLはいじる必要はありません。

ありがとうございました by kotetsu552005
ああああ〜〜〜っ!
本当に、初歩的な質問でした。
丁寧にご解答いただきありがとうございました。
なんとか解決しました。

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

>otetsu552005さん by Tigerうっす
解決できてよかったです。
楽しいBLOGライフを!

最高です! by kotetsu552005
Tigerうっす様
本当にありがとうございました。

こんなに気に入ったテンプレートは初めてです。
しかも初心者ながらいろいろ教えていただき
さらに自分の使いやすいようにできてきました。
本当に感謝です。
ブログのほうにも着ていただきありがとうございました。
「最近の記事」のnew!表示ができないのですが
テンプレート以外に検討してみようと思います。
ありがとうございました!

はじめまして by -
はじめまして。非常に説明が親切でHTMLとCSSも見やすくて2カラムの方もダウンロードさせてもらっています。

ところでこのプラグイン対応、という事なのですが、プラグインをいじると(削除したり上下を入れ替えたりエリアを変えたり)プレビューでは反映するのですが、実際に変更してブログの確認をすると反映されません。

どんな原因が考えられるかわからず質問させていただきました。

少し時間がかかったりするのでしょうか?

by Tigerうっす
テンプレートのご利用、ありがとうございます。
プラグインをいじっても反映されないですか・・・。
今までそのような報告を受けたことがないので、
正直よくわかりません。
サイトを見せていただければ、原因が分かるかも知れないのですが。
私の公開しているテンプレは、名前の最後にplgと付いていればプラグイン対応、付いていなければ非対応なのですが、
非対応のテンプレをご利用ということはないでしょうか?

by トロ
先ほどは名前を書いたつもりが、場所を間違ったようで・・・無記名の投稿になってしまっていました・・。大変失礼な投稿になってしまい申し訳ありませんでした。

ダウンロードさせていただいたのは『tw_3col_1_plg』なのでプラグインには対応しいるテンプレです。

サイトは非常に内輪の、というか友達同士で運営し、身内にしか公開しない予定で個人的な情報を書いてしまっているのでここにURLを書きづらいんです。身勝手な事ばかりで申し訳ありません。

症状としてはプラグインを追加する⇒フリーエリアの名前を変えたりしても全く反映されない⇒設定にバナーのURLなどを入れても反映しない。

という感じです。先ほど不意にフリーエリアが1つ追加に成功しましたが、中身を書いてもやっぱり反映されません・・。

HTMLの方もいじらないといけないのでしょうか?

by Tigerうっす
>トロさん
こちらでも再現できるかとやってみましたが、
再現しませんでした。
私の環境ではプラグインの追加、変更はうまく動いています。
一度、ブラウザのキャッシュをクリアしてみて下さい。
テンプレートのHTMLはいじる必要はありません。

他のプラグイン対応のテンプレでも試してみて下さい。
同じ現象が発生するでしょうか?

ありがとうございます by トロ
あの日何度やってもダメだったプラグインが、本日インターネットオプションで全てを1回クリアしてやってみたところ、正常に機能するようになりました。

キャッシュのクリアというのがどういう理由で原因解明に繋がるのか、PCに疎い私にはわからないのですが、本当にありがとうございました!

by Tigerうっす
>トロさん
キャッシュのクリアでうまくいったみたいですね。
よかったです。
楽しいBLOGライフを!

by -
(@ぐっど)

はじめまして by ゆきねこ
はじめまして。古い日記に書き込んですみません。
現在tw_2col_r_1_plgを使用させていただいてます。
追記やコメントの開閉ができて、月別アーカイブや
カテゴリ別の記事のタイトル一覧なんかも表示されるので気に入ってます。
あと、小さめの文字も!
それで、今度はこちらの3カラムのものに変更したいと思っているのですが、
いつも横幅が480pxの写真を張り付けているので、
プラグイン1が下の方に落ちしてしまいます。
どこの数字を変えればいいか教えていただけると嬉しいです。

>ゆきねこさん by Tigerうっす
ゆきねこさん、はじめまして。
ご愛顧、どうもありがとうございます。
3カラムテンプレに変更とのことですが、
tw_3col_1_pを例に説明させていただきますと、
スタイルシートに下記の記述があるので、
赤の部分を増やしてみてください。

div#container {
width : 870px; /* コンテンツ幅を870pxに設定 */
margin-left : auto; /* 左側のマージンを自動算出 */
margin-right : auto; /* 右側のマージンを自動算出 */
text-align : left; /* body要素で指定したセンタリングを戻す */


div#wrapper {
float : left; /* ラッパー(プライマリーカラム+セカンダリーカラム)を左側に回り込ませる */
width : 660px; /* 幅を660px(460px+200px)に設定 */
}
div#primary {
float : right; /* プライマリーカラム(記事等)を右側に回り込ませる */
width : 460px; /* 幅を460pxに設定 */

ありがとうございました by ゆきねこ
丁寧に教えていただいてありがとうございました。
何とか私でもできました!!

お初です・・・ by KO
はじめまして・・・お聞きしたい事があります。
tw_3col_1_pをこれから使わせて頂こうと思っているのですが、
数個の画像をランダムに表示させたりは可能でしょうか?

なにぶんまだまだ初心者な者で・・・

お忙しいかと思いますが、ご教授頂けたら幸いです。

>KOさん by -
KOさん、初めまして。
テンプレのご利用、ありがとうございます。

画像のランダム表示は、JAVAスクリプトなどでご自分で作りこむ必要があります。
提供テンプレートのサポート外になりますので、
Googleなどで”画像 ランダム表示”などのキーワードで検索してみてください。
サンプルスクリプトが見つかると思います。

TOPのNEW ENTRIESを削除して(ry by 貧乏ゆすりん
こんばんは^^数あるテンプレートの中で、私にとってこれだ!っていうテンプレートがtw_3col_1_plgでした。作者さんには感謝しています^^一つ質問があるので、教えて欲しいです。

TOPのNEW ENTRIESを削除してフリーエリアにしたいんですが、どこをどういじれば良いのか教えてください。よろしくお願いします。

>貧乏ゆすりんさん by Tigerうっす
貧乏ゆすりんさん、はじめまして。
お返事おそくなってごめんなさい。

TopページのNEW ENTRIESをフリーエリアにしたいとのことですが、
プラグインのフリーエリアのことでしょうか?
ここの部分にプラグインを使う場合、プラグインカテゴリーを1つ占有します。
プラグインカテゴリー3を使う場合の例を次に示します。

まず118行目からの
<!--index_area-->
<h3 id="navi_entryname">NEW ENTRIES</h3>
<!--/index_area-->
を削除。
続いて158行目からの
<!--not_permanent_area-->
<div class="menubody">
<div id="navi_entrylist">
<ul>
<!--topentry-->
<li>
[<%topentry_month>/<%topentry_day>] <a href="#entry<%topentry_no>" title="<%topentry_discription>"><%topentry_title></a>
<script type="text/javascript">
<!--
nw(<%topentry_year>,<%topentry_month>,<%topentry_day>,<%topentry_hour>) //-->
</script>
</li>
<!--/topentry-->
</ul>

<!--search_area-->
<div id="search_form">
<form action="./" method="get"><input type="text" size="20" name="q" value="" maxlength="200" class="ipt" />
<input type="submit" value="Search" class="search" /></form>
</div>
<!--/search_area-->

</div>
</div>
<!--/not_permanent_area-->


<!--not_permanent_area-->
<div class="menubody">

<!--plugin-->

<!--plugin_third-->
<h3><%plugin_third_title></h3>
<div class="menubody">
<%plugin_third_description>
<div class="plugin_content">
<%plugin_third_content>
</div>
<%plugin_third_description2>
</div>
<!--/plugin_third-->

<!--/plugin-->

<!--search_area-->
<div id="search_form">
<form action="./" method="get"><input type="text" size="20" name="q" value="" maxlength="200" class="ipt" />
<input type="submit" value="Search" class="search" /></form>
</div>
<!--/search_area-->

</div>
<!--/not_permanent_area-->

のように書き換えてみてください。

そしてプラグインカテゴリー3にフリーエリアを追加します。
これで出来るはずです。お試しくださいませ。

返答ありがとうございます。 by 貧乏ゆすりん
さっそくのご返答ありがとうございます。質問の意味ですが、最初はテンプレのHTML・CSSの設定をいじってフリーエリアを挿入できればいいかなって思っていましたが、Tigerうっすさんが提案した、プラグインの設定でフリーエリアを挿入できるなら、そっちのほうが便利そうです^^

Tigerうっすさんに言われたとおりHTMLをいじって、プラグインの設定でフリーエリアを挿入してみました。そしたら、TOPページは理想通りにフリーエリアが挿入されたんですが、次のページに移動するとNEW ENTRIESと書いてあった場所に「表示中の記事」と表示され、その下にフリーエリアが表示されます。また、各記事を表示すると、以前のままNEW ENTRIESが表示され、フリーエリアは表示されません。もう一つご教授よろしくお願いします。

>貧乏ゆすりんさん by Tigerうっす
TOPページだけではなく、その他のページもフリーエリアを利用したいのですね。

それでは、
109行目からの
<!--ページトップの記事リスト ここから-->
 ・
 ・
 ・
<!--ページトップの記事リスト ここまで-->
の間を全部下記のように書き換えてください。


<!--ページトップの記事リスト ここから-->

<div class="menubody">

<!--plugin-->

<!--plugin_third-->
<h3><%plugin_third_title></h3>
<div class="menubody">
<%plugin_third_description>
<div class="plugin_content">
<%plugin_third_content>
</div>
<%plugin_third_description2>
</div>
<!--/plugin_third-->

<!--/plugin-->

</div>

<!--ページトップの記事リスト ここまで-->

そしてその下の、
<!--アーカイブ ここから-->
 ・
 ・
<!--アーカイブ ここまで-->

をごそっと削除してください。

これでOKなはずです。
また不都合がありましたら、ご連絡ください。

お礼遅くなってすみません>< by 貧乏ゆすりん
先ほど、Tigerうっすさんに言われたとおりテンプレートをいじりました。そしたら、見事に求めていたテンプレートになりました。ありがとうございます^^ただ1つだけ不具合があるようで、プラグインカテゴリ2の一番下にタイトルが
<%plugin_third_title>
で、内容が
<%plugin_third_description>
<%plugin_third_content>
<%plugin_third_description2>
と表示されています。最後に、この表示を消す方法を教えてもらえれれば、嬉しいです。よろしくお願いします。

>貧乏ゆすりんさん by Tigerうっす
あぁ、ごめんなさい。
右メニューの部分でもプラグインカテゴリー3を定義しているので、その部分がいたずらしていると思います。

HTMLの後ろの方、
<div id="footer">
の記述がある上の方に、

<!--plugin_third-->
<h3><%plugin_third_title></h3>
<div class="menubody">
<%plugin_third_description>
<div class="plugin_content">
<%plugin_third_content>
</div>
<%plugin_third_description2>
</div>
<!--/plugin_third-->

の記述があるので、この部分を削除してみてください。
よろしくお願いします。

教えてください。 by KINGSWING
初めまして。
久しぶりにテンプレートの変更を思いつき、
こちらのが大変気に入りましてダウンロードさせて頂きました。

トップ画像を変更したのですが、900*230pxで作った
画像の右側1cm程切れてしまうのです。
どうしたらよいか教えて下さい。
※画像URL以外は何もいじっておりません。

また、カテゴリー・LINKといった題名&説明文が以前は中央表示だったのですが
こちらのテンプレートに変更した途端に右側へ寄ってしまいました。
※F2ブログのプラグ設定は「中央表示」にしております。

お忙しい所に申し訳ありませんが、どうか教えてください。

ありがとうございました。 by 貧乏ゆすりん
何度も何度も教えていただきありがとうございました。これで全ての悩みを解決できて、非常に満足しています。また、分からないことがあればよろしくお願いします。本当にありがとうございました。

>KINGSWINGさん by Tigerうっす
KINGSWINGさん、はじめまして。
お返事遅くなってごめんなさい。

トップ画像の右側が切れてしまう件、当方の説明ミスです。
コンテンツ幅が870pxで定義されているので、870pxで再作成していただけますでしょうか?
大変申し訳ございません。

サブタイトルが右側に寄ってしまう件は、CSSの

h3 {
font-size:11px;
margin:5px 0px 0px 5px;
padding:5px 0px 2px 5px;
background-color:#f0f0f0;
}



h3 {
font-size:11px;
margin:5px 0px 0px 5px;
padding:5px 0px 2px 5px;
background-color:#f0f0f0;
text-align:center; ←追加
}

と1行追加してみてください。
よろしくお願いします。

ありがとうございます。 by KINGSWING
870ですね?後でサイズ変更します。

あと、サブタイトルも中央にきました。
しかし・・・その下の説明文がまだ左寄りなので
それを全て中央に寄せたいのですが、どうすればよいですか?

大変お手数ですが、どうか教えてください。

>KINGSWINGさん by Tigerうっす
KINGSWINGさん、回答が大変遅くなってごめんなさい(ぺこ)

スタイルシートの下記部分を赤字のように書き換えてみてください。

.menubody {
margin:0px 0px 5px 0px;
padding:0px 0px 0px 5px;
font-size:10px;
text-align:center;
line-height:1.5;
}

真ん中に出来ました。 by KINGSWING
丁寧に教えていただきありがとうございます。
中央に寄せる事が出来ました。

また解らない事がありましたら
お手数ですが、よろしくお願い致します。

by こま
はじめまして。
こちらのテンプレートを使用させていただいています。
突然の質問を本当に申し訳ないのですが、
勝手ながら、「websnapr」:http://tomytaku.blog14.fc2.com/blog-entry-549.html
というリンクのサムネを表示してくれるブログパーツをつけようと思っています。
そこでなのですが、何分、HTML編集にまだあまり知識が無く、
こちらのテンプレートでのHTMLのリンク部分がどこにあるかわからないのです。

もしよろしければ教えてください。
本当に申し訳ありません。

>こまさん by Tigerうっす
こまさん、初めまして。
テンプレートのご利用ありがとうございます。

リンクというのは、他の方のBLOGへのリンクのことでしょうか?
このテンプレートはプラグインを使用していますが、
プラグインの中ではご利用になりたい「WebSnapr」のJavaScriptの指定が出来ません。
プラグインのフリーエリアなどを使用してリンクリストを作るとよいと思います。

こんにちは by ゆきねこ
テンプレートを使わせていただいてます。
以前にも質問させていただき、丁寧にお答えいただいてありがとうございました。
今回お聞きしたいのは、日記を投稿する時に指定した
「ユーザータグ」を表示させる方法です。
日記の下のほうに表示できたらいいなと思うのですが
どうすればいいでしょうか?
「テンプレート中で使える変数一覧」を見てもよく分からないので質問させていただきました。
お時間がありましたら教えていただけるとありがたいです。

by こま
お返事が遅くなってしまい申し訳ありません。
わかりやすいご意見をありがとうございました。
本当にありがとうございました。

by ゆきねこ
すみません。
質問した件ですが、公式プラグインでタグを表示するものがありましたね。
記事の中ではなくプラグインで十分ですので、そちらを使うことにします。
お騒がせしました。(≧≦)

お借りしました by 亜里沙
『画像を変更してもよい』ということで
お借りしました。

ありがとうございます。v-10

コメントを閉じる▲

 ← 今日はマッチ三昧 | TOP | 久々にBL15HでHIO

COMMENT

テンプレ作成ご苦労様でした。素敵に仕上がっていますね♪
折りたたみやマークなどに対応していて見やすいです。
ご質問頂いた件ですが、問題ありませんので^^
これからもテンプレ作り頑張ってくださいませ〜。
あたしはデザインが浮かばず、しばらく休止です…^^;
Time2006.04.15(Sat) 13:33 Home お名前かんな(#MKt5QxqE) メールする コメントを編集する Topへ

どうもありがとう[ぺこあにめ]
デザイン的に凝った作りはできないので、
シンプル&機能性&カスタマイズ前提を目指しておりますww
ご回答、わざわざお越しいただきありがとうございます。
(人-)謝謝(-人)謝謝
かんなさんは休止中ですかー。
素敵なテンプレ、待ってます〜。
Time2006.04.15(Sat) 18:19 Home お名前Tigerうっす(#V.QdXw8.) メールする コメントを編集する Topへ

そろそろテンプレートを変えたいと思って、たまたま探したら、たまたま「tw_3col_1_plg」が目に付いてしまいました。こんなテンプレートが欲しかったので、早速使ってます。感謝です。

プラグインの「プラグインエリア」と「前につける説明」の間の改行ができてしまうのを、無しにはできないでしょうか?
Time2006.04.16(Sun) 14:29 Home お名前kobayashi(#5.eTduME) メールする コメントを編集する Topへ

テンプレートご利用頂き、誠にありがとうございます[ぺこあにめ]
この様なコメントを頂くと励みになりますw

ご質問の件ですが、
プラグインのフリーエリアを追加した時に設定する”上部に記載するプラグインの説明文”と、”フリーエリア内容の変更”で設定した内容との間に空白行ができてしまうということでしょうか?
”フリーエリア内容の変更”で設定した内容はpタグ(段落指定)で囲まれているので、どうしても空白行ができてしまいます。
この空白行を詰めたい場合は、
[ フリーエリア ] のHTMLの編集を開き、
<p class="plugin-freearea" &align style="margin-top:0px">
の様に赤字部分を追加すればいいと思います。

また、サイドメニューに追加したフリーエリアで全体的にこの空白行を詰めたければ、
フリーエリアのpタグは”plugin-freearea”クラスで指定されていますので、
スタイルシートに、
p.plugin-freearea{margin-top:0px;}
を追加してもよいと思います。
お好きな方をお試し下さい。

それではよろしくお願いいたします。
Time2006.04.16(Sun) 21:51 Home お名前Tigerうっす(#V.QdXw8.) メールする コメントを編集する Topへ

kobayashiです。ちょっとした要望に、早速解説いただいて有難うございます。
「上部に記載するプラグインの説明文」にコンテンツを全部書いちゃってもいいんですけど、入力フォームが狭くって。←FC2ブログの問題。
さて、「こんなテンプレートが欲しかった」の追記をしておきます。
○3カラムが欲しかった。サイドに色々配置できるから。
○小さめの字が欲しかった。読みやすい。他のは字が小さすぎたり。テンプレートの修正は最小限にしたい。
○本文記事の幅が、420ピクセル以上。200ピクセルの画層を2枚並べている記事が多かったので。
○白地にブルー線を基調。イメージがさわやかだから。このテンプレートを見た瞬間にパノラマ写真入れようと思いました。

どなたの作品かなと思って、クレジットをたたいたら、公開してまもなくって、、、コメント入れさせてもらいました。宜しくお願いします。
Time2006.04.17(Mon) 23:43 Home お名前kobayashi(#5.eTduME) メールする コメントを編集する Topへ

お返事ありがとうございます。
なかなか自分のイメージ通りのテンプレって見つからないですよね。
それで今回自分で自作して、
ついでによかったら使っていただこうと公開したのですが、
お気に召して頂いてよかったです^^
フォントサイズは、ピクセル固定にしていますが、
本当はブラウザの文字サイズ変更で自由に変えられるようにしたほうがいいのでしょうねぇ。
今度からそうしようかな。
ご意見ありがとうございました[ぺこあにめ]
Time2006.04.18(Tue) 00:50 Home お名前Tigerうっす(#V.QdXw8.) メールする コメントを編集する Topへ

今Tigerうっすさんのテンプレートを使わせていただいているのですが、背景色のほうの変え方が分かりません。お手数をおかけしますが、返答お願いします
Time2006.04.29(Sat) 23:16 Home お名前Black Tear(#-) メールする コメントを編集する Topへ

はじめまして。
テンプレのご利用、ありがとうございます。
背景色の変更の方法ですが、スタイルシートで指定します。
画面全体を変えたければ、
bodyを定義しているところに、

body {
text-align : center;
color:#000000;
font-family:Verdana,'MS Pゴシック',Serif;
background-color:色指定;
}

の赤字の様に追加します。
枠の中だけ変えたければ、
div#containerを定義しているところに、同様に追加してください。
よろしくお願いいたします。
Time2006.04.30(Sun) 00:27 Home お名前Tigerうっす(#V.QdXw8.) メールする コメントを編集する Topへ

初めまして、このテンプレを利用させてもらっている者の一人です。

早速質問なんですが、ツリー化が出来ません。
トップに表示される新着記事の部分が。
新着記事の方は、記事開いているときはちゃんとツリーになるんですが……。
あ、一度出来たんですが、日付の表示がおかしくなりました。


どうか返答お願いします。
Time2006.05.05(Fri) 23:53 Home お名前龍ZERO(#I4z6eAiM) メールする コメントを編集する Topへ

はじめまして。
テンプレートのご利用、ありがとうございます。
おっしゃっていることがよく分からないのですが、
ページナビの部分もツリー化したいということでしょか?
記事エントリーをツリー化するにはid属性は「entrylist」固定ですので、
<!--ページトップの記事リスト ここから-->〜<!--ページトップの記事リスト ここまで-->の間にある該当部分を下記の様に書き直してみてください。

<!--permanent_area-->
<div class="menubody">
<div id="navi_entrylist">
<ul>
<!--recent-->
<li>
[<%recent_month>/<%recent_day>] <a href="<%recent_link>" title="<%recent_title>"><%recent_title></a>
<script type="text/javascript">
<!--
nw(<%recent_year>,<%recent_month>,<%recent_day>,<%recent_hour>) //-->
</script>
</li>
<!--/recent-->
</ul>
</div>
</div>
<!--/permanent_area-->
 ↓
<!--permanent_area-->
<div class="menubody">
<div id="entrylist">
<ul>
<!--recent-->
<li>
<a href="<%recent_link>"><%recent_title>
<script type="text/javascript">
<!--
nw(<%recent_year>,<%recent_month>,<%recent_day>,<%recent_hour>) //-->
</script></a>
(<%recent_month>/<%recent_day>)
</li>
<!--/recent-->
</ul>
</div>
</div>
<!--/permanent_area-->


<!--not_permanent_area-->
<div class="menubody">
<div id="navi_entrylist">
<ul>
<!--topentry-->
<li>
[<%topentry_month>/<%topentry_day>] <a href="#entry<%topentry_no>" title="<%topentry_discription>"><%topentry_title></a>
<script type="text/javascript">
<!--
nw(<%topentry_year>,<%topentry_month>,<%topentry_day>,<%topentry_hour>) //-->
</script>
</li>
<!--/topentry-->
</ul>
 〜
 ↓
<!--not_permanent_area-->
<div class="menubody">
<div id="entrylist">
<ul>
<!--topentry-->
<li>
<a href="<%topentry_link>"><%topentry_title>
<script type="text/javascript">
<!--
nw(<%topentry_year>,<%topentry_month>,<%topentry_day>,<%topentry_hour>) //-->
</script></a>
(<%topentry_month>/<%topentry_day>)
</li>
<!--/topentry-->
</ul>


サイドメニューにも新着記事リストを出したい場合は、
この”entrylist”id属性は使えなくなるので、スクリプトの改造が必要になります。
スクリプトの中身についてはサポート外ですので、自己責任で行ってください。
Time2006.05.06(Sat) 06:34 Home お名前Tigerうっす(#V.QdXw8.) メールする コメントを編集する Topへ

はい、そういうことでした!
ありがとうございます。
無事、ツリー化完了。

判りにくい文、すみませんでした。
そしてもう一度、ありがとうございました。
Time2006.05.06(Sat) 14:49 Home お名前龍ZERO(#I4z6eAiM) メールする コメントを編集する Topへ

うまく行ったようですね。
よかったです^^
Time2006.05.06(Sat) 15:42 Home お名前Tigerうっす(#V.QdXw8.) メールする コメントを編集する Topへ

はじめまして!!こちらのテンプレを使用させて頂いておりますm(_ _)m
今、わからないながらも色を変えたり、画像を変えたりと悪戦苦闘しているのですが(^^; 
ブログタイトルの色の変更はどこを弄ればいいのでしょうか?
アレコレ弄ってみてもさっぱりだったので教えて頂けると助かります(>_<)
宜しくお願いいたします!

Time2006.05.10(Wed) 16:47 Home お名前けんけんママ(#-) メールする コメントを編集する Topへ

はじめまして。
テンプレートのご利用、ありがとうございます。
けんけんママさんのブログライフのお役に立てれば、幸いです。

ブログタイトルの色の変更はスタイルシートの下記の2ヶ所(赤字)を変更して下さい。

h1 a:link {
color:#ffffff;
text-decoration:none;
}

h1 a:visited {
color:#ffffff;
text-decoration:none;
}

後、ブログタイトルの下の「ブログの説明」の色は、
下記の赤字部分を変更して下さい。

div#header {
padding:4px 10px;
height:230px;
background-image:url(http://blog18.fc2.com/k/kenmama/file/20060510020515.jpg);
text-align:right;
color:#FFFFFF;
font-size:12px;
background-repeat:no-repeat;
}

それでは楽しいブログライフを!
Time2006.05.10(Wed) 17:07 Home お名前Tigerうっす(#V.QdXw8.) メールする コメントを編集する Topへ

素早いお返事ありがとうございますm(_ _)m
無事変更する事ができました!!
本当にありがとうございます!
また質問する事が出てくると思いますが、
その時も宜しくお願いします(^^;
ランキングクリックして帰りますっ凸
Time2006.05.10(Wed) 23:34 Home お名前けんけんママ(#-) メールする コメントを編集する Topへ

できたようで、よかったです^^
ランキングクリック、ありがとう[ぺこあにめ]
Time2006.05.11(Thu) 03:31 Home お名前Tigerうっす(#V.QdXw8.) メールする コメントを編集する Topへ

はじめまして。このテンプレートにほれ込んでしまいました。とても気に入っています。

ところで、今いろいろと手を加えている最中ですが、最新の記事のツリー化のところで、表示が
<%recent_etitle>
胃カメラを飲む(08/15)
になり、ツリー化できません。

よろしくお願いします。
Time2006.08.15(Tue) 20:44 Home お名前kotetsu552005(#-) メールする コメントを編集する Topへ

>kotetsu552005さん

テンプレートのご利用ありがとうございます。
最新記事のツリー化ですが、テンプレート変数が間違っているようですね。
<%recent_etitle>ではなくて、<%recent_title>ですね。
これでお試しください。
Time2006.08.16(Wed) 03:00 Home お名前Tigerうっす(#V.QdXw8.) メールする コメントを編集する Topへ

早々のご解答ありがとうございました。
なるほど!そういうことかと思い、テンプレートのHTML編集で<%recent_eitle>を探しましたが、
見つかりませんでした。下記の部分が該当すると
思うのですが。HTML編集のどのあたりをチェックしたらよいか、再度教えていただければ助かります。
よろしくお願いします。

<ul>
<!--recent-->
<li>
[<%recent_month>/<%recent_day>] <a href="<%recent_link>" title="<%recent_title>"><%recent_title></a>
<script type="text/javascript">
<!--
nw(<%recent_year>,<%recent_month>,<%recent_day>,<%recent_hour>) //-->
</script>
</li>
<!--/recent-->
</ul>
</div>
Time2006.08.16(Wed) 17:11 Home お名前kotetsu552005(#-) メールする コメントを編集する Topへ

本テンプレートはプラグインに対応しています。
左メニューの「最新の記事」表示はテンプレート内ではなく、プラグインで行っていますので、
プラグインの「最新の記事」のHTMLの編集を参照して下さい。
<%recent_title>と書くべきところが、<%recent_etitle>となっていませんでしょうか?
Time2006.08.16(Wed) 19:03 Home お名前Tigerうっす(#V.QdXw8.) メールする コメントを編集する Topへ

プラグインをコピペします。

<!--plugin-->

<!--plugin_first-->
<h3><%plugin_first_title></h3>
<div class="menubody">
<%plugin_first_description>
<div class="plugin_content">
<%plugin_first_content>
</div>
<%plugin_first_description2>
</div>
<!--/plugin_first-->

<!--/plugin-->

</div> <!-- leftmenu ここまで -->

</div> <!-- wrapper ここまで -->

<div id="rightmenu">

*************************

<!--plugin-->
<!--plugin_second-->
<h3><%plugin_second_title></h3>
<div class="menubody">
<%plugin_second_description>
<div class="plugin_content">
<%plugin_second_content>
</div>
<%plugin_second_description2>
</div>
<!--/plugin_second-->

<!--plugin_third-->
<h3><%plugin_third_title></h3>
<div class="menubody">
<%plugin_third_description>
<div class="plugin_content">
<%plugin_third_content>
</div>
<%plugin_third_description2>
</div>
<!--/plugin_third-->

<!--/plugin-->

</div> <!-- rightmenu ここまで -->

プラグインの中にも、recentという単語が見つからないんです。本当に、申し訳ありませんが、どうぞよろしくお願いします。
Time2006.08.16(Wed) 21:06 Home お名前kotetsu552005(#-) メールする コメントを編集する Topへ

上のコピペはテンプレート内のプラグインを呼び出す記述ですよね。
テンプレートのHTML編集ではなく、プラグインのHTML編集です。

「管理者ページの環境設定」-「プラグインの設定 」で「最近の記事」のHTMLの変更を選択して下さい。
テンプレートのHTMLはいじる必要はありません。
Time2006.08.16(Wed) 21:47 Home お名前Tigerうっす(#V.QdXw8.) メールする コメントを編集する Topへ

ああああ〜〜〜っ!
本当に、初歩的な質問でした。
丁寧にご解答いただきありがとうございました。
なんとか解決しました。

ありがとうございました!!!
Time2006.08.16(Wed) 22:24 Home お名前kotetsu552005(#-) メールする コメントを編集する Topへ

解決できてよかったです。
楽しいBLOGライフを!
Time2006.08.17(Thu) 22:23 Home お名前Tigerうっす(#V.QdXw8.) メールする コメントを編集する Topへ

Tigerうっす様
本当にありがとうございました。

こんなに気に入ったテンプレートは初めてです。
しかも初心者ながらいろいろ教えていただき
さらに自分の使いやすいようにできてきました。
本当に感謝です。
ブログのほうにも着ていただきありがとうございました。
「最近の記事」のnew!表示ができないのですが
テンプレート以外に検討してみようと思います。
ありがとうございました!
Time2006.08.17(Thu) 23:03 Home お名前kotetsu552005(#-) メールする コメントを編集する Topへ

はじめまして。非常に説明が親切でHTMLとCSSも見やすくて2カラムの方もダウンロードさせてもらっています。

ところでこのプラグイン対応、という事なのですが、プラグインをいじると(削除したり上下を入れ替えたりエリアを変えたり)プレビューでは反映するのですが、実際に変更してブログの確認をすると反映されません。

どんな原因が考えられるかわからず質問させていただきました。

少し時間がかかったりするのでしょうか?
Time2006.08.19(Sat) 20:04 Home お名前-(#-) メールする コメントを編集する Topへ

テンプレートのご利用、ありがとうございます。
プラグインをいじっても反映されないですか・・・。
今までそのような報告を受けたことがないので、
正直よくわかりません。
サイトを見せていただければ、原因が分かるかも知れないのですが。
私の公開しているテンプレは、名前の最後にplgと付いていればプラグイン対応、付いていなければ非対応なのですが、
非対応のテンプレをご利用ということはないでしょうか?
Time2006.08.19(Sat) 20:35 Home お名前Tigerうっす(#V.QdXw8.) メールする コメントを編集する Topへ

先ほどは名前を書いたつもりが、場所を間違ったようで・・・無記名の投稿になってしまっていました・・。大変失礼な投稿になってしまい申し訳ありませんでした。

ダウンロードさせていただいたのは『tw_3col_1_plg』なのでプラグインには対応しいるテンプレです。

サイトは非常に内輪の、というか友達同士で運営し、身内にしか公開しない予定で個人的な情報を書いてしまっているのでここにURLを書きづらいんです。身勝手な事ばかりで申し訳ありません。

症状としてはプラグインを追加する⇒フリーエリアの名前を変えたりしても全く反映されない⇒設定にバナーのURLなどを入れても反映しない。

という感じです。先ほど不意にフリーエリアが1つ追加に成功しましたが、中身を書いてもやっぱり反映されません・・。

HTMLの方もいじらないといけないのでしょうか?
Time2006.08.19(Sat) 21:16 Home お名前トロ(#-) メールする コメントを編集する Topへ

>トロさん
こちらでも再現できるかとやってみましたが、
再現しませんでした。
私の環境ではプラグインの追加、変更はうまく動いています。
一度、ブラウザのキャッシュをクリアしてみて下さい。
テンプレートのHTMLはいじる必要はありません。

他のプラグイン対応のテンプレでも試してみて下さい。
同じ現象が発生するでしょうか?
Time2006.08.21(Mon) 02:31 Home お名前Tigerうっす(#V.QdXw8.) メールする コメントを編集する Topへ

あの日何度やってもダメだったプラグインが、本日インターネットオプションで全てを1回クリアしてやってみたところ、正常に機能するようになりました。

キャッシュのクリアというのがどういう理由で原因解明に繋がるのか、PCに疎い私にはわからないのですが、本当にありがとうございました!
Time2006.08.21(Mon) 05:43 Home お名前トロ(#-) メールする コメントを編集する Topへ

>トロさん
キャッシュのクリアでうまくいったみたいですね。
よかったです。
楽しいBLOGライフを!
Time2006.08.21(Mon) 22:38 Home お名前Tigerうっす(#V.QdXw8.) メールする コメントを編集する Topへ

(@ぐっど)
Time2006.09.18(Mon) 18:12 Home お名前-(#-) メールする コメントを編集する Topへ

はじめまして。古い日記に書き込んですみません。
現在tw_2col_r_1_plgを使用させていただいてます。
追記やコメントの開閉ができて、月別アーカイブや
カテゴリ別の記事のタイトル一覧なんかも表示されるので気に入ってます。
あと、小さめの文字も!
それで、今度はこちらの3カラムのものに変更したいと思っているのですが、
いつも横幅が480pxの写真を張り付けているので、
プラグイン1が下の方に落ちしてしまいます。
どこの数字を変えればいいか教えていただけると嬉しいです。
Time2007.09.23(Sun) 02:22 Home お名前ゆきねこ(#VjA71uWs) メールする コメントを編集する Topへ

ゆきねこさん、はじめまして。
ご愛顧、どうもありがとうございます。
3カラムテンプレに変更とのことですが、
tw_3col_1_pを例に説明させていただきますと、
スタイルシートに下記の記述があるので、
赤の部分を増やしてみてください。

div#container {
width : 870px; /* コンテンツ幅を870pxに設定 */
margin-left : auto; /* 左側のマージンを自動算出 */
margin-right : auto; /* 右側のマージンを自動算出 */
text-align : left; /* body要素で指定したセンタリングを戻す */


div#wrapper {
float : left; /* ラッパー(プライマリーカラム+セカンダリーカラム)を左側に回り込ませる */
width : 660px; /* 幅を660px(460px+200px)に設定 */
}
div#primary {
float : right; /* プライマリーカラム(記事等)を右側に回り込ませる */
width : 460px; /* 幅を460pxに設定 */
Time2007.09.25(Tue) 12:55 Home お名前Tigerうっす(#V.QdXw8.) メールする コメントを編集する Topへ

丁寧に教えていただいてありがとうございました。
何とか私でもできました!!
Time2007.10.03(Wed) 00:34 Home お名前ゆきねこ(#VjA71uWs) メールする コメントを編集する Topへ

はじめまして・・・お聞きしたい事があります。
tw_3col_1_pをこれから使わせて頂こうと思っているのですが、
数個の画像をランダムに表示させたりは可能でしょうか?

なにぶんまだまだ初心者な者で・・・

お忙しいかと思いますが、ご教授頂けたら幸いです。
Time2007.10.07(Sun) 23:25 Home お名前KO(#L8AeYI2M) メールする コメントを編集する Topへ

KOさん、初めまして。
テンプレのご利用、ありがとうございます。

画像のランダム表示は、JAVAスクリプトなどでご自分で作りこむ必要があります。
提供テンプレートのサポート外になりますので、
Googleなどで”画像 ランダム表示”などのキーワードで検索してみてください。
サンプルスクリプトが見つかると思います。
Time2007.10.08(Mon) 19:21 Home お名前-(#vRh6puUQ) メールする コメントを編集する Topへ

こんばんは^^数あるテンプレートの中で、私にとってこれだ!っていうテンプレートがtw_3col_1_plgでした。作者さんには感謝しています^^一つ質問があるので、教えて欲しいです。

TOPのNEW ENTRIESを削除してフリーエリアにしたいんですが、どこをどういじれば良いのか教えてください。よろしくお願いします。
Time2007.12.26(Wed) 22:59 Home お名前貧乏ゆすりん(#-) メールする コメントを編集する Topへ

貧乏ゆすりんさん、はじめまして。
お返事おそくなってごめんなさい。

TopページのNEW ENTRIESをフリーエリアにしたいとのことですが、
プラグインのフリーエリアのことでしょうか?
ここの部分にプラグインを使う場合、プラグインカテゴリーを1つ占有します。
プラグインカテゴリー3を使う場合の例を次に示します。

まず118行目からの
<!--index_area-->
<h3 id="navi_entryname">NEW ENTRIES</h3>
<!--/index_area-->
を削除。
続いて158行目からの
<!--not_permanent_area-->
<div class="menubody">
<div id="navi_entrylist">
<ul>
<!--topentry-->
<li>
[<%topentry_month>/<%topentry_day>] <a href="#entry<%topentry_no>" title="<%topentry_discription>"><%topentry_title></a>
<script type="text/javascript">
<!--
nw(<%topentry_year>,<%topentry_month>,<%topentry_day>,<%topentry_hour>) //-->
</script>
</li>
<!--/topentry-->
</ul>

<!--search_area-->
<div id="search_form">
<form action="./" method="get"><input type="text" size="20" name="q" value="" maxlength="200" class="ipt" />
<input type="submit" value="Search" class="search" /></form>
</div>
<!--/search_area-->

</div>
</div>
<!--/not_permanent_area-->


<!--not_permanent_area-->
<div class="menubody">

<!--plugin-->

<!--plugin_third-->
<h3><%plugin_third_title></h3>
<div class="menubody">
<%plugin_third_description>
<div class="plugin_content">
<%plugin_third_content>
</div>
<%plugin_third_description2>
</div>
<!--/plugin_third-->

<!--/plugin-->

<!--search_area-->
<div id="search_form">
<form action="./" method="get"><input type="text" size="20" name="q" value="" maxlength="200" class="ipt" />
<input type="submit" value="Search" class="search" /></form>
</div>
<!--/search_area-->

</div>
<!--/not_permanent_area-->

のように書き換えてみてください。

そしてプラグインカテゴリー3にフリーエリアを追加します。
これで出来るはずです。お試しくださいませ。
Time2007.12.31(Mon) 15:10 Home お名前Tigerうっす(#V.QdXw8.) メールする コメントを編集する Topへ

さっそくのご返答ありがとうございます。質問の意味ですが、最初はテンプレのHTML・CSSの設定をいじってフリーエリアを挿入できればいいかなって思っていましたが、Tigerうっすさんが提案した、プラグインの設定でフリーエリアを挿入できるなら、そっちのほうが便利そうです^^

Tigerうっすさんに言われたとおりHTMLをいじって、プラグインの設定でフリーエリアを挿入してみました。そしたら、TOPページは理想通りにフリーエリアが挿入されたんですが、次のページに移動するとNEW ENTRIESと書いてあった場所に「表示中の記事」と表示され、その下にフリーエリアが表示されます。また、各記事を表示すると、以前のままNEW ENTRIESが表示され、フリーエリアは表示されません。もう一つご教授よろしくお願いします。
Time2007.12.31(Mon) 19:54 Home お名前貧乏ゆすりん(#-) メールする コメントを編集する Topへ

TOPページだけではなく、その他のページもフリーエリアを利用したいのですね。

それでは、
109行目からの
<!--ページトップの記事リスト ここから-->
 ・
 ・
 ・
<!--ページトップの記事リスト ここまで-->
の間を全部下記のように書き換えてください。


<!--ページトップの記事リスト ここから-->

<div class="menubody">

<!--plugin-->

<!--plugin_third-->
<h3><%plugin_third_title></h3>
<div class="menubody">
<%plugin_third_description>
<div class="plugin_content">
<%plugin_third_content>
</div>
<%plugin_third_description2>
</div>
<!--/plugin_third-->

<!--/plugin-->

</div>

<!--ページトップの記事リスト ここまで-->

そしてその下の、
<!--アーカイブ ここから-->
 ・
 ・
<!--アーカイブ ここまで-->

をごそっと削除してください。

これでOKなはずです。
また不都合がありましたら、ご連絡ください。
Time2008.01.01(Tue) 20:41 Home お名前Tigerうっす(#V.QdXw8.) メールする コメントを編集する Topへ

先ほど、Tigerうっすさんに言われたとおりテンプレートをいじりました。そしたら、見事に求めていたテンプレートになりました。ありがとうございます^^ただ1つだけ不具合があるようで、プラグインカテゴリ2の一番下にタイトルが
<%plugin_third_title>
で、内容が
<%plugin_third_description>
<%plugin_third_content>
<%plugin_third_description2>
と表示されています。最後に、この表示を消す方法を教えてもらえれれば、嬉しいです。よろしくお願いします。
Time2008.01.07(Mon) 14:01 Home お名前貧乏ゆすりん(#-)