スポンサー広告

スポンサーサイト

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

《FC2》(マルチカテゴリー)《FC2》テンプレ改造etc.

“Odin”記事のあとに目次画面へリンク

※2006/5/29現在、下記の改造を施した“odin”にて実働しております。
“Odin”の特徴』で書いたとおり、各記事を読み終わったときにせめて目次に戻りたい。

連載が30回を越えると、全記事表示へのリンクもあったほうがいいと思うのです。(下記の変更は、"VIEW"テンプレートがダウンロードしてある必要があります)

それから、左側に後記事、右側に前記事が出ているのを逆にしたほうがいい。下記は、小説ブログ実験中さんの内容を“Odin”の具体的な記述に置き換えたものです。


「テンプレート設定」→「Odin、修正」→「HTMLの編集…」の表示の下の枠の中、「<!--nextentry-->」を検索します。(IEだと検索は「Ctrl+f」です)
<!--nextentry-->
<a href="<%nextentry_url>" class="l nv" title="前の記事"> <%nextentry_title> ≪</a>
<!--/nextentry-->
<!--preventry-->
<a href="<%preventry_url>" class="r nv" title="次の記事" >≫ <%preventry_title></a>
<!--/preventry-->
という記述を
<!--■改変部分■-->
<!--topentry-->
<P style="text-align:center;font-weight: bold;">
<a href="<%topentry_category_link>" title=" テーマ(カテゴリ) " >
<%topentry_category>index</a>

<a href="./?style2=view&all">全記事INDEX</a>
</P>
<!--/topentry-->
<!--preventry-->
<a href="<!%preventry_url>" class="l nv" title="次の記事" > <%preventry_title>≪</a>
<!--/preventry-->
<!--nextentry-->
<a href="<!%nextentry_url>" class="r nv" title="前の記事">≫ <%nextentry_title> </a>
<!--/nextentry-->
<!--■/改変部分■-->
という記述に入れ替えます。

