最新記事＋コメント（リンク色）

ＦＣ２ブログの時のカスタマイズメモです。

前記事に続いてまたもやＦＣ２の共有プラグイン
『最新の記事＋コメント』についての覚書です(〃￣ω￣〃ゞエヘヘ

今度は、サイドバーに表示される最新記事のタイトルと
ツリー内のコメント投稿者名などを違う色にする方法です。
コレをすると見やすくなりますよ?♪

まずは、管理画面の【テンプレートの設定】で
今使っているテンプレート（旗がついている）の
【編集】をクリックすると【HTMLの編集】画面が出てきます。
その画面の下の方に【スタイルシートの編集】がありますので
そこにリンクの設定を追加します。

【スタイルシートの編集】の一番下でいいので
↓を追加してください。

/* 最新の記事＆コメントの記事タイトルリンク色 */
.link1 a:link
{text-decoration:none;color: #696969;background-color: #ffeee0;}
.link1 a:visited
{text-decoration:none;color: #696969;background-color: #ffeee0;}
.link1 a:hover
{text-decoration:none;color: #696969;background-color: #e0f9ff;}
/* 最新の記事＆コメントのツリー内のリンク色 */
.link2 a:link
{text-decoration:none;color: #696969;}
.link2 a:visited
{text-decoration:none;color: #696969;}
.link2 a:hover
{text-decoration:none;color: #696969;background-color: #e0f9ff;}

※このままコピペする私の使っているものと同じ色になります。
　｛　｝の中を変更すると別の色に出来ますので
　ＨＴＭＬを解説しているサイト様等を参考にご自由に変更してくださいね。
　（私がよくお世話になるサイト様・・・ＣＨＩＰＳ様）

※link1とlink2は、スタイルシートですでに同じ名前が
　使われているときは、別の名前（半角英数小文字）に変更してください。
　先頭に .（ドット）がついているのでそれは消さないで下さいね。

そして次に手を加えるのが
【プラグインの設定】→最新記事＋コメントの【ＨＴＭＬの変更】
をクリックして出てくるソースの、この部分。
【カスタマイズここまで】と書かれているすぐ上にあるので
すぐに見つかります♪

var FMT_HEAD = '<UL>';
var FMT_PARENT_HEAD = ' <LI style="text-align:left">';
var FMT_PARENT_BODY = ' %ENTRY% %EXTRA%';
var FMT_COMM_HEAD = '';
var FMT_COMM_BODY = ' ├ %COMMENT%';
var FMT_COMM_TAIL = '';
var FMT_PARENT_TAIL = ' </LI>';
var FMT_TAIL = '</UL>';
var FMT_PARENT_BODYL = FMT_PARENT_BODY;
var FMT_COMM_BODYL = ' └ %COMMENT%';

緑の字の部分（赤字＆青字含む）を追加してください。

※スタイルシートのところでlink1とlink2の名前を変更している場合は、
　変更したものと同じ名前にして下さい。
　ココに書くときはスタイルシートのところに書いた
　先頭の .（ドット）はつけないで下さいね。

と・・・まあ、こんな感じでリンク色の変更が出来ます♪

テンプレを変更した時にはスタイルシートに付け加えた部分を
新しいテンプレのスタイルシートにコピペして
新しいテンプレに合わせて｛　｝内の色等を変更をすれば
(｡´･ω･)ｏおっ（｡｀･ω･)=ｂけ?♪

興味があったらお試しくださいね(*￣∇￣*) エヘヘ

えとせとらんらん

最新記事＋コメント（リンク色）

::Comment Form::