2008年07月 06月≪ 12345678910111213141516171819202122232425262728293031≫08月

2007.10.22 (Mon)

CSSのLINK設定

古本屋で買ったXHTMLとCSSのガイドブックを読むというか、眺めていたら、CSSのリンク設定って、

a:link (未訪問)
a:visited (訪問済)
a:hover (マウスがリンクに乗っている)
a:active (訪問中)


の順番で書くのが正しいそうですね。
私は何でそう思いこんだのか、ずっとa:link→a:visited→a:active →a:hoverの順だと思っていました〜(-▽-u (あっ、たぶんHTMLでリンクを設定してた時の癖をひきずってたからなんだわ……未訪問、訪問済、アクティブ中とセットで覚えていて、a:hoverだけはCSSにしかないから、つい最後にしてしまうという;;)
でも、確かに、リンクにカーソルを乗せた後に、a:activeで設定した色に変わるんだから、理にかなっている……のかな?
というわけで、全テンプレ書き換え……そして、その最中に、do_ichigo3cでメニュータイトルとプラグインのリストの間の余白が、以前より増えているのを発見Σ

/* メニューリスト */
/* リスト親要素 */
.menu_body ul {
text-align:left; /* 左寄せ */
color:#F08080; /* リストマーク等の色 */
line-height:150%; /* 行間 */
text-decoration:none;
list-style-type:disc; /* リストマークの種類 */
margin:0 0 0 2px;
padding:0 0 0 14px;
}


赤字部分をpadding-left:14px;と書いていたせいでした;
おそらく10月5日に上書きした時に、そうしてしまったと思うので、その間にDLした方で、サイドメニューのタイトルの下の余白が多すぎると感じる方は、赤字のようにスタイルシートを書き換えてくださいませm(_ _)m


テンプレート部門に参加中。クリックしてくださると励みになります♪
22:08  |  カスタマイズ色々  |  TB(0)  |  CM(6)  |  EDIT  |  Top↑

2007.10.21 (Sun)

記事内に毎回同じタグを表示する方法

今回はよく見かける、記事の内部に毎回同じタグを表示する方法を書いておきます。
HTMLから以下の部分を探し、太字の部分に挿入します。
例1)TOPページ、個別記事、すべてのページで書き込んだタグを表示したい場合
<!--▼続きを読むここから▼-->
<div class="more">
<!--more_link-->
<p><a href="<%topentry_link>#more" title="「<%topentry_title>」の続きを読む">【Read More・・・】</a></p>
<!--/more_link-->
表示させたいタグをここに書き込んでください
</div>

例2)TOPページのみ書き込んだタグを表示したい場合
例1と同じ場所ですが、TOPページのみ表示するFC2独自変数(赤字)で囲んでください。

<!--▼続きを読むここから▼-->
<div class="more">
<!--more_link-->
<p><a href="<%topentry_link>#more" title="「<%topentry_title>」の続きを読む">【Read More・・・】</a></p>
<!--/more_link-->
<!--index_area-->
表示させたいタグをここに書いてください
<!--/index_area-->
</div>


例3)TOPページでは表示せず、個別記事に移った時のみ表示したい場合
例1と同じ場所ですが、個別ページのみ表示するFC2の独自変数(赤字)で囲んでください。
<!--▼続きを読むここから▼-->
<div class="more">
<!--more_link-->
<p><a href="<%topentry_link>#more" title="「<%topentry_title>」の続きを読む">【Read More・・・】</a></p>
<!--/more_link-->
<!--permanent_area-->
表示させたいタグをここに書いてください
<!--/permanent_area-->
</div>


フリーエリア設置方法も書こうと思ったんですが、色々なケースが考えられすぎて、そのわりに自分ではフリーエリアを使うことがほとんどないので、どこにどういうのが需要があるのかいまいちわからず、記事がまとまりません……ぜひここにこういうのを置きたいっていう要望があれば、書きますので、どうぞ


テンプレート部門に参加中。クリックしてくださると励みになります♪
00:26  |  カスタマイズ色々  |  TB(0)  |  CM(6)  |  EDIT  |  Top↑

2007.10.17 (Wed)

プラグイン3の表示位置変更方法

do_qp_dot_3cへの質問なのですが、回答が長くなるのと、私の他のテンプレでも同じように出来ますので、独立記事にしてお答えします。
QT☆miniさんの質問から抜粋
ここで、フリーエリアをプラグインカテゴリ3に使っています。
各ページで表示させるために
テンプレートのHTMLでindexタグを削除したら
中央上部に各ページで表示されるようになりました!

できれば、記事ごとにフリーエリアを挿入したいのですが
どのようにしたら良いでしょうか?

それが無理なら、各ページの最後にフリーエリアを挿入させる方法をが分かりましたらぜひ教えていただけませんか。

