トップ  >  コメント  > ニュースのコメント  > Re: テーマ fashion をバージョンアップしました。

返信する: ニュースのコメント

対象モジュール ニュース
件名 テーマ fashion をバージョンアップしました。
要旨 テーマ fashion をバージョンアップしました～(*^_^*) パンくずリストをスタイリッシュに変更したり、メニューのselectedに影を付けたり・・・ コメント統合のQuickReplyやログインブロックな...


オプション

参照

Re: テーマ fashion をバージョンアップしました。
投稿者: marine 投稿日時: 2012/2/6 21:25

ケーコさん、こんばんは。
早速、使って頂けたんですね。

また、お褒めのお言葉をいただき、嬉しい限りです。
作って良かったなぁ～って、思いますね。

ただ、ケーコさんのサイトでは、レイアウトが崩れるのですね。
それは、残念。。。

ノート風罫線ですけど、ニュース（bulletin）の場合は、CSSの調整で何とかなると思います。
module.css内の次の記述・・・

body.bulletin #ModuleContents .item .itemBody {

	width:96%;
	padding:8px 1% 24px 24px;
	margin:0 auto;
	line-height: 24px;
	font-size:14px;

}

の最後に、margin-top:-10px などの記述を加えてみて下さい。

body.bulletin #ModuleContents .item .itemBody {

	width:96%;
	padding:8px 1% 24px 24px;
	margin:0 auto;
	line-height: 24px;
	font-size:14px;
	margin-top:-10px;

}

これで、本文の上下が調整できると思います。

もう一つの方法としては、colors.php(実は、これもcss）の次の記述でも調整できます。

body.bulletin #ModuleContents .itemBody ,

#ModuleContents #pico_body {

	background:<?php echo _THEME_CONFIG_BGNOTE_COLOR ?> repeat 0px -10px;

}

この、-10px という部分を調整すると、ノート風罫線の上下を調整できます。
（ただし、ここではpicoも併用していますので、ご注意ください。）