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

上記の広告は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 ]
*Information*
◆同人誌販売中です◆

「Strawberry Milk Vol.11」
とらのあな様  BOOTH様
DLsite様  メロンブックスDL様
DMM様  とらのあな電子書籍様


「Strawberry Milk Vol.10」
同人堂様  BOOTH様
DLsite様  メロンブックスDL様
DMM様  とらのあな電子書籍様


「Strawberry Milk Vol.9」
同人堂様  BOOTH様
DLsite様  メロンブックスDL様
DMM様  とらのあな電子書籍様


「Strawberry Milk Vol.8.5」
BOOTH様  DLsite.com様 
DMM.com様  メロンブックスDL様


「Strawberry Milk Vol.8」
BOOTH様  DLsite.com様  DMM.com様  メロンブックスDL様
とらのあな電子書籍様


「Strawberry Milk Vol.7」
BOOTH様  DLsite.com様  DMM.com様  メロンブックスDL様 とらのあな電子書籍様


「Strawberry Milk Vol.6」
BOOTH様  DLsite.com様  DMM.com様  メロンブックスDL様 とらのあな電子書籍様


「Strawberry Milk Vol.5」
BOOTH様  DLsite.com様
DMM様  メロンブックスDL様
とらのあな電子書籍様


「Strawberry Milk Vol.4」
BOOTH様  DLsite.com様
DMM様  メロンブックスDL様
とらのあな電子書籍様


「Strawberry Milk Vol.3」
BOOTH様  DLsite.com様
DMM様  メロンブックスDL様
とらのあな電子書籍様


「Strawberry Milk Vol.2」
BOOTH様  DLsite.com様
DMM様  メロンブックスDL様
とらのあな電子書籍様


「Strawberry Milk Vol.1」
BOOTH様  DLsite.com様
DMM様  メロンブックスDL様
とらのあな電子書籍様

*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ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。