--
--/--
--:--
スポンサー広告

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

Related Posts Plugin for WordPress, Blogger...
3p1-5
2013
10/12
22:14
ブログカスタマイズ
CM:0
TB:0

こんにちはっ☆彡
ここんとこ、ブログをカスタマイズしておりました。

カスタマイズといっても、目立つようなカスタマイズはしていないですが(^^;)




記事の下部に表示される「関連記事」のリストマークが、
いつの間にか画像で表示されなくなっていたので、
その修正をかねて若干カスタマイズしました。






関連記事サムネイルウィジェットの導入


関連記事を画像サムネイルで表示してくれるウィジェット
LinkWithin」を導入してみました✩

うぇぶ小屋さんのサイトを参考にさせて頂きました!


LinkWithin
画像で表示してくれるので、テキストよりも内容が伝わりやすいです。

しかし、FC2に導入すると、
「関連記事」というよりも「最新記事」が表示されてしまうのが難点です(ノД`)・゜・







関連記事のリストマーク


「関連記事」のリストマークを画像にしている方は多いかと思いますが、

「滞在中の記事」と「それ以外の記事」とで
リストマークを別のものにするタグを記載したいと思います。


ソースコード
滞在中の記事アイコンは  、それ以外の記事アイコンは  で表示しています。



↓ちなみに、ダブルクリックで選択できます✩

【HTML部分】

*関連記事*





【CSS部分】


.relate_ul {
}


.relate_ul li {
	list-style-position: outside;
	margin-left: 15px;
}


.relate_dl {
	background: url(本文と関連記事の間の画像URL) no-repeat;
	margin: 10px 0px 10px 0px;
	border-top-width: px;
	border-right-width: px;
	border-bottom-width: px;
	border-left-width: px;
	border-top-style: ;
	border-right-style: ;
	border-bottom-style: ;
	border-left-style: ;
	padding: 1em 1em 0em;
}


.relate_dt {
	font-weight: bold;
	margin-bottom: 0.5em;
	padding: 10px 0px 2px 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}


.relate_dd {
	margin: 0em 1em 1em;
}


.relate_pre {
	margin: 1em auto;
	padding: 0.5em;
	border: 1px solid;
	font-family: sans-serif;
	overflow: auto;
	width: 90%;
}


.relate_li {
        list-style-image: url(滞在中ではない記事のアイコン);
}


.relate_li_nolink {
         list-style-image: url(滞在中の記事のアイコン);
}





素人が見よう見真似で作ったので、おかしな箇所があるかもしれません;;ヽ(;▽;)ノ


何かあっても責任はとれませんので、
必ずバックアップをとってから試してみてくださいね┌(┌^o^)┐




3p1-5
*関連記事*

Related Posts Plugin for WordPress, Blogger...
3p1-5

゜・:*:.☆,。・:*:・゜’☆ Track Back ☆..:*:・゜’☆,。・:*:・゜☆・:*:・゜

゜・:*:.☆,。・:*:・゜’☆ Comment ☆..:*:・゜’☆,。・:*:・゜☆・:*:・゜

゜・:*:.☆,。・:*:・゜’☆ コメントの投稿 ☆..:*:・゜’☆,。・:*:・゜☆・:*:・゜

非公開コメント


≪ 【FC2】カテゴリーを画像で!カテゴリ最新記事カスタマイズ!!

ハルにゃんSOS ≫


このブログは主に、
コスプレ、同人、コミケ等、オタク
について書いています❤


❤ 本家サイト ❤
 [ strawberry-milk ] CHERRYのサイトに飛びます!



 [ コミケ webカタログ ]
 [ コミケ コスプレコミュニティ ]
 [ コスプレイヤーズアーカイブ ]
 [ Cure World Cosplay ]  [ facebook ]  [ mixi ]
*Ranking*
ランキングに参加しています。
よければ ポチッ とお願いします❤

 [ 人気Blog Ranking ]  [ ブログランキング・にほんブログ村へ ]
 [ FC2ブログランキング ]  [ ブログランキング ドット ネット ]
 [ ブログ王 ランキング ]  [ ブログの殿堂 ]
*profile*
素材 バナー CHERRY コスプレ
名前 : CHERRY
性別 : 女性
血液型 : A型
生年月日 : 04月 07日
現住所 : 愛知県
出身地 : 静岡県
自己紹介 :
コスプレイヤーのCHERRYです。アニメやコスプレ、同人活動などについて描いています☆
AJ、栄コスフェス、コスサミ、コミケに出没しますw
*Tweets Wind*
*pixiv*
*Archives*
 
*Search*
*Recent Entries*

Powered by FC2ブログ

FC2Ad

ページトップへ戻る
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。