私のテンプレで、プラグイン3は、TOPページでも個別記事のページでも、記事エリアの上部に手軽に1個だけ表示させることを意図して、設定してありますので、テンプレの説明やスタイルシートに書いたように、当然そうなります〜。indexタグの有無は、TOPページのみの表示か、個別記事や別のページに移った時でも表示するかどうかの違いだけですので、プラグイン3の表示場所などは、どちらでも変わりませんよー。
で、記事のすぐ下にプラグイン3に設置したフリーエリアを毎回、表示するには(下でいいですよね?)、HTMLの編集で、記事を繰り返し表示するというFC2の独自変数である
<!--topentry-->

<!--/topentry-->

の中に設置する必要があります。
その方法ですが、まず、HTMLの編集で、
<!--▼ プラグイン3ここから ▼-->

<!--/プラグイン カテゴリー3ここまで-->
に囲まれた固まりを探してください。
テンプレによっては、もしかしたら、「プラグイン3ここから」とかのコメントは書いてないかもしれないですが、どのテンプレも、
<!--plugin-->
<!--plugin_third-->


<!--/plugin_third-->
<!--/plugin-->

に囲まれた部分ということです。
もちろんその前後にある、TOPページのみに表示するというFC2の独自変数である
<!--index_area-->

<!--/index_area-->
も同時に移動してください……でもこの使い方でTOPページのみ表示ってあまりないと思うので、消してしまうのかな……いずれにしても、もしかしたらテンプレによっては、プラグイン3ここから等のコメントの外に書いてあるかもしれませんが、それだけを残したりはしないでくださいねー。

そして、そのプラグイン3のかたまりを、下の変数の直前に移動してください。

<!--/topentry-->
<!--/エントリーここまで-->


これで記事のすぐ下に、毎回プラグイン3が出現します。
(しかし、プラグイン3をこんな使い方してるテンプレ見たことなかったり;;)

プラグイン3は通常の使い方で、その位置にフリーエリアを設置したり、タグを直接書き込んだりも出来ますが、この記事はプラグイン3の表示場所変更方法にしておいた方が、後から見る人もわかりやすいと思いますので、フリーエリア設置方法は、次回、別の記事で説明しますね。(記事内に毎回同じタグを表示する方法なども)。

次は、プラグイン3をページ下部に表示する方法です。HTMLを編集します。
その1:常にページ下部に表示
<!--/trackback_area-->
<!--/トラックバックここまで-->


<!--▼ページ移動ここから▼-->
<div class="pnavi">
<!--prevpage-->

の間にプラグイン3のかたまりを移動してください。

その2:通常はページ下部に、<!--index_area-->〜<!--/index_area-->を使わず、個別記事を開いた時は、個別記事のすぐ下に表示
<!--/topentry-->
<!--/エントリーここまで-->


<!--▼全記事リストここから▼-->
<!--titlelist_area-->

の間にプラグイン3のかたまりを移動してください。


テンプレート部門に参加中。クリックしてくださると励みになります♪
23:48  |  カスタマイズ色々  |  TB(0)  |  CM(4)  |  EDIT  |  Top↑

2007.09.09 (Sun)

新管理画面でのリンク

やっとdo_onpu2cを登録申請しました。
出来てからちょい放置してたのは、編集リンク等を旧管理画面に合わせるか、新管理画面に合わせるか迷ったためと、例によってああでもないこうでもないと色々素材を作っていたため……(背景の没素材が沢山出来たのでそのうち配布します;)

ところで、新管理画面をメインブログで使っている方ってもういます?
まだバグが多いので、稼動しているこのブログを移行するのは怖いけれど、テンプレ作成・実験用に持っている予備ブログなんかは移行してみるつもりだったんですが、軽くなるという触れ込みなのに、テンプレを検索しようとしただけで、私の環境では1分近くかかったりして、今のところは使えないよう;;
便利は便利なので、早く安定するといいなあ……。
開発やバグ取りに携わっている方々の尽力におおいに感謝しつつ、期待してます。

今回申請したテンプレの編集リンクは、結局、旧管理画面のものにして、新管理画面に移行している方はこのタグに差し替えてくれと、HTMLの中に説明を入れることにしました。
その他のテンプレを使っている方も新管理画面で使いたい場合は以下を参考にしてください。
HTMLの
『記事下データここから』 『記事下データここまで』という部分を探してください。
その中にはさまれた部分にある↓なようなのが旧管理画面での記事の編集用のリンクです。(リンク文字は【編集】だったりEditだったりテンプレによってまちまちです)。

<a href="<%url>admin.php?mode=editentry&no=<%topentry_no>" title="この記事の編集">【編集】</a>


これを新管理画面で使いたい場合は以下に書き換えてくださいね。

<a href="<%server_url>control.php?mode=editor&process=load&eno=<%topentry_no>" title="この記事の編集">【編集】</a>



今回はレイアウト上の問題もあって、管理画面へのリンク等は入れなかったんですが、do_re_sky等の管理画面へのリンクがあるテンプレ、またはリンクを入れた方は、必要に応じて旧管理画面から新規管理画面用に変更してください。
<p class="admin">
<a href="<%url>?all" target="_self" title="全記事リストへ">★All&nbsp;archives</a>&nbsp;<a href="<%server_url><%blog_id>/admin.php?mode=admin" title="管理者ページトップへ">★Admin</a></p>

