E - テンプレート

作っているブログテンプレート(@fc2)についてのインフォメーションブログ。他、あったら良いな的なプラグインも作っていたり・・・

2007.11.05.

プラグイン3を目立つ位置に移動しました（e02_01_pinkpunch_d）

またしても修正、させていただきました。
今後ダウンロードするテンプレートには、以下の修正が施されています。
勝手な修正、すみません。

その1：プラグイン3の内容を、目立つ位置に（トップページのみ）

以前のものがあまりにも目立たないところにあったので、思い切って変えてみました。（以前は右メニューの上のところに、こっそりとありました）
こっちの方が目立つし、使いやすいかな、と思いまして。

この件で修正した箇所

/*-- プラグイン3用 --*/
#EntryArea .topin dt span{
	display:block;
	float:left;
	background-color:#FF687B;
	color:#ffffff;
	padding:.2em 10px;
	font-weight:bold;
}
#EntryArea .topin dd{
	line-height:1.5;
	padding:.4em 0 .4em 8px;
	border-left:#ff687b solid 1px;
	border-bottom:#ff687b solid 1px;
	margin:0 0 15px 10px;
}

このソース（スタイルシート）を、文末に追加。

<!--index_area--><!--plugin--><!--plugin_third--><!-- トップページのみ -->
<div class="topin">
<dl>
	<dt><span><%plugin_third_title></span></dt>
	<dd>
		<div style="text-align:<%plugin_third_ialign>"><%plugin_third_description>
		<div><%plugin_third_content></div>
		<%plugin_third_description2></div>
	</dd>
</dl>
</div>
<!--/plugin_third--><!--/plugin--><!--/index_area-->
<!--not_plugin--><!--index_area-->
<div class="topin">
<dl>
	<dt><span>Info</span></dt>
	<dd>
		<div><%blog_name>へようこそ！<br>ゆっくりしていってください。</div>
	</dd>
</dl>
</div>
<!--/index_area--><!--/not_plugin-->

このソース（HTML）を、の手前の行に追加。

<!--index_area--><!--plugin--><!--plugin_third-->
<dl>
	<dt><span><%plugin_third_title></span></dt>
	<dd>
		<div style="text-align:<%plugin_third_ialign>"><%plugin_third_description>
		<div><%plugin_third_content></div>
		<%plugin_third_description2></div>
	</dd>
</dl>
<!--/plugin_third--><!--/plugin--><!--/index_area-->

と

<!--index_area-->
<dl>
	<dt><span>Info</span></dt>
	<dd>
		<div><%blog_name>へようこそ！<br>ゆっくりしていってください。</div>
	</dd>
</dl>
<!--/index_area-->

を削除。

横幅をちょっとばかりコンパクトに。

この修正を行った理由は、その、横スクロールバーが出ちゃうんですよね！（済みません）
横幅が1024のモニター解像度で、ぎりぎり収まっているかと思っていたのですが、全然だめだって事が判明しまして……
ちゃんと確認しないとだめですね。

この修正は、スタイルシートだけで行いました。

修正の細かいこと

/*-- 横幅の補正 --*/
#ALL-in{
	width:970px;
}
#ContentsArea-in{
	margin:0 5px 0 8px;
}
#EntryArea h2 .entry-date{
	margin-left:.5em;
}
#ALL.entry-open #SideArea,
#IFtitlelist #ALL.entry-close #SideArea{
	width:418px;
}
#ALL.entry-open #SideArea #Bar_2,
#IFtitlelist #ALL.entry-close #Bar_2{
	margin-left:30px;
}
#ALL.entry-close #EntryArea,
#ALL.entry-close #EntryArea .tab.off{
	width:300px;
}
#ALL.entry-close #SideArea{
	width:614px;
}
#ALL.entry-close #SideArea #Bar_1{
	width:215px;
	margin-right:0;
}
#ALL.entry-close #SideArea #Bar_2{
	width:190px;
	margin-left:20px;
}