さらに、スタイルシートの編集 ……の枠の中にある
a:link {color:#557;text-decoration:none;}
a:visited {color:#557;text-decoration:none;}
a:link {color:#557;text-decoration:none;}
a:visited {color:#779;text-decoration:none;}
という記述に入れ替えて、未閲覧リンクと閲覧済みリンクで色を変え、どこまで読んだか判りやすくしてみました。
各記事見本(一番下まで見てください)
カテゴリーINDEX見本(既読記事は色変更)
スポンサーサイト

《FC2》(マルチカテゴリー)《FC2》テンプレ改造etc.

テンプレート“View”で長いタイトルを表示

テンプレート“View”で全記事表示すると、長いタイトルは切れてしまいます。
あれ?と思って、ソース拝見して、驚いたのですが。
長いタイトルを「途中で切ってコンパクトに表示する」ために、色んな設定がしてあったのですね。

それに感動^^する一方で、ですね。

モノカキは言葉フェチなので(え?あたしだけです??)、自分でつけた作品のタイトルが切れてしまうのは、ちょっとカナシイ(あ? あたしだけだったらいいんです、この先は読まなくて)

というわけで。「タイトルを途中で切ってコンパクトに表示するための、種々の設定を切る方法」、公開。(だーかーらー。タイトル切れてOKの方、あるいは切れないくらい短いタイトルばかり使う方は、読まなくていいんですってば)

(PCafeさん、ごめんなさいm(_ _)m)

下記変更導入後はこうなります。(ついでに、訪問済みリンクの色も“Odin”とカラーコーディネートして変えてあります)


変更点1
「テンプレート設定」→「View、修正」→「HTMLの編集…」の表示の下の枠の中、

<!--titlelist_area-->
<ul id="EL"><!--titlelist-->
<li id="a<%titlelist_year><%titlelist_month>c<%titlelist_category_no>e<%titlelist_eno>">
<span><%titlelist_year> <%titlelist_month> <%titlelist_day> <%titlelist_youbi></span>
<a href="<%titlelist_url>" title="<%titlelist_body>"
onmousedown="ed(<%titlelist_eno>)" onkeydown=""
onmouseup="clearTimeout(ED)" onkeyup="">
<%titlelist_title></a>
<em><%titlelist_category></em>
</li><!--/titlelist--></ul>
<!--/titlelist_area-->
の部分を下記のように変更

<!--titlelist_area-->
<ul id="EL">
<!--titlelist-->
<li id="a<%titlelist_year><%titlelist_month>c<%titlelist_category_no>e<%titlelist_eno>">
<a href="<%titlelist_url>" title="<%titlelist_body>"
onmousedown="ed(<%titlelist_eno>)" onkeydown=""
onmouseup="clearTimeout(ED)" onkeyup="">
<%titlelist_title></a><br>
<span class="num"><%titlelist_year>/<%titlelist_month>/<%titlelist_day> - </span>
<span class="cat"><%titlelist_category></span>
</li><!--/titlelist--></ul>
<!--/titlelist_area-->


変更点2
さらに、スタイルシートの編集 ……の枠の中にある

a {color:#898;text-decoration:none}
a:active {color:#f00;}
a:hover {color:#c00; }

の部分を下記のように変更

a {text-decoration:none}
a:link {color:#557;}
a:visited {color:#898;}
a:active {color:#f00;}
a:hover {color:#c00; }
span.num {font-size:smaller;font-family:'Courier New','Courier',sans-serif;color:#898;}
span.cat {font-size:smaller;color:#898;}


変更点3

#EL li {width:480px; height:1.2em; overflow:hidden; clear:both;}
#EL span {display:block; margin:0; width:120px; float:left; }
#EL a {display:block; width:240px; float:left; overflow:hidden; font-weight:bolder;}
#EL em {display:block;width:120px; overflow:hidden; float:left;}

の部分を下記のように変更

#EL li {line-height:1;margin:7px 0px 7px 25px;}
#EL span {}
#EL a {font-weight:bold;}
#EL em {}






《FC2》(マルチカテゴリー)《FC2》テンプレ改造etc.

“改造手順”の共通項

テンプレートを改造したい、と思うとき、最低限、共通する事項ってあると思う。ここでは、私自身がどうやっているか、順を追って書いてみる。
(ヘッダ画像の替え方は、このとき書いたのがマシかも…>『テンプレートcfdn_132でのトップ絵の変更のしかた』inFC2Forum)

ソースを見る
まず、変更したい部分を、どんなタグ(<div>とか<h1>とか<img>)が設定しているかを把握するために、ソースを見る。Windowsでは、マウスの右ボタンをクリックして、「ソースの表示」を選ぶ。(MACのことは、忘れた。……マウスのボタンが1つしかなかったことしか憶えてないやい)

WINDOWS版IEの場合、日本語部分は文字化けする。FireFoxを使えば、EUコードのFC2ブログでも、文字化けなしにソースを見ることができる。

ソースのなかで、たとえばタイトル部分に
<H2 class="なんとか">
とあれば、その「なんとか」の部分が、タイトルの「class」になるのだし。

本文部分の直前あたりに
<div class="なんとか">
とあれば、その「class」が、本文の指定をしている可能性が高い。

何がなんだか判らない方も、実際、スタイルシートをあちこち変えてみれば判ってくるから大丈夫。

スタイルシート窓とHTML窓
[テンプレートの設定]→(使用テンプレート名の)[修正]で、画面の下のほうに現れる2つの窓のうち、上の窓が「HTML」下の窓が「スタイルシート」だ。

テンプレにもよるけど、「HTML」は、要素(タイトルとか本文とかコメントとか)の「有無」や「順番」を、「スタイルシート」は、大きさ/位置/色/背景/枠線などの設定を決めている

[修正]画面のHTML窓の中身を、おぼろげにでも理解しようとするなら、テンプレート中で使える変数一覧を参照する。全部見る必要はない。タイトル/エントリー(記事のこと)/コメント/トラックバック/カテゴリー/アーカイブ(月別)、自分が変えたい目的別に、言葉を検索してその部分だけじっくりめに読むのが吉。

だが、色だの画像だの変えるだけなら、最初に書いたとおり、「文字化けのない状態で、自ブログのソースを見る」という手段のほうが、たぶん、解りやすい。ソースを見たら、HTML窓は無視して、スタイルシートを見てしまうのだ。


スタイルシートを変えてみる
スタイルシートは、大原則として、
img{設定いろいろ}
とあったら、<img>タグに関して設定している。
.img{設定いろいろ}
とあったら、「class="img"」に関して設定している。
#img{設定いろいろ}
とあったら、「id="img"」に関して設定している。

ここまで判ったら、後は変えてみるだけww

(……正確な説明としては不足だけど、大抵のコトはこれで間に合ったりする。ちゃんと知りたい方は、「はじめてのFC2ブログカスタマイズ」の『基本となるセレクタ』以下を熟読♪)

スタイルシートをメモ帳にコピーするか(だからMACのことは知らないってば)、スタイルシート窓のなかで検索(ctrl+f)で探せば、目的の部分にたどり着きやすい。

backgroundといったら背景のことだし、borderは囲み線のことだ。中学生レベルの英語で、かなり見当はつくと思う。

あー。一つだけ、付けくわえ。
文字の色は、
{font-color:#000000;}
でも
{text-color:#000000;}
なく、
{color:[色コード];}
っす。。。。何度間違えたことかwww


「変えるだけ」ではなく、「設定の追加」が必要な場合の資料としては……
(FC2&テンプレ改造関連リンクと重複)
はじめてのFC2ブログカスタマイズ
アルキカタ版FC2Blog Q&A「ブログの見栄え」
HTMLクイックリファレンススタイルシートリファレンス(目的別)


「個別」ではなく「かたまり」で変える
左カラム全部のリンクの色、記事と記事タイトルとコメントとトラックバックまとめて、のように「個別の要素」ではなく「かたまり」で何かを変えたい場合には、(テンプレートによりますが)どこかの<DIV>にまとめて支配されていることが非常に多い。
<DIV>は入れ子構造になっていることが多く、どの<DIV>がどの部分を支配しているかは、意外に判りにくいのが実情、ではありますが。
(1)HTMLをみて、DIVのID,classを調べる。
(2)スタイルシートを開く。
 HTMLからあやしいと判断したIDやclassに、「background-color:red;(赤)」とか「background-color:blue;(青)」とか、背景色指定を、cut&pasteしていく(笑)
 テンプレ内で目立つ色で、作業中に確実に検索できる指定を使うと、楽。
 で、変えたい部分の色がちょうど変わったところが、「当たり」
 その部分のスタイルシートを、自分の目的に合わせて変えてやればいい。
……こんなツマラン工夫で、案外、いろんなことができてきたりするwww


バックアップ
大体動いたら(完璧でなくても)、そのスタイルシートなりHTMLなりを一度保存しておく。次の操作で全てがおじゃんになっても、戻ってやり直せるから。

ただし。全部おじゃんになっても、同じテンプレをダウンロードしなおせば、記事は正常に表示される。HTMLやスタイルシートがどんなにぶっこわれても、記事のデータが損なわれることはない。


この記事にいただいたsugarさんのコメントにあるURLも、テンプレ選びの優先順位やなにやが触れられていて、テンプレの改造前に読むのにオススメ。

[注]この記事はsugarさんのコメントをいただいた「後」で、若干書き換えました。タイトルも変更しております。

tag : ユーザーフォーラム

《FC2》(マルチカテゴリー)《FC2》テンプレ改造etc.

サブテンプレの色を、メインテンプレとコーディネート

[2006/7/31記]
“all_for_cat”向きに書いた記事ですが、“inframe”“komado”も同様ですので、リライト。


ご使用のメインテンプレとサブテンプレをカラーコーディネートしたい場合の、色コードの調べ方。

●色を拾う
Windowsのおまけソフト[ペイント]を使います。
(Macはわかりません^^;)
(1)使いたい色が表示されている状態で、[Alt]+[PrtSc]を押す。
(2)[スタート]→[プログラム]→[ペイント] 画像ファイルを貼り付ける領域にカーソルをおいて、[Ctrl]+V
(3)[スポイトアイコン]をクリック
(4)調べたい色の部分をクリック
(5)[色(C)]→[色の編集]→[色の作成]で赤/緑/青の数値が出ます、
※(背景はこの色にしたい、この色で枠をいれたい、この色で「リンク文字」などなど、欲しい色は、全部メモっておいてください)

●“inframe”
“inframe”の色は、スタイルシートで設定しています。
[テンプレートの設定]→“inframe”[編集]→[スタイルシート]
文字の色=color:rgb([数字],[数字],[数字]);
罫線の色=border-color:rgb([数字],[数字],[数字]);
背景の色=background-color:rgb([数字],[数字],[数字]);
というふうに入力してゆきます。

【おまけ】
黒背景も、つくってみました。
http://adankadan.blog47.fc2.com/?style2=inframe-black&all
http://blog-imgs-18.fc2.com/a/d/a/adankadan/inframe-black-css.htm

(リストの"頭"に画像を入れています。色変えのリクエストがあれば、できる限り応じます)


●“komado”
《FC2》のほとんどのテンプレートが、スタイルシートで色指定するのに対して、メインの色指定は、HTMLファイルの<body>タグで行っております。[テンプレートの設定]→“komado”[編集]→[HTML]
↓この部分です。
<body bgcolor="#ffffff" text="#000000" link="#336699" alink="#993366" vlink="#666666">

こちらを参考にご変更ください。
TAG

たとえば、
<body bgcolor="#000033" text="#ffffff" link="#99FFFF" alink="#33CCFF" vlink="#CCFFFF">
とすると、こんな感じに↓。
色かえ見本
(再提出のきっかけになった方に敬意を表して、“ds-starrysky”カラーです )



スレッドリンク

テーマ : 共有テンプレート
ジャンル : ブログ

《FC2》(マルチカテゴリー)《FC2》テンプレ改造etc.

TOPだけ記事表示「1」。他頁は管理室設定通り

ユーザーフォーラムで、面白いアイデアを見かけました。

「トップページだけ、1記事にしたい」

たぶん、そこにブログの紹介などを書いて、表紙になさるのでしょう。

で。
「1ページに表示する記事の数=1」
にすれば簡単に実現するのですが。長文書きさんはそれでけっこう行けてしまうのですけれど、少しずつアップするタイプの方には、ちょっと寂しいんですね^^

「1ページに表示する記事の数」を生かしたまま、最初のページだけ記事表示数を1にできないか、考えてみました。

「環境設定の変更→ブログの設定→
  1ページに表示する記事の数=適宜
  最近の記事リストの表示数=適宜」

で、[テンプレートの設定]→使用中のテンプレート(旗マーク)[修正]→[HTML]を修正します。(作業前にバックアップを取ることを強く推奨しますw)

1)<HTML>内、<%topentry_body>を探します。

2)そのすぐ「前」にある<!--topentry-->を探します。
(<!--topentry-->は複数あるテンプレが多いため)

3)<!--topentry-->の直前に挿入

<!--index_area-->
<div>
<!--/index_area-->


4)<%topentry_body>から下へ向かって検索し、最初にみつかる<!--/topentry-->の直前に挿入します。

<!--index_area-->
</div>
<div style="display:none;">
<!--/index_area-->

同じく<!--/topentry-->の直後に挿入します。

<!--index_area-->
</div>
<!--/index_area-->



全部のテンプレというわけにはいかないと思うのですが、一般的なものなら、かなりの確率でいけそうです。

tag : ユーザーフォーラム

《FC2》(マルチカテゴリー)《FC2》テンプレ改造etc.

背景画像/背景色を設定する

こちらもご覧下さい。表紙(TOP)に使う素材について 

背景画像/背景色の変更は、CSS中で行ないます。
 [テンプレートの設定]→テンプレート名のところの[修正]→[css]
 ※ 一般論は、「はじめてのFC2ブログカスタマイズ」をご参照ください。

◎ブログの背景設定によく使う設定用語のまとめ
bacground=背景設定
・画像:url([画像ファイル名])
・繰り返しの設定:no-repeat(繰り返し無し)、repeat-y(縦に繰り返す)
・位置:top(画面上端合わせ)、bottom(下)、center(中央)、
    right(右)、left(左)
・固定:fixed(固定)

※[注]「カテレオン」シリーズの構成は、あくまで「文章」が主、絵は従です。「絵を魅せる」テンプレートとしては、『Glim.』サマ、“ODORIKO”に注目中です^^


以下の説明は、“cateleon”/“catel_one”/“catel_on_s”限定です。

まず実例をひとつ。
クリップアート:『Little Eden』サマ
使用テンプレート:“catel_one”
[変更前][変更後]
[設定]
カテゴリー7画像を、繰り返しなし上下中央左端へ。
#cat7{background: url([画像URL]) no-repeat left center fixed #ffffff;}
記事部分を白く。淡い灰色で、ラインをひく。
#cat7 .content {background-color:#fff;
border:#ddd solid 1px;
broder-width:0 1px;}
入れるイラストは、カテゴリーごとに変更が可能です。


設定方法
背景画像/背景色の設定は、CSS中に「全体文字色・背景など」以下にまとめてあります。現在入力してある画像素材は、「機能見本」のための「仮入れ」です。ご自分でお作りになったものでも、素材サイトさんの作品でも、ご自分の小説作品に合ったお好きなものに変えてください。

◎入れやすい素材
“cateleon”:右上固定、右下固定
“catel_one”:左ボーダー*、左上固定、左下固定
“catel_on_s”:左ボーダー*、左上固定、左下固定
 *左ボーダー=左端に模様があり、縦に繰り返しすタイプ。
        素材サイトではよく"左ボーダー"と表記される。

◎背景画像設定
カテゴリー7の画像を、繰り返しなし右上固定
#cat7{background: url([画像URL]) no-repeat top right fixed #ffffff;}
“cateleon”カテゴリー7
右上固定の別例:カテゴリー3/

◎本文部分の設定
カテゴリー7記事背景色を変える。
#cat7 .content {background-color:[本文背景色];}
上記「content」の部分が、テンプレにより違います。
 -“catel_one”content
 -“cateleon”content
 -“catel_on_s”main


ご質問は、AdanKadanBBSまで。(タグかけます、長文OK)徹底サポートww


フリー素材サイト関連リンク
  • Jewelbox;女性向。「厳選」コーナーは見本があって選びやすい。
  • 絵空cotton;ショートストーリーのサイトに、サイト主・絵空ひろさんが吟味なさった素材・テンプレート集が、併設されています。レベル高し。
  • Kamikaze9;「詩や小説」のサイトを意識したとか。
  • KENの素材屋ナビsozai-R;ともに素材専門サーチ

(ただし、画像の再配布を禁じた素材サイトの素材を使ったテンプレートの再配布は、やめましょうww)

色指定に役立つサイトは、改造厳選リンク集にまとめてあります。


連続タイプの背景画像について
カテゴリー0/カテゴリー2/カテゴリー6のような連続タイプの壁紙を自作なさりたい方は、「katagami.gif」を加工してください。

《FC2》(マルチカテゴリー)《FC2》テンプレ改造etc.

表紙(TOP)に使う素材について 

以下、自作画像および『ブログで小説!』より添付した画像を使う方は関係ありません。
素材サイト様の画像をTOP画面に使う方のみ、ともかく目を通していただきたく。


最近、《FC2》ブログで、トラックバックにブログのTOP画面の縮小画像(サムネイル)を自動表示するというカスタマイズのやり方が発表されているようです。
面白い!わかりやすい!画像も意外なくらいキレイ、……なンですけど。

当サイトから共有化申請しているテンプレートのうち、“catel_on_s”“catel_one”“cateleon”は、表紙や各カテゴリー画面を飾るために、「素材サイトの画像素材を、手軽に入れこめる」のを目指して拵えたものだったりいたしまして。

そして、素材サイトの規約は、千差万別。

WillfullMaterialサマ
[規約より]加工 (拡張子や大きさ、素材の圧縮率(重さバイト数)、色を変えるのもダメです)
……しかも「『利用規約にこのように書かれていますがどうしてもだめですか?』と言うような質問をされる方が増えていますが特定の方に対して許可することはありませんので利用規約に従ってお使いください。」だそうなので。うーん、サムネイルだからって例外にしてただけるか、「?」

Sacred Airサマ
[規約より]80~120%の範囲内での拡大、縮小のみ許可
……ここも、規約を素直に読むと、やめておいたほうが良さそうな気が。

Silverry moon lightサマ
[規約より]>004 当サイトで配布している画像を利用者以外の方が加工することはできません。
……微妙^^;

というわけで、TOPページを飾る画像を選ぶときは、各素材サイト様の規約を確認の上、縮小OKと明示してあるなど「サムネイルOK」の画像をお使いくださいませ。m(_'_)m
(縮小ならOKという素材サイト様も、探すと、それなりにあります)

※テストしたところ、表示されるのはTOP画面のサムネイルで、カテゴリー画面ではありません。したがって、TOP画面の画像選択のみ、サムネイルへの考慮をお願いします。

──素材サイトの作り手サマにも、いろーんな方がいらして。どんな加工をしてもいい、という方もいらっしゃれば、「サイズも色もいっさい加工はまかりならぬ」という方もいらっしゃいます。各サイトの規約の差には、それぞれの作り手サマのポリシーがあり、こだわりが織り込まれています。
『ブログで小説!』は、小説の書き手をターゲットとしたブログです。
自分が「作り手」としてネットに参入する以上、他の「作り手」のこだわりも大事にしてほしい。
「素材活用型テンプレ」を共有提出した、管理人の願いです。

(凍結宣言したのに^^;、びっくらこいての緊急アップでしたw)

テーマ : 共有テンプレート
ジャンル : ブログ

《FC2》(マルチカテゴリー)《FC2》テンプレ改造etc.

「?all」リストを書いてみる。

某K様宅に納品したタイトルリストタグがご採用になったので。
すごい勢いで調子に乗っている、麻生(阿檀)です。
どれくらい調子に乗っているかというと、凍結したはずのブログへ、ヒトサマのプラグインの形式で「?all」リストタグを書いてみたりするくらいっす。
もうそろそろ、アソウとか阿檀とか言ってないで、阿ホウと改名したほうがいいかもしんない。

「INDEX」形式
<!--titlelist_area-->
<ul>
<!--titlelist-->
<li><a href="<%titlelist_url>" title="<%titlelist_year>/<%titlelist_month>/<%titlelist_day>:<%titlelist_body>  category[<%titlelist_category>]">
<span><%titlelist_month>/<%titlelist_day> </span>
<%titlelist_title></a></li>
<!--/titlelist-->
</ul>
<!--/titlelist_area-->


「記事リスト」形式
<!--titlelist_area-->
<ul>
<!--titlelist-->
<li><span>[<%titlelist_month>/<%titlelist_day>] </span>
<a href="<%titlelist_url>" title="<%titlelist_year>/<%titlelist_month>/<%titlelist_day>:<%titlelist_body>  《<%titlelist_category>》">
<%titlelist_title></a></li>
<!--/titlelist-->
</ul>
<!--/titlelist_area-->


「BenriNavi」形式
<!--titlelist_area-->
<ul>
<!--titlelist-->
<li><a href="<%titlelist_url>" title="<%titlelist_body>  《<%titlelist_category>》">
<%titlelist_title>[<%titlelist_year>/<%titlelist_month>/<%titlelist_day>] </a></li>
<!--/titlelist-->
</ul>
<!--/titlelist_area-->


テンプレートに入れる時の位置決め方法は、次記事で。

[おまけ]Odinタイプのテーブル形式
「本ブログの記事の一覧表」を作るのにテーブルタグを使ってなぜいけないのかと小一時間ww<ここで言って届くはずがないww
<!--titlelist_area-->
<table>
<!--titlelist-->
<tr><td><%titlelist_month>/<%titlelist_day> </td><td>
<a href="<%titlelist_url>" title="<%titlelist_year>/<%titlelist_month>/<%titlelist_day>:<%titlelist_body>  ">
<%titlelist_title></a></td><td><%titlelist_category></td></tr>
<!--/titlelist-->
</table>
<!--/titlelist_area-->


 続きを読む 

テーマ : カスタマイズ
ジャンル : ブログ

《FC2》(マルチカテゴリー)《FC2》テンプレ改造etc.

プラグイン3/フリースペースを、記事のフォーマットで表示

関連記事:『タイトルリスト#』&『カテゴリー#』or『同#2』

プラグイン3またはフリースペースを記事と同じ枠にはめこみたい場合の、改造方法です。

なかなか「すべての」テンプレートに対応できる記述が難しいのですが。細部は、各テンプレートに沿って工夫していただければと思います。

★重要:テンプレートのバックアップをとってから作業してください! かなり「危ない」タグを扱います。(ミスがあると、画面が真っ白になったりしますが、バックアップをとってあれば安心♪)


テンプレートのHTMLから、<!--topentry-->から<!--/topentry-->までをエディターかなにかにコピーします。

でもって、<div…>タグと/div>タグ以外、全部、消します
何かを消した場所にはてけとーに記号を入れておきます。

今回の例は、公式の「kotobuki」でww

<!--細工中ここから-->
<div class="mainEntryBlock">

<div class="mainEntryTitleUp">
<div class="mainEntryTitleUpText">★</div>
</div>

<div class="mainEntryTitle">
<div class="mainEntryTitleText">▲</div>
</div>

<div class="mainEntryBase">
<div class="mainEntryBody">●</div>
<div class="mainEntryMore">▼</div>
<div class="mainEntryDate">■</div>
</div>
</div>
<!--細工中ここまで-->


これを、<!--topentry-->の直前あたりに入れてやると、たいがい(ぉ)ちゃんと動きます。

記号の表示具合を見ながら、要らない記号を消します。
プラグイン関連のタグを埋め込み、戻したいものは元のHTMLを見て戻します。(今回は「PageTop」という画像や、Topへのリンクは戻しました)

■フリースペースに使用する。
フリースペースに使用する目的であれば、ここで、記号を直接、入れたい内容に書き換えていきます。ただし、HTMLタグを使う必要があります(改行箇所には<br>を入れる、など)

■プラグインをはめこむ
『タイトルリスト#』を入れていただく目的であれば、プラグイン関連の変数のうち、入れておきたいのは下記6つに絞れます。

<!--plugin-->(必須)
<!--plugin_third-->(必須)
<%plugin_third_title>(プラグインのタイトル。なくても可)
<%plugin_third_content>(プラグインの本体。必須)
<!--/plugin_third-->(必須)
<!--/plugin-->(必須)

の6つだけ。

「kotobuki」の場合、こんなアレンジをしてみました。

<!--プラグイン3ここから-->
<!--plugin-->
<!--プラグイン・エリア3-->
<!--plugin_third-->
<div class="mainEntryBlock">
<div class="mainEntryTitleUp">
<div class="mainEntryTitleUpText">Plug-In</div>
</div>

<div class="mainEntryTitle">
<div class="mainEntryTitleText"><%plugin_third_title></div>
</div>

<div class="mainEntryBase">
<div class="mainEntryBody"><%plugin_third_content></div>
<div class="mainEntryMore"></div>
<div class="mainEntryDate"><a href="#top"><img src="http://blog1.fc2.com/template/kotobuki/image/a-top.gif" alt="page top" height="13" width="79" align="absmiddle" border="0" class="no"></a></div>
</div>
</div>
<!--/plugin_third-->
<!--/plugin-->
<!--プラグイン3ここまで-->


テンプレの中の別の場所に、プラグイン3(<!--plugin_third-->~<!--/plugin_third-->)がある場合、消してしまって大丈夫です^^

記事数が多いブログでは、「タイトルリスト#」に加えて「Page Selector」を入れると、いい感じなのではないかと。

できあがり↓
TOP
全記事リスト

ちなみに、改造前

テーマ : カスタマイズ
ジャンル : ブログ

《FC2》(マルチカテゴリー)《FC2》テンプレ改造etc.

もあっと畳んでみる。

“inframe”テンプレート、改訂準備ちう。

Bさんの折り畳みスクリプトが(←リンク貼ったら頭文字にした意味がないがな)
>※ このカスタマイズを施したテンプレートを共有テンプレとして登録することは禁止はしませんが、推奨していません。転載についても言わずもがな。

になっているので、他に使えそうなのがないか探していたんだけど、ワタシのような超初心者の身の丈にあったものがなかなかなくて。
http://hana-recipe.seesaa.net/category/906209-1.html
でお見かけしたのがシンプルで理解可能wwだったので、ちみちみ改変。

「TOPからMOREを押したら、開いた状態の個別ページへ。個別ページにいきなり入るときは、閉じた状態に」。……この文章じゃ意味わかりませんなww


http://blog-imgs-18.fc2.com/a/d/a/adankadan/test6.htm
http://blog-imgs-18.fc2.com/a/d/a/adankadan/test6.htm#more
↑スクリプト要る方あったら、「ソース表示」で持ってってくださいまし。(畳むスクリプトは、もっといいのがあちこちあると思いますが、「more」のときを区別したのはあまり……見ない??←私が知らないだけ??) 今日はいいことがあったから、エロ禁とか商禁とか言わないことにしま♪(2006/7/19時点テスト未済wwできたら、ちょっと待ってください)

放置中ですみません、恐ろしく時間がかかるのがなんとかならんかと弄ってはいるんですがww

プロフィール

麻生(阿檀) Author:麻生(阿檀)

【このブログについて】
ブログで小説を手軽に連載したい方のための、
ブログ紹介/FC2テンプレート紹介が、メインだったはずなのですが。

ミ^。^彡っ。oO○(いつのまにやら、かなりとんでもなくごった煮ブログになっております。)

MyToyBox

Clock!
doodel ?publish
?style3=10084&index



01 02 03 04
カレンダー
03 | 2017/04 | 05
- - - - - - 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 - - - - - -
検索フォーム
タグリスト
                                                 
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。