↑のようなタグがありましたら旧(現行)管理画面用にリンクですので、新管理画面で使いたい場合は、以下に置き換えてくださいませ。

<p class="admin">
<a href="<%url>?all" target="_self" title="全記事リストへ">★All&nbsp;archives</a>&nbsp;<a href="<%server_url>control.php" title="管理ページトップへ">★Admin</a>
</p>



テンプレート部門に参加中。クリックしてくださると励みになります♪
23:15  |  カスタマイズ色々  |  TB(0)  |  CM(5)  |  EDIT  |  Top↑

2007.08.09 (Thu)

続きを読むを全文表示に変える

ご質問いただいたので、続きを読むを全文表示にするカスタマイズ方を書いておきます。
私のテンプレはすべて、続きを読む(表記は、テンプレによって、Read more等、表記は色々になっていると思いますが、これはお好みで変えてくださいね)を押すと、続きから表示されるようになっておりますが、これを記事頭からの表示にする(全文を表示する)カスタマイズです。

HTMLの編集で
<!--▼続きを読むここから▼-->
という箇所を探してください。
その近辺にある下の箇所(赤字部分)を消して、青字部分をコピペで入れてください。

<!--more_link-->
<p><a href="<%topentry_link>#more" title="「<%topentry_title>」の続きを読む">【Read More・・・】</a></p>
<!--/more_link-->


<!--more_link-->
<div><a href="<%topentry_link>">すべてを読む</a></div>
<!--/more_link-->


これで記事頭からの全文表示になります。

ところで、こうすると、続き表示箇所がどこからかわかりやすいように入れた【More・・・】というのがあると、かっこ悪いですよね……。
その場合は、その下の方にある
<br /><p>【More・・・】
</p>

これを削除してしまってください。
全文表示にするカスタマイズをしなくても、この表示がいらない方は、同様に消してしまっても、特に不都合はありません。
(続き部分で行を開けたければ<br />だけ残しておいてください)。

ちなみに、続きを読むを折りたたみにしたい方は、以前、カスタマイズ方法を記事にしておりますので、こちらをご覧くださいね。


テンプレート部門に参加中。クリックしてくださると励みになります♪
20:40  |  カスタマイズ色々  |  TB(0)  |  CM(0)  |  EDIT  |  Top↑

2007.06.29 (Fri)

コメントレス

管理者だけにコメントのまりママさんへ

do_qp_dpt_3cを使っておられるのですね。ありがとうございます(^-^)

>トップページの画像をオリジナルのデジカメ画像に変更したい

テンプレの一番上にあるヘッダーのバナーのことですよね?
お好きなものに変更していただいて構いませんよ。

>右側に出ている、リンクなどの項目をすべて、左側にしたい

私のテンプレはすべて、3カラム版は、プラグイン1が左メニュー、プラグイン2が右メニューに来るように設定しています。(こういう設定はテンプレ作者によって違います)。
ですから、すべてのプラグインを1に設定すれば、左にだけにメニューを表示させることは出来ますが、右側が空いてしまって、デザインは間抜けになります。
同じデザインの2カラム版do_qp_dotも作って登録しておりますので、そちらを使えば、プラグイン1、2とも左メニューになりますので(カスタマイズすれば、右だけに表示することも出来ます)、そちらをダウンロードしてお使いくださいね。

ちなみに私のテンプレはすべて、プラグイン3を記事TOPに設定しておりますので、何か常に記事上に置いておきたいものがある場合のみ(このブログの「はじめに」みたいなもの)3を設定してください。


テンプレート部門に参加中。クリックしてくださると励みになります♪
18:41  |  カスタマイズ色々  |  TB(0)  |  CM(6)  |  EDIT  |  Top↑

2007.06.27 (Wed)

追記の開閉

昨晩、ABCK様の
http://bisco.blog2.fc2.com/blog-entry-6.html のスクリプトをお借りした追記の開閉のカスタマイズ方法を書いたのですが、私は記事下のデータ部分に追記を閉じた時に戻る目安である、id="<%topentry_no>"をふっていたと思い込んでいたのですが、よく見たらありませんでした(-▽-u
(でもなんか閉じると、下の方に戻ってたのよね……おかしいな;)
で、昨夜の記事は忘れて、追記を開閉したい方は、追記を読んでください;
ちなみに追記の開閉は、別ページに移動しないため、あらかじめ追記部分が読み込まれる仕組みですので、追記に画像等を使っている方は重くなりますが、ちょっとした文章を隠したいなんて方にはお勧めです。

【Read More】



テンプレート部門に参加中。クリックしてくださると励みになります♪
19:29  |  カスタマイズ色々  |  TB(0)  |  CM(4)  |  EDIT  |  Top↑
PREV  | HOME |  NEXT