トリビア・ライフ - 天狼記

世の中の至る所にあるトリビア(主にPC上での物創りトリビア、生活トリビア)を発見する生活日記

カレンダー

ブログ内タグ検索

カウンター

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
さすが!と言わせるFC2ブログ徹底攻略術
先日公開したLegend_V100のブログテンプレートについてですが右側についてフリーエリアとして用意しています。カスタマイズ自由なようにしていますが、左側と同じようにしたいという要望がありましたので、その方法を書きます。
右側も左側と同じようにしたテンプレートについては別途公開申請中です。⇒ブログ作成(ブログランキング)
HTMLの修正

修正前の箇所を全て修正後にコピペして置き換えて下さい。こちらはHTMLの修正です。

修正前
<div id="right">
<!--plugin-->
<!--plugin_second-->
  <div style="text-align:<%plugin_second_ialign>">
    <%plugin_second_description>
  </div>
  <%plugin_second_content>
  <div style="text-align:<%plugin_second_ialign>">
    <%plugin_second_description2>
  </div>
<!--/plugin_second-->
<!--/plugin-->
修正後
<div id="right">
<!--plugin-->
<!--plugin_second-->
<div class="right-wrapper">
  <h3 style="text-align:<%plugin_second_talign>" class="<%plugin_second_description>"><%plugin_second_title></h3>
  <div class="right-menu">
    <%plugin_second_content>
    <div style="text-align:<%plugin_second_ialign>"><%plugin_second_description2></div>
  </div>
</div>
<!--/plugin_second-->
<!--/plugin-->
CSSの修正

修正前の箇所を全て修正後にコピペして置き換えて下さい。こちらはCSSの修正です。

修正前
/* Topic - [Plug-in-2] */
#right {
	float: right;
	width: 290px;
	overflow: hidden;
	background: #ffffff;
}
#right h3 {
	height: 48px;
	margin: 5px 0 0 0;
	padding: 3px 0 0 65px;
	color: #121212;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 48px;
}
修正後
/* Topic - [Plug-in-2] */
#right {
	float: right;
	width: 290px;
	overflow: hidden;
	background: #ffffff;
}
#right .right-wrapper {
	width: 290px;
	margin: 5px 0 0 0;
	background: #ffffff;
	overflow: hidden;
}
#right .right-menu {
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #cccccc;
	overflow: hidden;
}
#right h3 {
	height: 30px;
	padding: 0 0 0 10px;
	background: url(http://blog-imgs-34.fc2.com/t/r/i/trivialife/legend.png) no-repeat 0 -325px;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 93%;
	font-weight: bold;
	line-height: 34px;
	overflow: hidden;
}
尚、画像ファイルlegend.pngについては差替えました。

コメント

  • 01月 14 2010
    • 2010/01/14(木) 00:02:31
    • [ 編集 ]
    • URL
    • おーたむ #Gpb25aJA
有難うございます^^感謝です☆

とってもいいテンプで、仲間の評判もよいです^^

ありがとうございました

コメントの投稿

   管理者にだけ表示を許可する
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。