• 2015.2.22
• TCDANカスタマイズ
• 2 comments

AN(tcd014)でメインカラムの枠の色を変更する方法

AN(tcd014)で、メインカラムの枠の色を変更する方法です。デフォルトの色はグレー(#ccc)が使われていて、上部の枠だけ少し太くなっています。

変更するファイルは、style_pc.css です。/* layout */ の部分の #main_col と書かれているところを変更します。

変更前

/* layout */
#contents { width:992px; margin:0 auto 30px; }
#main_col { width:678px; float:right; background:#fff; border:1px solid #ccc; border-top:6px solid #ccc; margin:16px 0 0 0; }
#side_col { float:left; width:300px; margin:16px 0 0 0; clear:left; }
#main_col2 { width:800px; background:#fff; border:1px solid #ccc; border-top:6px solid #ccc; margin:16px auto 0 auto; }

変更後

/* layout */
#contents { width:992px; margin:0 auto 30px; }
#main_col { width:678px; float:right; background:#fff; border:1px solid #eebbcb; border-top:6px solid #eebbcb; margin:16px 0 0 0; }
#side_col { float:left; width:300px; margin:16px 0 0 0; clear:left; }
#main_col2 { width:800px; background:#fff; border:1px solid #eebbcb; border-top:6px solid #eebbcb; margin:16px auto 0 auto; }

border に指定されている色を、お好きな色に変更してください。上部の枠は、border-top に指定されている色を変更してください。

#main_col は、2カラムのページで、#main_col2 は、1カラムのページで使われます。もし、1カラムのページを使われている場合は、#main_col2 の border も変更してください。

また、スマホで表示された時は、メインカラムの枠は表示されませんので、style_sp.cssを変更する必要はありません。